Jquary выполнение при загрузке страницы

[deadrash]

В этом примере http://jsfiddle.net/DeaDrash/6Qrj3/ при наведении на жёлтый или зелёный квадрат, меняется бордер у ссылки которая имеет тот же класс что и квадрат.

Но нужно что бы не при наведении мышки работало а при загрузки страницы обе ссылки меняли свой бордер. Как сделать?

[sigma77]

deadrash

$(document).ready(function() {
  // Нужный код
});

http://api.jquery.com/ready/

Оно?

Если нет, ищи подходящее событие http://api.jquery.com/category/events/

Edited December 3, 2010 by sigma77

[deadrash]

deadrash

$(document).ready(function() {
  // Нужный код
});

http://api.jquery.com/ready/

Оно?

Если нет, ищи подходящее событие http://api.jquery.com/category/events/

Да я уже пробовал так делать, если не правильно поправте меня

function setWidth(w, h, c) {
	w = (w + 5) + "px ";
	h = (h - 12) + "px ";
	$("a." + c).css({
		borderWidth: h + w
	}).text(c);
}
$(document).ready(function() {
	$("div")(function() {
		setWidth($(this).width(), $(this).height(), $(this).attr("class"));
	});
});

Почему то так не работает, и я не могу понять почему, сам принцип понять не могу. Может быть он не знает к какому диву обращаться? А как тогда нужно?

Edited December 3, 2010 by deadrash

[mishka]

чегоб ему работать?

$("div")(function() {

setWidth($(this).width(), $(this).height(), $(this).attr("class"));

});

это что за ...

$(document).ready(function() {
		alert('опа-па')
});

если сделать так:

function setWidth(w, h, c) {
	w = (w + 5) + "px ";
	h = (h - 12) + "px ";
	$("a." + c).css({
		borderWidth: h + w
	}).text(c);
}
$(document).ready(function() {
		setWidth($(this).width(), $(this).height(), $(this).attr("class"));
});

то функция setWidth запуститься, но ей передадуться неопределенные параметры, так как при наведении на див $(this) - это была сама нода на которую навели мышкой.

Зачем делать отображение этих линок пои закрузке с помощью джс? С этим цсс прекрасно справляеться.

[deadrash]

Зачем делать отображение этих линок пои закрузке с помощью джс? С этим цсс прекрасно справляеться.

Да, но только если известен размер контейнера, а так только скриптом.

[Great Rash]

А что сделать то надо? Просто из вот этого вообще ничего не ясно... какое-то нагромождение квадратов полупрозрачных ничего толком не работает...

[deadrash]

Вот посмотри на ссылки блоками http://madespb.ru/ там ссылки сделаны бордером, ссылки с позицией абсолют, дак вот, хотелось бы не вручную прописывать для каждой такой ссылки а яваскриптом.

Логин vladimir

Пароль 1234

От этого примера http://jsfiddle.net/DeaDrash/6Qrj3/ отличается тем что тег а внутри тега дд и размерется по его габаритам, надо было наверное сразу так и записать ...

p.s. Владимир это не я, это мой начальник.

Edited December 3, 2010 by deadrash

[mishka]

так что мешает стилями линку растянуть?

убрать релейтив с абзаца, а на dd поставить релейтив. Линку вынести с абзаца, и положить как дочерний элемент dd.

для линки

position: absolute;

top: 0;

bottom: 0;

width: 100%;

и никаких бордеров.

в некоторых браузерах линка может быть не кликабельна, так как нету бг, и она пуста. На помощь прихобит бекграунд из прозрачного гифа 10х10.

для ие6 експрешн для линки, который растянет ее на высоту родителя

height: expression(parentNode.offsetHeight + 'px');

[deadrash]

так что мешает стилями линку растянуть?

убрать релейтив с абзаца, а на dd поставить релейтив. Линку вынести с абзаца, и положить как дочерний элемент dd.

для линки

position: absolute;

top: 0;

bottom: 0;

width: 100%;

и никаких бордеров.

в некоторых браузерах линка может быть не кликабельна, так как нету бг, и она пуста. На помощь прихобит бекграунд из прозрачного гифа 10х10.

для ие6 експрешн для линки, который растянет ее на высоту родителя

height: expression(parentNode.offsetHeight + 'px');

Ээээ... я это как бы первое что седлал http://jsfiddle.net/DeaDrash/PWx8R/ и она и правда не была кликабельная в ИЕ и Опере в том месте где под ней был текст.

Но вариант с багграундом нигде не попадался, спасибо!! Сделаю именно так, ибо нефиг!