Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Поменять позицию элемента

Доброе время суток. Как поменять ориентацию элемента через js, что бы он сместился влево?
<body><div id="wrapper"></div></body>
Ответ:
Сообщение от j0hnik
<body><div id="gay"></div></body>
все теперь у элемента другая ориентация!
Спасибо вы мне очень помогли.
$("Name").css({left: '0px', position:'absolute'});
Вопрос: Поменять местами элементы через CSS

Доброго времени суток, у меня возникла проблема с решением одной задачи.
У меня есть набор картинок (расположенных в ряд) мне нужно сделать так, чтобы при нажатии на какую-либо из картинок она передвигалась на центральную позицию, а картинка с центра переходила на место той, по которой кликнули. Своеобразная галерея изображений получается. Проблема в том, что сделать это нужно на CSS, без использования JS.
Подскажите, как мне менять картинки местами?
Ответ: Ну я склонен предполагать что там один блок и float должен работать или там никак это не сделать плавающим

Добавлено через 1 час 35 минут
интересно, кто такие задачки ставит
А, дак я сечас прочитал внимательно... там не нужно увеличивать.... а у меня галерея в голове сразу такая всплыла почему-то.
Вопрос: добавление в атрибут html элемента

Если я при создании хтмл элемента в атрибут добавлю обьект
в несколько элементов один и тот же обьект то это будет занимать память?

var li = document.createElement('LI');
li.myattr=myobj;
Ответ:
plain
в несколько элементов один и тот же обьект
Вы копируете ссылку на объект, а не создаёте копию (клон) объекта.
Но объект будет существовать, пока на него есть хотя-бы одна ссылка.
Вопрос: Как поменять класс элемента если он покидает видимую область стр

Подскажите пож-та, как поменять класс, когда элемент покидает видимую область страницы?
Сейчас понял как поменять при прокрутке на определенное кол-во пикселей, но так как элементов много, то этот способ не работает;


Ответ: А вот попробовал этот способ прикрутить к ProgressBar.js - не работатет


Подскажите, где ошибся?
Опыт у меня совсем маленький, прошу понять и простить)))
Вопрос: Отследить выход содержимого элемента за границы элемента

Есть div для которого в стилях указано overflow:hidden. Можно ли определить в скрипте - переполнен он или нет?

Добавлено через 11 минут
Проверяю так
Javascript
1
2
3
4
5
6
element.html("<pre class='v-pre'>" + cell.contentValue + "</pre>");
$(element).each(function() {
    if (this.scrollHeight > this.clientHeight) {
 
    }
});
Такой вариант работает только если после заполнения ячейки данными добавить к ее содержимому еще что-то
Javascript
1
2
element.html("<pre class='v-pre'>" + cell.contentValue + "</pre>");
element.append("<div style='position:relative;height:10px;width:50px;'>something</div>");
Используется jquery, но думаю, дело не в этом.
Ответ: как вариант:
Javascript
1
2
3
4
5
6
7
8
9
  function is_overflow (elem) {
    var clone = elem.clone().appendTo($("body")).hide().css('overflow', 'visible');
    var check_height, check_width;
    check_width = clone.width('auto').height(elem.height()).width() > elem.width();
    check_height = clone.height('auto').width(elem.width()).height() > elem.height();
    alert(check_height || check_width);
  }
  
  is_overflow($(".elem"));
Вопрос: Как получить содержимое элемента

Здравствуйте.
Пожалуйста, покажите пример, как можно получить содержимое блока, например:
HTML5
1
<div class="block"></div>
На чистом JavaScript?
Надо именно class="block", а не id="block".
Спасибо.
Ответ: Cra3y, спасибо Вам большое!
Вы меня спасли!

Всего доброго!
Вопрос: Поменять блоки местами в Bootstrap3

Здравствуйте форумчане!
Необходимо в планшетном виде поменять блоки местами - один опустить ниже, другой - выше.

Два блока отметил красным:


сайт:

