Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.07.2013, 16:49
dTi dTi вне форума
Новичок на форуме
Отправить личное сообщение для dTi Посмотреть профиль Найти все сообщения от dTi
 
Регистрация: 03.07.2013
Сообщений: 3

Подсветка кнопок при использовании AJAX
Добрый день! Есть вот такой вот скрипт
<script type="text/javascript">
function startAjax(url){
    var request;
    if(window.XMLHttpRequest){
        request = new XMLHttpRequest();
    } else if(window.ActiveXObject){
        request = new ActiveXObject("Microsoft.XMLHTTP");
    } else {
       return;
    }
        request.onreadystatechange = function(){
            document.getElementById("printResult").innerHTML = request.responseText;
        }
    request.open ('GET', url, true);
    request.send ('');
    }
</script>
,
который при нажатии на кнопки выводит содержимое php-файла в div на странице. Таких кнопок 3 штуки. Требуется, чтобы, например, при нажатии на кнопку 1 выводился файл 1 и эта кнопка подсвечивалась как активная, на кнопку 2 - подсвечивалась кнопка 2 и т.д.
Сами кнопки сделаны так
<a href="#2011" onclick="startAjax('newsevents2011.php');">2011</a>
.
Возможно ли реализовать такую фичу? Заранее спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 03.07.2013, 16:56
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Замени прямой вызов startAjax на другую функцию, которая будет помимо того что вызывать startAjax, еще добавлять нажатому пункту особый css-класс и снимать этот класс с предыдущего нажатого пункта.
Ответить с цитированием
  #3 (permalink)  
Старый 03.07.2013, 18:01
dTi dTi вне форума
Новичок на форуме
Отправить личное сообщение для dTi Посмотреть профиль Найти все сообщения от dTi
 
Регистрация: 03.07.2013
Сообщений: 3

C JS только знакомлюсь, этот пример нарыл в сети. Можно продемострировать реализацию?
Ответить с цитированием
  #4 (permalink)  
Старый 03.07.2013, 19:14
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Здравствуйте!

Судя по вашему сообщению, вы ну совсем не знаете javascript.

Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.

На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/

Задавайте конкретные вопросы по ходу дела.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ajax: Архивация кода, созданного на сервере при передаче promex565 AJAX и COMET 3 09.12.2012 21:57
Кодировка при использовании Ajax Nichloas AJAX и COMET 9 17.09.2009 16:06
Возникает глюк при использовании двух плагинов dummer jQuery 5 23.12.2008 20:26
Проблема в document.write при использовании setInterval() GOll Общие вопросы Javascript 21 06.10.2008 17:38
Ссылка на объект при использовании attachEvent Octane Events/DOM/Window 13 23.07.2008 17:37