Здравствуйте! помогите мне пожалуйста решить проблему: есть html страница fon.html мне хотелось бы, чтобы при нажатии на ссылки "запуск программы" и "справка по вопросам" изменялся ее контент. Я пробовала использовать ajax и yui, получился такой код:


и php код:

Как сделать так, чтобы при нажатии на ссылку, java скрипту была передана переменная url? чтобы при нажатии на ссылку загружался для отображения  нужный html файл. 

Я не очень понял, что у вас за вопрос. Но как я понимаю, вам нужно повесить на ссылку событие onclick и туда функцию, которая будет брать url ссылки и его ajax-ом слать на сервер?

да, я думаю нужно это. не могу разобраться как переменной url из кода  

передавать значения, например fon3.html при нажатии на 1 ссылку, fon2.html при нажатии на 2 ссылку,чтоб в месте "это предложение будет заменено" отображалось содержимое этих страничек.
Подскажите пожалуйста как это осуществить?

Это сообщение отредактировал(а) Aliance - 20.7.2012, 08:55

Пойдем по порядку, что в коде не верно/хотелось бы исправить:

• Переменные должны быть объявлены через ключевое слово var. Без него идет объявление глобальных переменных внутри локальной области видимости. В данном коде этого не нужно -> объявляем через var.
• Не забываем после каждого синтаксически законченного предложения ставить точку с запятой (;).
• Если идет обращение к одному и тому же элементу в дереве DOM, есть смысл завести под него переменную и обращаться к ней. Тогда она будет вычисляться только один раз, а не при каждом обращении.
• Все действия мы должны выполнять после загрузки страницы, а не по факту загрузки скрипта. Так что используем конструкцию
  

  Код

  window.onload = function() {     // ... }

• Нам нужно на каждую ссылку (/на каждый элемент с определенный классом/на каждую ссылку по ID) повесить обработчик события клика для предотвращения дефолтного поведения браузера (перехода по ссылке) и выполнения нашего произвольного кода. Подробнее о событиях можно почитать здесь. Вот пример:
  

  Код

  // получаем коллекцию всех тегов <a>     var links = document.getElementsByTagName('a');     for (var i = 0; i < links.length; i++) {         // вешаем обработчик события на клик по ссылке         links[i].onclick = function(evt) {             // получаем ссылку на событие             evt = evt ? evt : ((window.event) ? event : null);             // блокируем поведение браузера по умолчанию             // (для ссылки это переход по ней)             if (evt) {                 if (evt.preventDefault) {                     evt.preventDefault();                 } else {                     evt.returnValue = false;                 }             }         };     }

• Дальше мы получаем у ссылки атрибут href и используем его в качестве переменной url

Вот что получилось:

Aliance,  большое спасибо вам,что помогли и все так подробно объяснили! Этот язык я знаю очень поверхностно, но хочу в нем разобраться.Ну а пока что вот такие тяпы ляпы получаются.

Не за что. Еще советую html проверять в w3c validator, у вас там было не мало косяков.

К сожалению сейчас заметила,что код не работает. получается, что просто вместо страницы fon.html загружается fon2.html.. а не меняется контент

KsyuZ, полный код в студию!