Здравствуйте. У меня есть 3 дива(2 навигационных меню и окно с содержимым). Требуется менять содержимое при нажатии в этих нав. меню без образования новых окон(чтобы информация при щелчке появлялась/менялась в окне для содержимого). Фреймы не предлагать, ищется какой-нибудь скрипт.
HTML: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#menu1').children().click(function() { setHandler( $(this) ); }); $('#menu2').children().click(function() { setHandler( $(this) ); }); }); function setHandler(el) { var url = "http://site.com/script.php?id=", //сайт, где лежит страница, откуда запускается js. id = el.attr('id').match(/(\d+)/)[1], outDiv = $('out-div'); $.ajax({ type: 'GET', url: url + id, success: function (data) { outDiv.html(data); } }); } </script> </head> <body> <div id="menu1"> <div id="menu-item-1"></div> <div id="menu-item-2"></div> </div> <div id="menu2"> <div id="menu-item-3"></div> <div id="menu-item-4"></div> </div> <div id="out-div"></div> </body> </html> Или тебе надо чистый жс?
Спасибо за ответ. Если не затруднит, то мог бы глянуть и вариант с чистым жс. -------------------------- Плюсиками никого не обижаю. Да и денежку могу подкинуть за хорошо "закомментированный" скрипт. Ещё актуально.
Странно, что ты вообще можешь плюсовать Х_х http://forum.antichat.ru/showpost.php?p=833055&postcount=4 Надеюсь он не обидится, что я заюзаю и чутка модифицирую )
клик на вложенный див => обрабатывается и родительский есть что то типа <div class="papa"> <div class="dite"> тут типа кнопочка </div> Бла бла бла... </div> есть у меня на JS (с использованием jquery) оброботчик событий при нажатии на класс PAPA и класс DITE. Так вот когда я нажимаю на DITE у меня сначала обрабатыается его родной обработчик потом в довесок еще обрабатывается класс PAPA. Оно всё логично конечно, но можно ли как то предотвратить обработчик родительского дива при нажатии на конкретный вложенный див.
HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>XHTML-document</title> <style type="text/css"> .papa{z-index:1;} .dite{z-index:100;} </style> <script src="jquery-1.5.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function($){ $('.dite').click(function(){ alert('dite ok'); }); }); </script> </head> <body> <div class="papa"> <div class="dite"> <input type="button" /> </div> Бла бла бла... </div> </body> </html> так?
Нужно сделать онлайн вывод(как в чатах) значения из файла 1.txt и вывод последних 10 строк из файла 2.txt. Помогите реализовать.
А с чем возникла проблема? На php пишем часть, которая на определённый post-запрос будет выдавать весь 1.txt или же последние строки 2.txt. Ajax'ом обращаемся к этому файлику, выводим ответ. Либо по таймауту обращаемся, если нужно постоянно обновлять.
Как реализовать именно на JS такое? Задаю конкретную дату (год,месяц,число,время(часов,минут)) в переменной в самом скрипте, а на экран выводится - сколько лет, месяцев, дней, часов, минут осталось до этой даты.
подскажите саму суть решения такой задачи при щелчке по картинке - рядом появляется div с меню НАДО: при щелчке ВНЕ этого div-а -- скрывать этот div, т.е. убирать меню как это грамотно делают? js я знаю, объясните лишь суть того что надо сделать
jquery. $("body :not(#id_div)).bind("click",funсtion () {$("#id_div").hide();}); вместо id_div - id вашего дива
