Jump to content
  • 0

Показать/Скрыть блоки


f1nik
 Share

Question

Такая ситуация.

у меня, допустим, 5 кнопок в виде картинок.

Под ними - iframe.

Задумка такая: чтобы при нажатии на одну из картинок - менялась ссылка этого iframe'а.

Пробовал сделать через onclick="hide/show", но это бред:

1) Не получается сделать так, чтобы при нажатии на одну из картинок скрывались сразу все блоки и открывался нужный. В общем, сразу не получается одному объекту задать несколько параметров onclick.

2) Оооочень много информации должен загрузить браузер из 5 этих скрытых ifram'ов, да и поисковики, как известно, не очень любят скрытые блоки.

Прошу помочь.

Спасибо.

Edited by f1nik
Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

По порядку.

Что такое <iframe>? Это сторонний документ (окно), загруженный в основной.

Это значит, что у этого <iframe> есть свой объект window и свой объект document.

Значит мы можем получить доступ к этим объектам.

Значит мы можем влиять на свойства этих объектов.

Теперь порядок действий:

1) Получаем доступ к объекту window нашего <iframe>

2) По клику на ссылку меняем свойство location у этого window.

Link to comment
Share on other sites

  • 0

По сути, вроде бы ясно, но вот с реализацией проблема - отсутствие знаний.

Т.е., как я понимаю реализацию(напишу бред, но это просто схематично):


<IFRAME SRC="DMN" SCROLLING="no">
</IFRAME>

<img src="1.jpg" onclick=("DMN"="www.yandex.ru")>
<img src="2.jpg" onclick=("DMN"="www.google.ru")>
<img src="3.jpg" onclick=("DMN"="www.rambler.ru")>
<img src="4.jpg" onclick=("DMN"="www.yahoo.com")>
<img src="5.jpg" onclick=("DMN"="www.mail.ru")>

Помогите, прошу, с реализацией.

Link to comment
Share on other sites

  • 0

У вас проблемы не только со знанием JS, но и со знанием HTML.

Пошаговый туториал по JS

<iframe> и его свойства

Ну и подучите HTML, в частности почитайте про атрибуты тегов и как они правильно записываются.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy