Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Вытащить содержимое блока и его тег

Как вытащить по мимо контента блока, вытащить еще и его тег...
Ответ: temkasky, с каких пор свойство tagName стало атрибутом?

Атрибуты - это принадлежность тегов в HTML-коде
свойство tagName используется исключительно в JS-коде
Вопрос: Содержимое блока разместить справа

Блок меню (div class=menu) не могу сделать, что бы содержимое блока находилось справа, на одном уровне с логотипом. Удается зафиксировать, но при добавлении нового пункта меню все съезжает.
Ответ: Оу, если так, тогда это печаль беда с таким размером логотипа
Выстроить все в одну строку не проблема, боюсь что логотип повесится после этого

Добавлено через 7 минут
Тогда тут нужно блоку логотипа задавать
CSS
1
2
3
4
padding-top: 20px;
width: 30%;
float: left;
box-sizing: border-box;
Изображению логотипа для адекватного сжатия
CSS
1
2
3
display: inline-block;
max-width: 100%;
height: auto;
Блоку меню:

CSS
1
2
3
width: 70%;
float: right;
box-sizing: border-box;
Как выше было сказано, убираем у списка позиционирование + стили к ссылкам списка
Вопрос: Выравнивание содержимого блока div

Подскажите как выровнять содержимое блока div (в моем случае это картинки ) по центру
Ответ: В архиве работающий пример. Объясню некоторые моменты по стилям.

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.grid{
    width: 80%;  /*ширина общего контейнера. Если надо, чтобы он не резинил, ставишь в значение в пикселях*/
    margin:0 auto;
    text-align: center;
}
 
figure{
    display:inline-block;
    width:45%;  /*ширина каждого блока с картинкой, чтобы на каждую строку помещалось 2 картинки (45%+45%).*/               
    min-width:500px; /*минимальная ширина блока с картинкой, это чтобы при уменьшении окна браузера картинки не накладывались друг на друга, а схлопывались в одну колонку, но это снова для резиновости.*/ 
    margin:0;   
    text-align: center;
}
 
.effect-bubba img{
    max-width:500px; /*Максимальная ширина картинок*/       
    height: auto;
}
Изменяя эти стили, ты можешь настроить страницу под свои требования.
Вопрос: Скрытие блока

Всем привет!
Ребята, кто шарит, подскажите пжл.
  • Есть форма.
  • При изменении значения селлекта вызывается функция dnn
Функция dnn выполняет следующее
  • Если в селлекте value="Юридическое лицо" - выпоняется скрытие блока с id="urform"
  • Иначе блок с id="urform" всегда скрыт.
Кто-нибудь подскажите содержимое такой функции пжл. В синтаксисе JS явно несилен, но знаю что для знающих дело нескольких минут. Спасибо
И второй вопросик сразу: как можно вытащить содержимое блока
Код HTML5
1
<div id="fff">Содержимое</div>
Спасибо!)
Ответ:
Сообщение от Lazy_Den
То есть, у блока с id="urform" нет шансов быть показанным? Или всё-таки при выборе определенного значения, нужно показать блок, а в остальных случаях - скрыть? Смотрим пример
Да да) При выборе одного - показать) В остальных - скрыть))
Сообщение от Lazy_Den
Используйте метод text() или html()
Огромное спасибо!)
Вопрос: Как узнать полную высоту скрытого содержимого блока со стилем overflow-x: 'hidden'

Здравствуйте друзья. Пошарив поисковики и так ничего не найдя, сразу к вам. Натолкнулся на такую проблему. Имеем:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
#contents-wrap{
    position: relative;
    width: 100%;
    height: 100%;
}
#contents{
    position: relative;
    width: 70%;
    height: 50%;
    margin: 0 auto;
    overflow-x: 'hidden';
}
Соответственно код HTML с большим текстом, который по высоте больше 50% и при смене разрешения экрана, текст который находится в нем, раздвигает блок с id contents на неизвестную величину, та часть которая не влезает в первоначально заданный размер, скрывается и скроллится вниз пользователем, а высота этого содержимого не известна:

HTML5
1
2
3
<div id="contents-wrap"><div id="contents">
Большой текст!
</div></div>
Понятно дело узнать высоту блока с id contents можно многими способами например так:
Javascript
1
$('#contents').height();
но он будет возвращать одно и тоже значение в 50% высоты блока с id contents-wrap, а полная высота этого блока с его содержимым будет неизвестна.
У меня задача состоит в том что бы при прокрутке, когда пользователь проскроллит вниз повесить событие, а для этого мне нужно знать полную высоту блока с id contents, который заполнен текстом, и так как сайт у меня резиновый, высота блока с id contents будет все время меняться и поэтому условие невозможно поставить без этой величины.

