zipr3i 0 Опубликовано: 5 ноября 2010 Рассказать Опубликовано: 5 ноября 2010 На страничке при нажатии на иконку при помощи эфектов jquery появляется div с контентом. Таких иконок на странице несколько, и при нажатии на какую-нибудь появляется div с разнообразным контентом. Событие onClick раньше стояло атрибутом в div Как пример: <div class="normal" id="icon_1" onclick="ShowDivOneClasses('content_1');"> <img src="/images/icon_1.gif" /><br /> <span>Иконка 1</span> </div> <div class="normal" id="icon_2" onclick="ShowDivOneClasses('content_2');"> <img src="/images/icon_2.gif" /><br /> <span>Иконка 2</span> </div> <div class="normal" id="icon_3" onclick="ShowDivOneClasses('content_3');"> <img src="/images/icon_3.gif" /><br /> <span>Иконка 3</span> </div> <script language="JavaScript"> <!-- var OneClasses = new Array(); OneClasses['content_1'] = 'всплывающий контент 1'; OneClasses['content_2'] = 'всплывающий контент 2'; OneClasses['content_3'] = 'всплывающий контент 3'; OneClasses['content_4'] = 'всплывающий контент 4'; // --> </script> <div id="OneClassesInfo">вывод контента</div> В подключаемом скрипте следующая функция: function ShowDivOneClasses( id ) { var b = document.getElementById( id ); var flag=0; if (b.className=='normal') { flag=1; } for (var i in OneClasses) { var a = document.getElementById( i ); if ( a ) a.className = ( i == id ? 'active' : 'normal' ); } if (flag==1) { $("#OneClassesInfo").fadeOut("slow", function() { $(this).html( OneClasses[ id ] ); // $("._gallery_pic").click(_showImageFrame); $(this).fadeIn("slow"); }); } return false; } В общем не могу разобраться как onClick из div'а с иконкой перенести как функцию в теги <script type="text/javascript"> </script> Думал как-то так: $('#icon_1').click(ShowDivOneClasses('icon_1')); $('#icon_2').click(ShowDivOneClasses('icon_2')); Но не получилось =( wysiwyg убирает onclick из div и поэтому надо как-то перетащить это дело в скрипт очень надеюсь на помощь, сайт на локалке на отладке Разобрался так строчки записал и заработало $('#icon_1').click(function(){ShowDivOneClasses('#icon_1');return false;}); Можно закрывать Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.