body onload? А как сделать div.onload?

[InCun]

<div class=one ONLOAD="functionName(this);">
	<div class="prev"> </div>
		<ul>		
			<li>
				<a href='' alt='url image'></a>
			</li>
		</ul>
	<div class='cl'></div>
</div>

1) Функция functionName() выполняет запрос .parent к первому дочернему тегу - <a> и забрать у него атрибут alt, который содержит в себе ссылку.
2) jQuery подключен.
3) div'ов с классом one - несколько.
4) элементов - LI рандомное количество (всегда больше 2).
5) В каждом div'e с классом one, присутствует дочерний div с классом prev.

PHP код:

function functionName(this) {
    var aImg= $(this).find("a.class:first-child");
    var Img = $(aImg).attr("alt");
    $(this).children(".prev").css("background","url('Img')");
} 


описание функции:
-> запуск функции.
-> поиск в дочерних: a.class
-> присваивание переменной, конкретному атрибуту: var aImg = ...attr('alt');
-> после чего идет вставка переменной(ссылки с тега А) в бекграунд дива prev...

Все это работает, возможно в описании допущены ошибки.

смысл таков, что для каждого дива с One классом, должна применяться функция с теми действиями что описаны выше...
Вопрос: Как можно реализовать ONLOAD к каждому из этих div'ов с этой функцией PS.Чтобы работали все финды и чилдрены.


Я так полагаю что while-ом перебирать нужно? подскажите наглядный пример... Пожалуйста.

[nerv]

Однако, сложно Вас понять. Зачем оно вообще надо?

body onload? А как сделать div.onload?

Я вижу примерно так: вешаете на body.onload функцию, кот. делает то, что Вам надо (что именно, я не понял)

[InCun]

есть список изображений в таком виде:

<a href="javascript:void(0)" alt="linkbigfoto"> <img src="linksmallfoto"></a>

рядом со списком есть Блок div, в котором с помощью JS(jQuery) делается предосмотр большого изображения. т.е. при нажатии на <a> берется ссылка с аттрибута ALT и вставляется в бекграунд Блока.

На одной страницы, таких списков НЕСКОЛЬКО. т.е. как группы объектов и к каждой группе свой блок предосмотра.

Ваш вариант сработает лишь для одного, а точнее вообще не сработает ибо <div class=prev - не один, а много... в итоге либо обработается лишь 1 див, либо во все дивы вставится одно и тоже изображение.

функция привязана к див-у группы...
ссылка лишь обновляет изображение в блоке prev...
требуется вообще такое, чтобы при загрузке страницы, блок prev сам брал ссылку из соседнего списка ссылок на изображения.

[JTG]

Что значит onload для div'а? Он аяксом подгружается откуда-то?

[InCun]

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

Что значит onload для div'а? Он аяксом подгружается откуда-то?

onload, имеется ввиду, после загрузки страницы выполнить функцию.

До меня дошло, что нужно сделать так.
1) в скрипте, через jQuery задать $().ready или как его там правильно я не знаю. т.е. после загрузки страницы, выполняется далее заданное действие.

2) Чтобы после ready функция применялась к каждому нужному div-y с классом "one", нужно из перебрать в each...

только моих знаний не достаточно чтобы додуматься как сделать each =( туп для этого...

[JTG]

Такое?
http://jsfiddle.net/Xk7cH/


По аналогии сделаете? Чтоб не писать .parent().parent().parent()..., выбираясь из списка вверх, можно заюзать .closest(".prev")

[InCun]

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

Такое?
http://jsfiddle.net/Xk7cH/

Да, благодарю, тоже самое что у меня.

Но, проблема остается той-же... в вашем примере, в коде <div class="screen"></div> поле остается пустым при загрузке страницы... как его заполнить элементом из предоставленных изображений?? Напомню, что изображения разные... взять впихнуть вручную ссылку не получится.

[JTG]

При загрузке для каждого .screen взять фоном src первого дочернего img

http://jsfiddle.net/Xk7cH/1/

[InCun]

JTG, благодарю за помощь, завтра отпишусь что получится.

[Naive]

$.ready(function() {
  $('.one').each(function() {
    var prev_obj=$(this).find('.prev');
    $(this).find('a').each(function() {
      prev_obj.css('background',$(this).attr('alt'));
    });
  });
});

Оно или я не въехал в трабл?