На буцтрапе можно что угодно сотворить - Веб-строительство

469

Sitealert

31 января 2020, 13:39

#11

Вариант с jquery, который стоит практически на всех сайтах и работает даже в IE8 – всего одна строка кода.

Но наверное, всё же лучше на буцтрапе творить... И именно на четвёртом, иначе никак. 🤪

<html>

<body>

<script src="jquery-1.9.1.js"></script>



<div class="1">

<p>секция1</p>

</div>



<div class="2">

<p>секция2</p>

</div>



<div class="3">

<p>секция3</p>

</div>



<div class="test">

<p>секция Test</p>

</div>

<script>$('.1').after($('.test'));</script>

</body>

</html>

3

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.

124

ArbNet

31 января 2020, 14:06

#12

Sitealert, На жабаскрипте можно что угодно сотворить, вот только джквери для этого таскать не обязательно. Это я о том что бутстрап и джквери это куча ненужного говна, которое пользователи будут таскать из-за криворуких создателей этих библиотек и разработчиков движков, которые их прикручивают :)


<body>
<div class="c1">
<p>секция1</p>
</div>

<div class="c2">
<p>секция2</p>
</div>

<div class="c3">
<p>секция3</p>
</div>

<div class="test">
<p>секция Test</p>
</div>
<script>
     var d1=document.querySelector('.c1');
     var test=document.querySelector('.test');
     d1.parentNode.insertBefore(test,d1.nextElementSibling);
</script>
</body>

ЗЫ. для вёрстки всё же лучше использовать стилевое оформление

2

Обсуждение разработки на моём фреймворке https://discord.gg/23N4s9x2kp

325

suffix

31 января 2020, 14:24

#13

ArbNet:
джквери для этого таскать не обязательно.

В 90% случаев он уже на сайте есть и ниоткуда не тянется ибо лежит на севрере где и сайт.

3

Клуб любителей хрюш (https://www.babai.ru)

193

MrDesigner

31 января 2020, 14:28

#14

suffix:
В 90% случаев он уже на сайте есть и ниоткуда не тянется ибо лежит на севрере где и сайт.

WordPress у меня.

../wp-includes/js/jquery/jquery.js

Вот, что подключается на странице вывода:

/*! jQuery v1.12.4 | (c) jQuery Foundation | jquery.org/license | WordPress 2019-05-16 */

124

ArbNet

31 января 2020, 14:34

#15

suffix, В 100% случаев засирает дисковое пространство пользователей..

325

suffix

31 января 2020, 14:37

#16

ArbNet:
В 100% случаев засирает дисковое пространство пользователей..

С этим не поспоришь - я лишь к тому что ежели он уже есть и подключен и пользователю отдаётся то Sitealert прав - можно и при его помощи задачу ТС решить.

Разумеется Ваш способ ничем не хуже.

2

S

469

Sitealert

31 января 2020, 14:38

#17

ArbNet:
для вёрстки всё же лучше использовать стилевое оформление

Всё зависит от конкретных задач, доступности кода, и ещё чего-то другого. Где-то удобнее чистый CSS, где-то JS.

1

444

Оксиген

31 января 2020, 19:16

#18

Sitealert:
Некоторые "продвинутые" уже и двух строчек не могут написать

Весь фокус в том, что в реальности пример с блоками намного сложнее и букв (кода) в нём намного больше, чем в примере. Если сюда ещё и приплюсовать фотки (с которыми, как показывает практика, вообще никто не заморачивается) по 1 Мб минимум, то несколько десятков килобайт из CDN вообще никак не затормозят загрузку сайта.

Что имеем в итоге? Имеем фреймворк (унифицированный интерфейс или каркас если вам так понятнее) в который вложили 100+ лямов грина и CSS код "Кулибина" сделанный "на коленке". Первый распространяется через CDN, второй надо грузить откуда придётся. У первого 100% адаптивность, у второго "как фишка ляжет".

Продолжайте изобретать велик. :D

Магазин готовых сайтов (https://www.bdb.ru/shop/) Продление доменов в RU-CENTER по партнерским тарифам.

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

S

469

Sitealert

31 января 2020, 19:57

#19

Оксиген:
Что имеем в итоге?

В итоге имеем реальные решения с одной стороны и пустой трёп о ниочём – с другой. Иди, осваивай свой буцтрап, теоретик.

1

IL

435

ivan-lev

31 января 2020, 20:16

#20

Оксиген:
Что имеем в итоге? Имеем фреймворк (унифицированный интерфейс или каркас если вам так понятнее) в который вложили 100+ лямов грина и CSS код "Кулибина" сделанный "на коленке".

Если речь о работающем сайте, то переносить его на bootstrap ради порядка "колонок", мягко говоря, нецелесообразно. В том числе, и по экономическим (трудовремязатратам) соображениям.. )

1

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов

Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ

Порядок следования DIV и HTML