Прихильники

четвер, 12 лютого 2009 р.

О JQuery

Задача. Сделать страницу с простыми табами - просто раскинуть по разным табам готовывй html. Для реализации заюзал встроенный в движок JQuery. Нужна возможность перейти на таб щелчком по ссылке. Этот код как-то работает:

<script type="text/javascript">
$(document).ready(function() {
$("#tabs1").tabs({ cookie: { expires: 30 } }); //попытка запоминать последний активированный таб через кукисы, но эта фича не понадобилась
$("#finance").mousedown(function() { //при щелчке мышкой по ссылке с id=finance активируем переключение на третий таб (нумерация с нуля)
$("#tabs1").triggerTab(3);
return false;
});
});
</script>


Если ссылку выбрать с клавиатуры, то работать наверное не будет

Также JQuery пригодился при работе с формами - можно легко сделать условные поля. Здесь два выпадающих списка - id=[stat] и id=webform-component-year. Второй список по умолчанию скрыт. Если в первом списке вывбирается "Студент", то надо показать второй список. Код:

<script type="text/javascript">
$(document).ready(function(){
$("#webform-component-year").hide();
$("input[@name*='stat']").click(function(){
if ($("input[@value*='Студент']:checked").val())
$("#webform-component-year").show();
else $("#webform-component-year").hide();
return true;
});
});
</script>

Немає коментарів:

Дописати коментар