Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Динамическая загрузка (https://javascript.ru/forum/misc/16647-dinamicheskaya-zagruzka.html)

truetrix 16.04.2011 09:40

Динамическая загрузка
 
Есть такая страница:
Код:


<select name="timedo">
        <option value="08">08:00</option>
        <option value="09">09:00</option>
</select>

<iframe src="mydoc.php?id=[timedo]" id="frame" width="400" height="400"></iframe>

Как сделать, чтобы при выборе timedo фрейм сразу же переходил на страницу mydoc.php?id= + timedo.value

melky 16.04.2011 10:18

<select name="timedo">
        <option value="08">08:00</option>
        <option value="09">09:00</option>
</select>

<iframe src="mydoc.php?id=[B][timedo][/B]" id="frame" width="400" height="400"></iframe> 

<script>
document.querySelector("select[name='timedo']").onchange = function(){document.getElementById("frame").src = "mydoc.php?id="+this.value }
</script>

monolithed 16.04.2011 10:44

Цитата:

Сообщение от melky
document.querySelector("select[name='timedo']")

по вашему это кроссбраузерный способ?

truetrix 16.04.2011 10:52

Вроде работает как надо. Огромное спасибо, melky.

monolithed 16.04.2011 11:00

Цитата:

Сообщение от truetrix
Вроде работает как надо

ню ню;)

truetrix 16.04.2011 11:10

Еще вопрос, если timedo и datedo

mydoc.php?id=[timedo]&id1=[datedo]

то как быть?

walik 16.04.2011 11:15

querySelector не поддерживается браузерами IE6, IE7 и FF 3.0

Цитата:

Сообщение от truetrix
если timedo и datedo

mydoc.php?id=[timedo]&id1=[datedo]

то как быть?

Вам уже дали один пример, добавьте уже сами другой селект, и пару строчек JS кода

truetrix 16.04.2011 11:28

На FF 4 глвное работает. Подскажите, как дополнить код, я ноль.

melky 16.04.2011 11:29

тогда можно приписать id к селекту. какая разница ?)

melky 16.04.2011 11:43

<select name="timedo">
        <option value="08">08:00</option>
        <option value="09">09:00</option>
</select>
<select name="datedo">
        <option value="20">20.01</option>
        <option value="21">21.01</option>
</select>

<iframe src="mydoc.php?id=[B][timedo][/B]" id="frame" width="400" height="400"></iframe> 

<script>

for(var fr = document.getElementById("frame"), t = document.getElementsByTagName("select"),i=0,b=t.length;i<b;i++){

if ( t[i].name !== "timedo" || t[i].name !== "datedo") continue;

t[i].onchange = function(){

fr.src = "mydoc.php?timedo="+t[0].value+"&datedo="+t[1].value;

}


}

</script>


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