Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?
Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вывод divа с содержимым по условию

Модерирует : Cheery

 Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3

Открыть новую тему     Написать ответ в эту тему

Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87

Цитата:
разъясните подробнее, пожалуйста

в нижней части страницы сделайте вызов функции (или саму функцию) и все.
данный пример работает только для одного blockquote, для нескольких нужен еще цикл и по ним.

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:42 15-09-2013 | Исправлено: Cheery, 00:42 15-09-2013
Alexey87

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
разместил функцию в теге SCRIPT перед закрывающимся тегом BODY
текст местоположение не меняет
может быть возможно привязать функцию к тегу с определенным классом?
Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 00:51 15-09-2013
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87

Цитата:
может быть возможно привязать функцию к тегу с определенным классом?

нет.. а функцию вызывали? код нужно вставлять либо без  
function ...  
{
 
}
 
либо следом написать вызов (или функция тогда может быть в голове страницы)


----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:53 15-09-2013
Alexey87

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
функция работает, но не так как наужно
 
ИСХОДНЫЙ КОД

Код:
 
<blockquote>  
 <div id="002">
  <p>...</p>
  <img>
  <p>...</p>
  <div>…</div>  
 </div>
 <div id="001">  
  <p>… </p>
  <div>…</div>  
  <p>… </p>
  <div>…</div>  
  <p>… </p>
  <div>…</div>  
 </div>  
 <div id="003">  
  <p>… </p>
  <div>…</div>  
 </div>  
</blockquote>
 

РАБОТА ФУНКЦИИ

Код:
 
<blockquote>  
 <div id="001">  
  <div>…</div>  
  <p>… </p>
  <div>…</div>  
  <p>… </p>
  <div>…</div>  
  <p>… </p>
 </div>
 <div id="002">
  <div>…</div>
  <p>...</p>
  <img>
  <p>...</p>
 </div>
 <div id="003">  
  <div>…</div>  
  <p>… </p>
 </div>  
</blockquote>
 

НУЖНЫЙ РЕЗУЛЬТАТ

Код:
 
<blockquote>  
 <div id="001">  
  <p>… </p>
  <div>…</div>  
  <p>… </p>
  <div>…</div>  
  <p>… </p>
  <div>…</div>  
 </div>
 <div id="002">
  <p>...</p>
  <img>
  <p>...</p>
  <div>…</div>  
 </div>  
 <div id="003">  
  <p>… </p>
  <div>…</div>  
 </div>  
</blockquote>
 
Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 01:20 15-09-2013 | Исправлено: Alexey87, 01:21 15-09-2013
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87

Цитата:
РАБОТА ФУНКЦИИ  

это не наоборот
 
и неправда.. в функции нет сортировки, чтобы менять порядок элементов внутри детей первого уровня.  
 
вы что то не так делаете или не туда смотрите

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:31 15-09-2013
Alexey87

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
и неправда..  

у меня все поисходит именно так, как я описал в посте выше.
А мне нужно множество блоков <div id="001"> <div id="002"> <div id="003"> ... <div id="n"> отобразить на странице их в упорядоченном виде:

Код:
 
<div id="001">
...
</div>
<div id="002">
...
</div>
<div id="003">
...
</div>
 
...
 
<div id="n">
</div>
 
Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 01:45 15-09-2013 | Исправлено: Alexey87, 01:46 15-09-2013
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87

Цитата:
у меня все поисходит именно так, как я описал в посте выше.  

ссылку на страницу тогда.
мой код именно это и делает, значит причина в чем то еще на вашей странице
 

Цитата:
 на странице их в упорядоченном виде:  

вы определитесь - в упорядоченном по ID или в обратном порядке по сравнению с тем, как вывели??
 
изначально вы написали

Цитата:
Как сделать так, чтобы содержимое данного кода на странице отображалось в обратном порядке?  

то есть у вас есть какой то выведенный порядок и вы хотите его обратить.

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:46 15-09-2013 | Исправлено: Cheery, 01:54 15-09-2013
Alexey87

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
ссылку на страницу тогда

