Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Переключение видео в фрейме (https://javascript.ru/forum/dom-window/36589-pereklyuchenie-video-v-frejjme.html)

gigs 20.03.2013 19:12

Переключение видео в фрейме
 
Помогите пожалуйста, есть вот такой код:

<iframe id="omfg" src="film1.html" frameborder="0" width="607" height="360"></iframe><br />
<select onchange="document.getElementById('omfg').src=this.options[this.selectedIndex].value;">
       <option value="film1.html">Фильм 1</option>
       <option value="film2.html">Фильм 2</option>
      
</select>


здесь в фрейм в зависимости от того какой фильм выбран подгружается определенное видео. Но здесь выбор происходит в виде выпадающего списка, а как можно сделать что выбор фильма происходил не из выпадающего списка, а с помощью ссылок ? То есть чтоб внизу фрейма был не список, а две ссылки Фильм 1 и Фильм 2.

danik.js 20.03.2013 19:17

<a href="javascript:document.getElementById('omfg').src='film1.html'">Фильм 1</a>
<a href="javascript:document.getElementById('omfg').src='film2.html'">Фильм 2</a>
Решение в лоб.

gigs 20.03.2013 19:24

то есть вот так ?:

<iframe id="omfg" src="film1.html" frameborder="0" width="607" height="360"></iframe><br />

     
      <a href="javascript:document.getElementById('omfg').src='film1.html'">Фильм 1</a>
      <a href="javascript:document.getElementById('omfg').src='film2.html'">Фильм 2</a>

danik.js 20.03.2013 19:51

Цитата:

Сообщение от gigs
то есть вот так ?

Ну да. Я ведь так и написал же )

gigs 20.03.2013 20:02

я так сделал но оно переходит по ссылке javascript:document.getElementById('omfg').src='fi lm1.html

и потом пустая страница, а должно загружать фильм в фрейме, как это делается с помощью списка. В общем нужно селекта сделать в виде обычных ссылок.

gigs 20.03.2013 20:20

все я разобрался, вы немного не так сделали, нужно было еще додать onClick

danik.js 20.03.2013 21:15

<iframe id="omfg" src="//ru.wikipedia.org" frameborder="0" width="607" height="360"></iframe><br />
      <a href="javascript:document.getElementById('omfg').src='//lurkmore.to'">Фильм 1</a>
      <a href="javascript:document.getElementById('omfg').src='//javascript.ru'">Фильм 2</a>

Да вроде же работает. Изменил ссылки для демонстрации.


Часовой пояс GMT +3, время: 06:11.