ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / определить следующий/предыдущий тег
23 сообщений из 23, страница 1 из 1
определить следующий/предыдущий тег
    #36378936
XmarkerX
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
XmarkerX
Участник
добрый день.
столкнулся с такой ситуацией... надо реализовать такой же механизм определения зависимости между элементами по имени класса как в highslide...

объясняю:
<a href="" class="highslide" onclick="return hs.expand(this)"></a>
<div class="highslide-caption">название картинки</div>

- вот таким образом и задается зависимость, а вот как она определяется?...
как понять, что именно этот див с названием картинки относится к ссылке расположенной выше?

никаких id для элементов не задано... все определяется по названию класса...
причем есть требование - название картинки (класс "highslide-caption") должно следовать четко после тега <a>...

помогите разобраться пжст.
...
Рейтинг: 0 / 0
22.12.2009, 09:04
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36379029
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
tagName, className, childNodes[0..childNodes.length-1], parentNode и т.д. .
...
Рейтинг: 0 / 0
22.12.2009, 10:01
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36379046
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
nextSibling()/previousSibling()
?
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
22.12.2009, 10:09
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36379076
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
Ex_Soft
nextSibling()/previousSibling()Без скобок
...
Рейтинг: 0 / 0
22.12.2009, 10:18
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36379091
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
XmarkerX<a href="" class="highslide" onclick="return hs.expand(this)"></a>
<div class="highslide-caption">название картинки</div>

- вот таким образом и задается зависимость, а вот как она определяется?...
как понять, что именно этот див с названием картинки относится к ссылке расположенной выше?По моему, в некоторых браузерах при такой разметке между дивом и <a> окажется textnode (с текстом "\n"). Лучше плотно расположить, на всякий.
Код: plaintext
<a href="" class="highslide" onclick="return hs.expand(this)"></a><div class="highslide-caption">название картинки</div>
...
Рейтинг: 0 / 0
22.12.2009, 10:22
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36379099
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
Яростный Меч
Без скобок

I'm so sorry... тынць -> тынць какого-то со скобками нарисовали... А на тынць тынцьнуть - поленился...
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
22.12.2009, 10:25
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36379121
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Яростный Меч...По моему, в некоторых браузерах при такой разметке между дивом и <a> окажется textnode (с текстом "\n")...
Во всех, кроме ИЕ. Можно проверять на nodeType==1, а ещё лучше в цикле искать элемент с нужным tagName. Или действительно писать без пробелов и переносов строк.
...
Рейтинг: 0 / 0
22.12.2009, 10:31
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36379122
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
Яростный Меч
По моему, в некоторых браузерах при такой разметке между дивом и <a> окажется textnode (с текстом "\n")

угу...
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
22.12.2009, 10:32
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36379147
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
ShSerge
Во всех, кроме ИЕ. Можно проверять на nodeType==1

/me думает: гм... У меня что Mozilla Firefox 3.5.6, что M$ IE 6.0.2900.2180.xpsp_sp2_rtm040803-2158 дают nodeType==3 ( TEXT_NODE )
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
22.12.2009, 10:41
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36379255
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Ex_Soft,

Ексель-моксель! Я говорил не про текстовую ноду, а наоборот . Текстовая - да таки 3.
...
Рейтинг: 0 / 0
22.12.2009, 11:14
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36379293
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
ShSerge
а наоборот

I'm so sorry...
/me думает: не многовато ли на один топик?.. Поднять - подняли, а разбудить - забыли...
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
22.12.2009, 11:25
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36379491
XmarkerX
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
XmarkerX
Участник
спасибо за участие...
пробовал nextSibling() - ошибка!
nextSibling - в мозиле не пашет, хотя осел отлично все распознал

(все заработало когда объект расположил без переноса <div></div>объект)

что касается lastChild, childNodes[], parentNode - это все не подходит...
ибо объект, который находится тут... <div></div>объект - уже никак не узел.

вобщем за nextSibling - большое спасибо, в частности ShSerge - молодец!

теперь ещё маленький вопросец...
как к объекту прикрепить другой объект?
другими словами как сделать наоборот?

было <div></div>
стало <div></div><div></div>
...
Рейтинг: 0 / 0
22.12.2009, 12:23
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36379947
XmarkerX
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
XmarkerX
Участник
никаких предложений?
или может вопрос на понятен?
...
Рейтинг: 0 / 0
22.12.2009, 14:20
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36379971
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
XmarkerX
никаких предложений?

тынць ?
XmarkerX
или может вопрос на понятен?

тынць
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
22.12.2009, 14:27
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36380020
XmarkerX
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
XmarkerX
Участник
тынц тынц... пыдынц!!!

не узел нужен мне, а совершенно новый объект прилепленный рядом.
- тот который выше мы определяли с помощью nextSibling.

на странице всего один объект - например div
как с помощью javascript прилепить к нему новый объект!
не node не child, а совершенно новый объект.
...
Рейтинг: 0 / 0
22.12.2009, 14:44
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36380031
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
insertBefore и swapNode.
...
Рейтинг: 0 / 0
22.12.2009, 14:48
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36380042
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
/me думает: столько экспрессии...
appendChild()/insertBefore()?
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
22.12.2009, 14:51
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36380057
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
XmarkerXсовершенно новый объект.
Код: plaintext
1.
myDiv.parentNode.insertBefore(document.createElement('div'), myDiv.nextSibling);
...
Рейтинг: 0 / 0
22.12.2009, 14:58
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36380059
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
это добавляет новый объект сразу после имеющегося (myDiv)
...
Рейтинг: 0 / 0
22.12.2009, 14:59
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36380073
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Яростный Мечэто добавляет новый объект сразу после имеющегося (myDiv)
Это если там сиблинг есть, а если нет - через свапНоде.
...
Рейтинг: 0 / 0
22.12.2009, 15:02
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36380108
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
ShSergeЯростный Мечэто добавляет новый объект сразу после имеющегося (myDiv)
Это если там сиблинг есть, а если нет - через свапНоде.Если нет, то insertBefore работает как appendChild
...
Рейтинг: 0 / 0
22.12.2009, 15:13
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36380130
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Яростный МечЕсли нет, то insertBefore работает как appendChild
Угу, естественное решение. Как-то упустил из виду и не проверял даже.
...
Рейтинг: 0 / 0
22.12.2009, 15:21
| Ответить | Цитировать | Написать  
определить следующий/предыдущий тег
    #36380286
XmarkerX
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
XmarkerX
Участник
спасибо огромное за помощь!
все получилось!
...
Рейтинг: 0 / 0
22.12.2009, 16:14
| Ответить | Цитировать | Написать  
23 сообщений из 23, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / определить следующий/предыдущий тег
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&gotonew=1&tid=1453772]:
 0ms
get settings:
 4ms
get forum list:
 8ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 168ms
get topic data:
 7ms
get first new msg:
 4ms
get forum data:
 2ms
get page messages:
 35ms
get tp. blocked users:
 1ms
others: 189ms
total:  422ms
созд. / загр.: 422ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]