примерный код страницы
Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 02:01 15-09-2013 | Исправлено: Alexey87, 09:46 15-09-2013
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87

Цитата:
примерный код страницы

дык, простите, у вас HTML код кривой.
начнем с того, что <u> не может быть снаружи <p>  
 
id не может начинаться с цифры
 
более того - у вас нарушена вложенность <p> тегов
вы не можете размещать p внутри p
 
p - параграф.. внутри него не могут быть другие параграфы.
 
поэтому когда браузер преобразует ваш код в DOM структуру, то даже хоть она и отображается как хочется, но фактически это месиво.
 
ps: пользуйтесь http://validator.w3.org/

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:13 15-09-2013 | Исправлено: Cheery, 02:14 15-09-2013
Alexey87

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, пожалуйста, решение следующей проблемы:
при добавлении к существующему коду php-вставки сбрасывается текстовое упорядочивание.
Упорядочивание блоков событий было от позднего к раннему.
 
Cheery.
Функция не работает должным образом в Maxthon и Internet Explorer
Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 12:54 15-09-2013 | Исправлено: Alexey87, 23:00 23-02-2014
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87

Цитата:
php-вставки сбрасывается текстовое упорядочивание

какой вставки? нет же телепатов
 

Цитата:
не работает должным образом в Maxthon и Internet Explorer  

наверно же потому, что не читаете, что вам jsfiddle пишет.. не нужно <html> или <script> тегов
http://jsfiddle.net/zMLv2/8/

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 18:40 04-03-2014
Alexey87

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
какой вставки?

строки с 1 по 13
Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 21:36 05-03-2014
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87
Ну,  а откуда мы знаем, что вставляет в страницу тот php код ?) наверняка это и мешает работе скрипта.
например, там есть DIV, а document.getElementsByTagName('div')[0]; выбирает первый див на странице.
используйте, к примеру, document.getElementById и выдайте нужному диву какой то id

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:25 05-03-2014 | Исправлено: Cheery, 22:25 05-03-2014
Alexey87

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery, не могу разобраться с присвоением id DIV
есть div class="news" и div id="news001", div id="news002", div id="news003" и т.д.
пробовал добавлять id к div class="news" - ничего не изменилось
или как прописать уже существующие id="news001", id="news002", id="news003" и т.д. в document.getElementById?
Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 12:19 08-03-2014 | Исправлено: Alexey87, 12:19 08-03-2014
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87

Цитата:
var el = document.getElementsByTagName('div')[0];

выбирает родителя!!
не нужно цеплять всем ID, нужно прицепить только ID к родительскому тегу.
в таком виде, как выше, написан был просто пример.
если ваш include ('opr/form.php'); вставляет html код с DIVами в нем, то выборка выше возьмет первый DIV на странице вообще, то есть из той вставки

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:43 08-03-2014
Alexey87

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
выборка выше возьмет первый DIV на странице вообще

а как тогда упорядочить уже существующие id="news001", id="news002", id="news003" и т.д. в обратном порядке?
Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 11:38 09-03-2014
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87
вы либо не читаете меня, либо не пытаетесь понять.
речь идет только о родительском элементе, ни о чем другом.
сказал же - заменить
Цитата:
document.getElementsByTagName('div')[0]

на  
document.getElementsById('id родительского элемента, в котором находятся сортируемые дивы')

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:16 09-03-2014
Alexey87

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
заменить Цитата: document.getElementsByTagName('div')[0]   на   document.getElementsById('id родительского элемента, в котором находятся сортируемые дивы')

 

Цитата:
пробовал добавлять id к div class="news" - ничего не изменилось

 
Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 07:55 10-03-2014
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Alexey87
код то покажите, что получился.

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 08:47 10-03-2014
Alexey87

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
код то покажите, что получился

код
Всего записей: 657 | Зарегистр. 27-01-2008 | Отправлено: 07:45 12-03-2014
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вывод divа с содержимым по условию


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru