Выбрать активный элемент меню
Есть вот такой код в header.php:
<!--><script language="JavaScript"
src="http://www.protraffik.ru/wp-content/themes/AskIt/js/jquery.min.js"></script>
<head><script>
jQuery(function(){
$(img2).hover(function(){
$(this).stop().animate({opacity:'1.0'})},
function(){$(this).stop().animate({opacity:'.6'})}
);
});
</script>
<style>
#img2{opacity:.3;filter:alpha(opacity=30)}
</style></head>
<body>
<table cellpadding="0" cellspacing="0" width="800" bgcolor="#202020" height="43" style="margin-left: 0"><br/><br/><br/><br/><br/><br/><br/>
<tr>
<td height="43" valign="top" align="center" style="padding-left: 0" width="160">
<a href="/">
<img id="img2" src="btn_home.png" width="160" height="43"></a></td>
<td height="43" valign="top" align="center" style="padding-left: 0" width="160">
<a href="/" >
<img id="img2" src="btn_apps.png" width="160" height="43"></a></td>
<td height="43" valign="top" align="center" style="padding-left: 0" width="160">
<a href="/">
<img id="img2" src="btn_videos.png" width="160" height="43"></a></td>
<td height="43" valign="top" align="center" style="padding-left: 0" width="160">
<a href="/">
<img id="img2" src="btn_services.png" width="160" height="43"></a></td>
<td height="43" valign="top" align="center" style="padding-left: 0" width="160">
<a href="/">
<img id="img2" src="btn_about.png" width="160" height="43"></a></td>
</td>
</tr>
</table>
</body>
Вопрос, наверное частый, но всё же. Как запомнить, какой элемент выбран и сделать ему opacity = 1 до следующего нажатия на одну из кнопок в меню? Видимо параметр нужно передать в div через события onclick гиперссылок. Возникли затруднения. Вот как выглядит страница. Помогите, пожалуйста. :) |
вы пробовали хотя бы что-нибудь читать про javascript и html?
нельзя давать одинаковые id разным элементам страницы у вас нет переменной img2 для $(img2) -- наверно вы имели ввиду '#img2' почему <style>, <title> и <meta> находятся в <body> а не в <head>? почитайте хоть что-нибудь и потом приходите |
Цитата:
Цитата:
|
Вам правильно написали: id должен быть уникальным. И если напишите так, то так будет работать "отлично":
$('img').hover(function(){
|
Цитата:
Цитата:
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<input id="img2" name="img21">
<input id="img2" name="img22">
<script>
jQuery(function ($) {
alert(
$(img2).length + "\n" +
$(img2).eq(0).attr("name") + "\n" +
$(img2).eq(1).attr("name")
);
});
</script>
в FF смотреть в последнюю очередь |
удалил код... прогон есть прогон. Созадай страницы к ссылкам, а там просто через PHP выставляй активное положение.
bes, а я на FF только и работаю. У других браузерах баг что ли выходит? И всё равно, mta88 правильно ему сказал )))) Ты меня этим не смутил! И почему alert считывает первые две строки, даже если индификатор без ковычек ? Должна же вылетать ошибка - ведь неправильно указан индификатор? Поясни в чём прикол. |
при твоём способе, например, так
<?php
if (isset($_GET["id"])) $id = $_GET["id"]; else $id = "link1";
?>
<style>
a {
opacity: 0.5;
}
#<?=$id?> {
opacity: 1;
}
</style>
<a id="link1" href="/?id=link1">link1</a>
<a id="link2" href="/?id=link2">link2</a>
можешь также привлечь js, чтобы не писать ?id=link.. каждый раз (можно через hash), кроме того стили обычно в отдельном файле но вообще должны быть серьёзные основания для того, чтобы запрашивать себя же через ссылку |
Цитата:
Цитата:
см. в комментах (шучу) Цитата:
|
Классное решение.
Но мне интересен факт, почему браузер не ворчит на такой синтакс: $(img2) Ведь реально похоже на синтакс переменной. |
bes
Код:
http://learn.javascript.ru/variables |
Цитата:
Не стоит кстати этим пользоваться. Кроме того в IE это не работает с контролами формы. |
Цитата:
|
Цитата:
это значит, что если у элемента задан атрибут id, то автоматически создастся переменная, имя и значение которой "совпадают" со значением этого атрибута |
к той же теме
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<input id="111" name="img21">
<script>
jQuery(function ($) {
alert($(111).eq(0).attr("name"));
alert($("#111").eq(0).attr("name"));
});
</script>
|
| Часовой пояс GMT +3, время: 00:01. |