Форум

Viral · #1 (**permalink**) 12.05.2011, 12:09

Есть хтмл-код(структуру показать):

<div id="q" onclick="func('w1')">Тык</div>
    <div id="w1">
      <div id="e1">
        <div id="r1"></div>
      </div>
    </div>
    <div id="w2">
      <div id="e2">
        <div id="r2"></div>
      </div>
    </div>
    <div id="w3">
      <div id="e3">
        <div id="r3"></div>
      </div>
    </div>
    <div id="w4">
      <div id="e4">
        <div id="r4"></div>
      </div>
    </div>

Количество дивов определяется количеством записей в базе (выводится все языком GishopML, если кто-то слышал о таком)
id этих дивов тоже выводится из базы в соответствии с номером записи.(сейчас их порядка 150)

Подскажите, пожалуйста, как правильно оформить скрипт, чтобы функция срабатывала на все <div> с id="wN", кроме дива с id=w1

Спасибо за внимание.

ksa · #2 (**permalink**) 12.05.2011, 12:46

Сообщение от Viral

как правильно оформить скрипт, чтобы функция срабатывала на все <div> с id="wN", кроме дива с id=w1

Как вариант...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<style type="text/css">
</style>
<script>
function Go() {
	var i=2
	while (document.getElementById('w'+i)) {
		alert(i)
		i++
	}
}
</script>
</head>
<body>
<div id="q" onclick='Go()'>Тык</div>
<div id="w1">
  <div id="e1">
	<div id="r1"></div>
  </div>
</div>
<div id="w2">
  <div id="e2">
	<div id="r2"></div>
  </div>
</div>
<div id="w3">
  <div id="e3">
	<div id="r3"></div>
  </div>
</div>
<div id="w4">
  <div id="e4">
	<div id="r4"></div>
  </div>
</div>
</body>
</html>

Viral · #3 (**permalink**) 12.05.2011, 13:08

Спасибо, но это не совсем то...

Если надо такое же действие провернуть с div id="w2", т.е. чтобы на все div с id="wN" (включая первый) кроме него сработала функция, как поступить?

Лучшим, на мой взгляд, было бы представление в javascript функции параметра SQL " like 'w%' ".
Возможно такое реализовать? как?

ksa · #4 (**permalink**) 12.05.2011, 13:44

Сообщение от Viral

Если надо такое же действие провернуть с div id="w2", т.е. чтобы на все div с id="wN" (включая первый) кроме него сработала функция, как поступить?

Т.е. тебе нужно исключать только один эелемент?
Тогда так..

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<style type="text/css">
</style>
<script>
function Go(N) {
	var i=1
	while (document.getElementById('w'+i)) {
		if (i==N) {
			i++
			continue
		}
		alert(i)
		i++
	}
}
</script>
</head>
<body>
<div id="q" onclick='Go(3)'>Тык</div>
<div id="w1">
  <div id="e1">
	<div id="r1"></div>
  </div>
</div>
<div id="w2">
  <div id="e2">
	<div id="r2"></div>
  </div>
</div>
<div id="w3">
  <div id="e3">
	<div id="r3"></div>
  </div>
</div>
<div id="w4">
  <div id="e4">
	<div id="r4"></div>
  </div>
</div>
</body>
</html>

Сообщение от Viral

Лучшим, на мой взгляд, было бы представление в javascript функции параметра SQL " like 'w%' ".

В контексте твоей задачи я бы так не делал...

Viral · #5 (**permalink**) 12.05.2011, 16:11

Спасибо Вам большое за помощь.
У меня еще вопрос по этой же теме.

В случае нарушения нумерации (если какой то из пунктов пропущен, к примеру) на следующем после "пропущенного" и следующих за ним div'ах скрипт перестает работать.

Подскажите, пожалуйста, как поступить в этом случае?

Грубо говоря, в конечном виде, нужна "инверсия", выбрал один пункт - сработали все остальные.

ksa · #6 (**permalink**) 12.05.2011, 16:29

Сообщение от Viral

как поступить в этом случае?

Тут уже нужно говорить об изменении структуры самой хтмл-разметки...

Viral · #7 (**permalink**) 12.05.2011, 16:30

По-подробнее можете, пожалуйста, рассказать?

Что именно надо поменять?

ksa · #8 (**permalink**) 12.05.2011, 16:42

Сообщение от Viral

Что именно надо поменять?

Например засунуть все "структурные" дивы в один материнский... Подумать может тебе и не дивы там нужны... Тогда можно будет пользоваться методом getElementsByTagName...
Т.е. вариантов масса.

Можно определить первый и к следующим двигаться специальным методом...

ksa · #9 (**permalink**) 12.05.2011, 16:56

Сообщение от Viral

По-подробнее можете, пожалуйста, рассказать?

Вот один из вариантов...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<style type="text/css">
</style>
<script>
function Go(N) {
	var i=document.getElementById('container').childNodes[0]
	while (i) {
		if (i.id==('w'+N)) {
			i=i.nextSibling
			continue
		}
		alert(i.id)
		i=i.nextSibling
	}
}
</script>
</head>
<body>
<div id="q" onclick='Go(3)'>Тык</div>
<div id='container'>
	<div id="w1">
	  <div id="e1">
		<div id="r1"></div>
	  </div>
	</div>
	<div id="w3">
	  <div id="e3">
		<div id="r3"></div>
	  </div>
	</div>
	<div id="w4">
	  <div id="e4">
		<div id="r4"></div>
	  </div>
	</div>
</div>
</body>
</html>

Тестил в ИЕ7...

Viral · #10 (**permalink**) 13.05.2011, 09:17

Благодарю! То, что надо!

Форум

Справочник

Discord чат

Курсы javascript