Select iframe

Вид для печати

08.07.2019, 18:23
Jimmo4ka

Select iframe
Имеются потоки камер в формате iframe. Пример:
```
<iframe width="640" height="480" src="https://ссылка" frameborder="0" allowfullscreen></iframe>
```
Всего 300 штук.

Просматривать будут в основном с мобильных телефонов.

Что бы упорядочить весь список, в голове крутится идея использовать <select>, но своих мозгов не хватает разобраться как это реализовать, да и нагуглить похожее решение не получается.

Прошу помощи.

Как это видится.
Страница со списком выбора, при выборе нужной камеры на ней же (ниже) открывается отображается нужный фрейм. Сразу выбрали другой, открылся следующий фрейм.

https://b.radikal.ru/b41/1907/b1/7ad41f63c227.png
08.07.2019, 19:01
Jimmo4ka
Предварительно получилось вот что:
```
<!DOCTYPE HTML>

<html>

 <head>

  <meta charset="utf-8">

  <title>Тег SELECT</title>

  <style>

   select {

    width: 300px;

    height: 50px;

   }

    </style>

 </head>

 <body>  

<form>

<SELECT ONCHANGE="document.getElementById('okn').src = this.options[this.selectedIndex].value">

<OPTION>Выбор раздела</OPTION>

<OPTION VALUE="1.htm">1 страница</OPTION>

<OPTION VALUE="2.htm">2 страница</OPTION>

<OPTION VALUE="3.htm">3 страница</OPTION>

<OPTION VALUE="4.htm">4 страница</OPTION>

<OPTION VALUE="5.htm">5 страница</OPTION>

</SELECT>

</form>

<iframe src="pole.htm" Width="820px" height="675px" id="okn" name="okn" frameborder="0"></iframe>

 </body>

</html>
```
Но в данном случае на каждый поток, повторюсь их несколько сотен, придётся создать по htm файлу((
09.07.2019, 17:41
Degradator

Ты все правильно сделал, но ты сам себе противоречишь. Ты сказал:

Цитата:

Имеются потоки камер в формате iframe. Пример:
1
<iframe width="640" height="480" src="https://ссылка" frameborder="0" allowfullscreen></iframe>

а потом ты сказал

Цитата:

Но в данном случае на каждый поток, повторюсь их несколько сотен, придётся создать по htm файлу((

Так у тебя есть вот эта самая https://ссылка или нет?