|
Крупнейший интернет магазин портативной техники всем зашедшим по этой ссылке скидки. Как измененить информацию в двух разных фреймах сразу, нажав на одну ссылку. В этом нам поможет JavaScript. По нажатию на нужную ссылку, будет вызываться функция загрузки документов в указанные фреймы. Адреса документов будут передаваться функции в качестве аргументов. Рассмотрим поподробнее. Создадим сначала файл TwoByOne.html, описывающий структуру фреймов: <HTML> <HEAD> <TITLE>Изменение содержимого в двух фреймах по нажатию на одну ссылку</TITLE> </HEAD> <FRAMESET cols="30%,70%" frameborder="yes" framespacing="1"> <FRAME name="LeftFrame" src="LeftMenu.html"> <FRAMESET rows="50%,50%"> <FRAME name="TopFrame" src="about:blank"> <FRAME name="BotFrame" src="about:blank"> </FRAMESET> </FRAMESET> </HTML> У двух правых фреймов в качестве источника при загрузке указаны пустые бланки: src="about:blank". Эти фреймы в нашем примере имеют имена "TopFrame" и "BotFrame". Эти имена будут использоваться для определения окна в которм следует открыть ннужный документ. В левом фрейме будут располагаться ссылки, нажатием на которые мы будем загружать в наши два фрейма нужные документы. Назовем файл, который будет загружен в левый фрейм "LeftMenu.html". Рассмотрим его код. Вначале опишем нашу функцию загрузки документов:<script language=JavaScript> function TwoByOne(frame1, frame2) { parent.TopFrame.location.href=frame1; parent.BotFrame.location.href=frame2; } </script> В нашем примере функция будет называться TwoByOne(). frame1 и frame2 - параметры, через которые функции передаются адреса загружаемых документов. Объект parent является синонимом для окна или фрейма, содержащего текущий фрейм. "TopFrame" и "BotFrame" - это как я уже говорил имена наших фреймов, в которые следует загрузить документы. В JaveScript ссылка из одного фрейма на другой фрейм, находящийся на том же уровне иерархии осуществляется используя обращение parent.famename, где famename - имя фрейма, или parent.frames[index], где frames[index] - массив содержащий запись для каждого фрейма-потомка. Но пока предлагаю не загружать голову последним вариантом, а будем обращаться через имя фрейма famename. Загрузка самого документа осуществляется через объект location, указав в его свойстве href адрес загружаемого документа, который будет содержатьcя в переменных frame1 и frame1. Сами ссылки, в которых вызывается наша функция будут выглядеть следующим образом:<P> <a href="javascript:TwoByOne('MainText.html','Konfuciy.html')" > Проза</a> <P> <a href="javascript:TwoByOne('../Annenskij.html','../Guseva.html')" > Стихи</a> Как это будет работать можно посмотреть на этом примере. Щелкните поочередно на каждую из ссылок в левом меню, и вы увидете как меняется содержимое обоих правых фреймов. Теперь еще раз вернемся к работе JavaScript с изображениями. Рассмотрим как JavaScript может автоматически непрерывно сменять изображения с заданной частотой. Получается некое подобие анимации.
|
Используются технологии uCoz
|