вот часть кода блоков:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<div class="b-page">
        <div class="container">
            <div class="row">
 
                <div class="col-md-8"> <!-- БЛОК КОНТЕНТА -->
                        <div class="page-content">
                            <h3>Загловок</h3>
                            <p>
                                  Текст контента
                            </p>
                        </div>
                </div>
 
                <div class="col-md-4">  <!-- БЛОК Правого сайдбара - меню -->
 
                        <div class="sidebar-menu">
                            <div class="sidebar-menu-bg"></div>
                                <ul>
                                    <li><a href="#">Новости</a></li>
                                    .......
                                </ul>
 
                        </div>
 
                </div>
            </div>
        </div>
    </div>
Ответ: Уважаемые, разобрался...

Делал всё правильно, просто нужно было дополнительно поменять блоки местами!!!

Было:

HTML5
1
2
<div class="col-md-8 col-md-pull-4">...
<div class="col-md-4 col-md-push-8">...
Стало правильно работать(поменял местами div):

HTML5
1
2
<div class="col-md-4 col-md-push-8">...
<div class="col-md-8 col-md-pull-4">...
Надеюсь, кому-то поможет! Удачи!!!
Вопрос: Скрыть элемент по клику вне его

Необходимо скрыть div по клику вне его, нашел неплохой пример
Javascript
1
2
3
4
5
6
7
8
9
10
jQuery(function($){
    $(document).mouseup(function (e){ // событие клика по веб-документу
        var dqv = $("#element1"); // тут указываем ID элемента
        if (!dqv.is(e.target) // если клик был не по нашему блоку
            && dqv.has(e.target).length === 0) { // и не по его дочерним элементам
            dqv.hide(); // скрываем его
 
        }
    });
});
Однако вся загвостка в том, что блоков на странице много, и хотелось бы что бы по клику закрывались все, попробовал присвоить всем элементам один класс, однако что-то не выходит
Ответ: Правда скорее всего функция отработает не совсем так, как ожидается. По идее она скроет все блоки (даже с нашим искомым классом someClass) кроме того блока, по которому произошёл клик.
Код ниже не будет скрывать ни один из блоков с классом someClass, если был клик по одному из блоков с этим классом
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
jQuery(function($){
    $(document).mouseup(function (e){ // событие клика по веб-документу
        e = $(e.target);
        var className = 'someClass'; // тут указываем класс элементов
        console.log(e.parents('.'+className));
        if (!e.hasClass(className) // если клик был не по нашему блоку
            && !e.parents('.'+className).length) { // и не по его дочерним элементам
            $('.'+className).hide(); // скрываем их
        
        }
    });
});
Добавлено через 22 минуты
5ую строку можно удалить
Вопрос: Изменение CSS свойств нескольких элементов при наведении курсора

Можно как-то без JavaScript изменять CSS свойства нескольких элементов при наведении курсора на один из них? При том, что:

1. Они имеют общего родителя.
2. Но это отдельные элементы (один в другой НЕ вложен), и они НЕ идут последовательно в коде.

Спасибо.
Ответ:
Сообщение от ua30
непосредственно тот элемент
Да. Например, у .son общий родитель - .parent
В принципе, на СSS такое можно сделать, но это будет такой костылище с кучей input и label и съехавшей разметкой, что лучше об этом даже и не думать, если есть возможность использовать скрипт
Если элементы имеют общего родителя, то без проблем можно менять стили элементов, которые идут ниже в дереве html.
Вопрос: Выбор элемента одного элемента из двух

Здравствуйте.
Есть .
В третьем блоке (после шапки и слайдера) с левой стороны есть выбор меню: Первое, Второе, Гарнир, Салат.
Как можно сделать так, чтобы был выбор:
Отдельно между элементами первого, отдельно между элементами второго и т.п.
Сейчас у меня выборка происходит вообще по всем элементам...

Вот "велосипед", который у меня получился
$('.menu-element .menu-element-dish-img').click(function() {
        $('.set-no-order').hide();
        $('.set-order').show();
        $('.menu-element-dish-img').removeClass('active');
        $(this).addClass('active');
    });


Спасибо заранее
Ответ: рони,
Спасибо большое! Только + не могу вам почему-то поставить