У меня есть сайт, основанный на шаблоне Joomla. Я хочу добавить док из
ndesign-studio.com / блог / макинтош / CSS док-меню
Я создал образец страницы для этого.
Вот код:
<script type="text/javascript" src="images/eklenecek/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="images/eklenecek/interface.js"></script> <script type="text/javascript"> $(document).ready( function() { $("#dock").Fisheye( { maxWidth: 30, items: "a", itemsText: "span", container: ".dock-container", itemWidth: 30, proximity: 100, halign : "center" } ) } ); </script> <style type="text/css"> <!-- .dock { position: relative; height: 50px; text-align: center; } .dock-container { position: absolute; height: 50px; background: #FFFFFF; padding-left: 20px; } a.dock-item { display: block; width: 48px; color: #000; position: absolute; top: 0px; text-align: center; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; } .dock-item img { border: none; margin: 5px 10px 0px; width: 100%; } .dock-item span { display: none; padding-left: 20px; } --> </style> <div class="dock" id="dock"> <div class="dock-container"> <a class="dock-item" href="#"><img src="images/eklenecek/email.png" alt="home" /><span>E-Posta ile Gonder</span></a> <a class="dock-item" href="#"><img src="images/eklenecek/print.png" alt="contact" /><span>Yazdir</span></a> <a class="dock-item" href="#"><img src="images/eklenecek/fav.png" alt="portfolio" /><span>Portfolio</span></a> <a class="dock-item" href="#"><img src="images/eklenecek/pdf.png" alt="music" /><span>Music</span></a> <a class="dock-item" href="#"><img src="images/eklenecek/blogger.png" alt="video" /><span>Video</span></a> <a class="dock-item" href="#"><img src="images/eklenecek/delicious.png" alt="history" /><span>History</span></a> <a class="dock-item" href="#"><img src="images/eklenecek/digg.png" alt="calendar" /><span>Calendar</span></a> <a class="dock-item" href="#"><img src="images/eklenecek/facebook.png" alt="rss" /><span>RSS</span></a> <a class="dock-item" href="#"><img src="images/eklenecek/friendfeed.png" alt="rss" /><span>RSS</span></a> <a class="dock-item" href="#"><img src="images/eklenecek/google.png" alt="rss" /><span>RSS</span></a> <a class="dock-item" href="#"><img src="images/eklenecek/habergentr.png" alt="rss" /><span>RSS</span></a> <a class="dock-item" href="#"><img src="images/eklenecek/myspace.png" alt="rss" /><span>RSS</span></a> <a class="dock-item" href="#"><img src="images/eklenecek/stumbleupon.png" alt="rss" /><span>RSS</span></a> <a class="dock-item" href="#"><img src="images/eklenecek/twitter.png" alt="rss" /><span>RSS</span></a> <a class="dock-item" href="#"><img src="images/eklenecek/yahoo.png" alt="rss" /><span>RSS</span></a> </div> </div>
Этот отлично работает!
Мой вопрос: когда я помещаю код в addthis.php плагина joomla addthis, он не работает. Вот последний HTML-код, я прокомментировал менее важные части:
СМОТРИТЕ НА КОДЕКС, ЭТО СЛИШКОМ БОЛЬШОЕ, ЧТОБЫ ВСТАВИТЬ СЮДА
Я думаю, что это о
$(document).ready( function() { $("#dock").Fisheye( { maxWidth: 30, items: "a", itemsText: "span", container: ".dock-container", itemWidth: 30, proximity: 100, halign : "center" } ) } );
Есть идеи?
Это может быть связано с тем, что вы загружаете Mootools и JQuery на одной странице, посмотрите на эту ссылку , думаю, это может помочь.
По сути ваш код станет:
jQuery.noConflict(); jQuery(document).ready( function() { $("#dock").Fisheye( { maxWidth: 30, items: "a", itemsText: "span", container: ".dock-container", itemWidth: 30, proximity: 100, halign : "center" } ) } );
вы ДЕЙСТВИТЕЛЬНО понимаете, что ваша страница НЕ правильно отформатирована в формате html с закомментированным разделом, начинающимся с:
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
РЕДАКТИРОВАТЬ: второе примечание, почему </span> сразу после цитируемого сценария вы отмечаете ????
</span>
РЕДАКТИРОВАТЬ: третье примечание: я бы изменить
<script type="text/javascript" >if (jQuery && jQuery.noConflict) jQuery.noConflict();</script>
будет
<script type="text/javascript" > jQuery.noConflict();</script>
Вот что я вижу на странице (по крайней мере, когда я смотрел) Сведения об ошибке веб-страницы
Агент пользователя: Mozilla / 4.0 (совместимый; MSIE 7.0; Windows NT 5.1; Trident / 4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; MDDR; .NET CLR 3.0 .4506.2152; .NET CLR 3.5.30729; InfoPath.2; OfficeLiveConnector.1.3; OfficeLivePatch.0.0) Отметка времени: вторник, 9 февраля 2010 г. 13:06:38 UTC
Сообщение: синтаксическая ошибка Строка 1 Чар: 1 Код: 0 URI: http://www.students.itu.edu.tr/media/system/js/mootools.js
Сообщение: синтаксическая ошибка Строка 1 Чар: 1 Код: 0 URI: http://www.students.itu.edu.tr/media/system/js/caption.js
Сообщение: синтаксическая ошибка Строка 1 Чар: 1 Код: 0 URI: http://www.students.itu.edu.tr/modules/mod_jamegamenu/assets/script.js
Сообщение: синтаксическая ошибка Строка 1 Чар: 1 Код: 0 URI: http://www.students.itu.edu.tr/modules/mod_janewsticker/assets/script.js
Сообщение: объект не поддерживает это свойство или метод Линия: 30 Char: 20 Код: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html
Сообщение: «Cufon» не определен Линия: 74 Char: 2 Код: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html
Сообщение: «jQuery» не определен Линия: 89 Чар: 1 Код: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html
Сообщение: объект ожидается Линия: 168 Char: 3 Код: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html
Сообщение: объект ожидается Линия: 383 Чар: 1 Код: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html
Сообщение: «jaSLWI» не определен Линия: 434 Char: 3 Код: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html
Сообщение: объект ожидается Линия: 615 Char: 2 Код: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html
Сообщение: объект не поддерживает это свойство или метод Линия: 634 Чар: 1 Код: 0 URI: http://www.students.itu.edu.tr/~ozyildiri2/a.html