Javascript
1
2
3
4
5
6
7
8
$('#contents').scroll(function(){
    if ($(this).scrollTop() == 'полная высота блока с id contents'){//условие сработает когда пользователь проскроллит вниз
    alert('Вы внизу!');
    }
    else{
    alert('Вы листаете вверх!');
    }
    })
Есть ли какие способы в js или jquery, что бы найти полную высоту содержимого блока спрятанного с помощью "overflow-x: 'hidden'"?
Ответ: sad67man, в моем случае это не имеет значение так как текст будет в любом случае большой(пользовательское соглашение), а окно в котором оно находится одного размера. За совет спасибо, попробуем.
Вопрос: Изменение содержимого блока при прокрутки

Когда прокручивают мимо блока, нужно что бы содержимое изменилось, дальше человек прокручивает страницу, содержимое блока вернулось.
Ответ:
Я думаю можно решение в гугле найти, если нет, то по английски ищите.
Вопрос: Содержимое блока скрывается за его границами

Доброго времени суток. Заранее извиняюсь за повторные темы, но решения которые искал мне не помогли. В общем-то, все просто: содержимое блока прячется за его границами, пофиксить своими силами не получается. Ниже демонстрирую CSS блока и блока внутри, а так же пару скринов для наглядности.

Код CSS
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
29
30
31
32
33
34
#middle {
    border-right: 230px solid transparent;
    height: 1%;
    position: relative;
    }
    #middle:after {
        content: '.';
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        }
        #container {
            
            width: 100%;
            float: left;
            overflow: hidden;
            margin-right: -100%;
            margin-top: -1px;
            background: #fff;           
            -webkit-box-shadow:  0px 0px 10px 1px rgba(0, 0, 0, 0.05);        
            box-shadow:  0px 0px 10px 1px rgba(0, 0, 0, 0.05);   
            border: solid 1px rgba(0, 0, 0, 0.1); 
            -webkit-border-radius: 0px 10px 10px 10px;
            border-radius: 10px 10px 10px 10px;
         
            }
            #content {
 
                width:1030px;
                padding-bottom:50px;
                padding: 20px 20px;
                min-height: 700px;
                }
HTML:

Код HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div id="container">
            <div id="content" role="main">
{speedbar}
<div class="spacer"></div>              
[aviable=main]
<!-- Слайдер -->
<div id="sliderwrap">
<ul id="center_dm_ru_carousel" class="transparency_i">{custom category="7" template="slider" aviable="global" from="0" limit="10" cache="no"}</ul> 
</div><br />
<h3>Последние добавленные:</h3>
<div class="spacer"></div>
[/aviable]
                {info}
                {content}
 
 
<br />
            </div><!-- #content-->
        </div><!-- #container-->
Так же прикрепляю скриншоты как это выглядит в обычном режиме, и как выглядит при масштабе хрома в 90%.

Заранее спасибо)
Ответ:
Сообщение от notsliva
Уберите "overflow:hidden" в "#container".
Сделано. Дальше как только не пробовал - ни в какую. Извиняюсь за такие глупые возгласы о помощи
Вопрос: Требуется сохранить содержимое блока в файл и скачать

Добрый день уважаемые форумчане. Перейду сразу к делу.
Есть блок:
<div class="block">123</div>
И кнопка <button class="save">Сохранить</button>
Как сделать так, чтобы после нажатия на кнопку скачивался txt файл с содержимым блока block, в данном случае должен скачаться файл со следующим текстом внутри "123".
Ответ: А не легче просто <a href='ваш файл'>123</a>))
Вопрос: Не хочет изменять содержимое блока

Ув. гуру подскажите, пожалуйста по php + javascript!

PHP:

  1. $buffer = "<a></a>";
  2. $("#subscribe").html($buffer);


Почему данный код заменяется содержимое блока на <a></a>, то есть не преобразует это в HTML теги, а пишет в формате обычного текста?
Ответ:
Даталайфцы видимо тоже не слышали.
А дело Ж.Попова то цветёт и пахнет!


-----
Вопрос: Вытащить содержимое из нескольких input

Имеются инпуты:
<div id="box">
<input type="text" id="s1">
<input type="text" id="s2">
<input type="text" id="s3">
<input type="text" id="s4">
<input type="text" id="s5">
</div>

необходимо вытащить их содержимое например в массив

делаю вот так:

var test = $('#box input').val();


В итоге в переменную test получаю только текст который введен в первый инпут...
Как получить выборку из содержимого всех инпутов?
Ответ:
Сообщение от AnsiAnsi
Как это сделать если допустим инпуты не имеют айди
Допустим вытащил я содержимое первого инпута, как перейти на второй и далее?
$('#box input').each(function() {
      console.log( $(this).val() );
});