Здравствуйте.
На форуме (адрес форума -
) поставлено меню с переходящими разделами.
Только вот хочется, чтобы кнопки были не сверху или с одной стороны от контейнера, в котором будет меняться информация, а по бокам.
На данный момент в HTML-верх поставлен вот такой вот скрипт:
Код:<script type="text/javascript"> $(document).ready(function() { $("td.#MenuTxT div.submenutext").hide(); <!--$(".tabs span:first").addClass("active").show(); --> $("td.#MenuTxT div.submenutext:first").show(); $("div.#menu span").click(function() { $("div.#menu span").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT div.submenutext").hide(); var activeDiv = $(this).attr("alt"); $("div."+activeDiv).fadeIn(); return false; }); }); function change(n) { if (n==1) {one.src="http://s019.radikal.ru/i627/1305/15/9d3e3cd342c9.png"; two.src="http://s020.radikal.ru/i720/1305/70/380d7f3a6c57.png"; three.src="http://i060.radikal.ru/1305/10/06671c7d82fd.png"; f.src="http://s019.radikal.ru/i629/1305/40/8bb833986cf5.png"; } if (n==2) {two.src="http://s019.radikal.ru/i627/1305/15/9d3e3cd342c9.png"; one.src="http://s59.radikal.ru/i163/1305/3e/5a106544b413.png"; three.src="http://i060.radikal.ru/1305/10/06671c7d82fd.png"; f.src="http://s019.radikal.ru/i629/1305/40/8bb833986cf5.png"; } if (n==3) {three.src="http://s019.radikal.ru/i627/1305/15/9d3e3cd342c9.png"; one.src="http://s59.radikal.ru/i163/1305/3e/5a106544b413.png"; two.src="http://s020.radikal.ru/i720/1305/70/380d7f3a6c57.png"; f.src="http://s019.radikal.ru/i629/1305/40/8bb833986cf5.png"; } if (n==4) {f.src="http://s019.radikal.ru/i627/1305/15/9d3e3cd342c9.png"; one.src="http://s59.radikal.ru/i163/1305/3e/5a106544b413.png"; two.src="http://s020.radikal.ru/i720/1305/70/380d7f3a6c57.png"; three.src="http://i060.radikal.ru/1305/10/06671c7d82fd.png"; } } </script>
Функцию change(n) использую для смены изображения - кнопки при переходе по кнопкам. Да. нерационально, но по-другому не знаю, как.
В объявлении стоит такой вот код:
Код:<div id="menu"> <center> <table border="1" width="900 px" cellpadding="0" cols="3" bordercolor="#000066"> <tbody> <tr> <td valign="middle" align="center" width="92 px"> <span alt="#sm1" style="cursor: pointer;"> <img name="one" src="http://s59.radikal.ru/i163/1305/3e/5a106544b413.png" onClick="change(1)" /> </span></td> <td id="MenuTxT" rowspan="2" valign="middle" align="center"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block"><br/> <!-- Контент кнопки 1 --> <table width="680px" height = "250px! important" border="1" style="margin-top:-10px!important; margin-left:10px!important" > <tr><td > <font face="Verdana, Arial, Helvetica, sans-serif"> Рейтинг игры NC-17 </font></td> </td></tr> </table> <div id="sm2" class="submenutext" ><br/> <!-- Контент кнопки 2 --> <table width="680px" height = "250px! important" border="1" style="margin-top:-10px!important; margin-left:10px!important" > <tr><td > <font face="Verdana, Arial, Helvetica, sans-serif"> Полезные ссылки </font></td> </td></tr> </table> </div> <div id="sm3" class="submenutext"><br/> <!-- Контент кнопки 3 --> <table width="680px" height = "250px! important" border="1" style="margin-top:-10px!important; margin-left:10px!important" > <tr><td> <font face="Verdana, Arial, Helvetica, sans-serif"> Администрация </font></td> </td></tr> </table> </div> <div id="sm4" name="sm4" class="submenutext" ><br/> <!-- Контент кнопки 4 --> <table width="680px" height = "250px! important" border="1" style="margin-top:-10px!important; margin-left:10px!important" > <tr><td> <font face="Verdana, Arial, Helvetica, sans-serif"> Партнеры </font></td> </td></tr> </table> </div> <td valign="middle" align="center"> <span alt="#sm2" style="cursor: pointer;"> <img name="two" src="http://s020.radikal.ru/i720/1305/70/380d7f3a6c57.png" onClick="change(2)" o/> </span></td> </tr> <tr> <td valign="middle" align="center" width="92 px"> <span alt="#sm3" style="cursor: pointer;"> <img name="three" src="http://i060.radikal.ru/1305/10/06671c7d82fd.png" onClick="change(3)" /> </span></td> <td valign="middle" align="center" width="92 px" > <span alt="#sm4" style="cursor: pointer;"> <img name="f" src="http://s019.radikal.ru/i637/1305/20/e1874c46f508.png" onClick="change(4)" /> </span> </td></tr> </tbody> </table> </div> <center>
На данный момент работает только первая кнопка (т.е. текст в контейнере по центру появляется только при нажатии на нее).
Выглядит так:
При загрузке страницы:
При нажатии первой кнопки:
При нажатии любой другой кнопки, кроме первой:
Насколько я понимаю, проблема с блоком "div id="menu"", но, к сожалению, самостоятельно исправить проблему не могу.
Прошу помочь мне. Надеюсь, мне удалось объяснить проблему более-менее понятно. Можно ли вообще сделать так, чтобы кнопки с обеих сторон были работали?
Заранее благодарю.
Отредактировано tari (Пт, 3 Май 2013 14:55:20)
