Форум

Kaleos · #1 (**permalink**) 21.07.2013, 11:01

Здравствуйте.

Подскажите может кто знает пример скрипта, нужно во frame загружать страницу после выбора элемента из select.

Пока есть только главная страница:

<html>
<head>
<title></title>
<style>.table {border-collapse: collapse; border: 1px solid #00280e}</style>
</head>
<body>
    <table align = "center" bordercolor = "black" border="1" class = "table" width = "1080">
        <tr>
            <td colspan = "3">
                1
            </td>
        </tr>
        <tr>
            <td  width = "250">
                2
            </td>
            <td>
                <select>
                    <option value="Table1.html">Table1</option>
                    <option value="Table2.html">Table2</option>
                </select><br>
                <iframe width="580" height="150"></iframe>
                
            </td>
            <td  width = "250">
                2
            </td>
        </tr>
    </table>    
</body>
</html>

ruslan_mart · #2 (**permalink**) 21.07.2013, 12:01

<iframe name="table" width="580" height="150"></iframe>
<select onchange="document.frames.table.src = this.value">
   <option value="Table1.html">Table1</option>
   <option value="Table1.html">Table1</option>
</select>

Deff · #3 (**permalink**) 21.07.2013, 12:16

<iframe id="frame0" width="580" height="150" src=""></iframe><br/>
<select onchange="document.getElementById('frame0').src = this.value">
   <option value="">Выберите</option>
   <option value="http://asd-electro.ru/">Table1</option>
   <option value="http://javascript.ru/">Table2</option>
</select>

Kaleos · #4 (**permalink**) 21.07.2013, 13:09

Большое спасибо Deff, Ruslan_xDD!

Можно еще спросить, как сделать чтобы при загрузке основной страницы, во фрейм загружалась по умолчанию например
<option value="http://asd-electro.ru/">Table1</option>, но при этом можно было бы выбрать из select другой элемент и соответственно в фрейм подгружать другую страницу(это был мой вопрос выше)?

ruslan_mart · #5 (**permalink**) 21.07.2013, 13:37

<body onload="document.frames.table.src = document.getElementById('table').value">
   <iframe name="table" width="580" height="150"></iframe>
   <select id="table" onchange="document.frames.table.src = this.value">
      <option value="Table1.html">Table1</option>
      <option value="Table2.html">Table2</option>
   </select>
</body>

Kaleos · #6 (**permalink**) 21.07.2013, 13:56

Большое спасибо Ruslan_xDD!

Получилось как-то так, все работает:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<style>.table {border-collapse: collapse; border: 1px solid #00280e}</style>
</head>
<body onload="document.getElementById('frame1').src = document.getElementById('select1').value">
    <table align = "center" bordercolor = "black" border="1" class = "table" width = "1065">
        <tr>
            <td colspan = "3">
                <img src = "pict.jpg">
            </td>
        </tr>
        <tr>
            <td rowspan="2" width="230">
                2
            </td>
            <td width="605">	
               <select id = "select1"  onchange="document.getElementById('frame1').src = this.value">
  					<option value="Table1.html">Table1</option>
  					<option selected  value="Table2.html">Table2</option>
				</select>
            </td>
            <td rowspan="2" width="230">
                2
            </td>
        </tr>
        <tr>
            <td>
              <iframe id="frame1" width="605" height="150" src=""></iframe><br/>
            </td>
 
        </tr>
    </table>    
</body>
</html>

shadowmen · #7 (**permalink**) 17.02.2015, 16:55

А как можно выбрать элемент после загрузки страницы с помощью JavaScript в iframe
Вот код:

<!--Kurs.com.ua regional 385x370 Киев blue-->
<div id='kurs-com-ua-informer-regional-385x370-15-kiev-blue-container'><a href='http://kursvalut.com' id='kurs-com-ua-informer-regional-385x370-15-kiev-blue' title='Курс валют в России' target='_blank'>Курс валют в России</a></div>
<script type='text/javascript'>
(function() {var iframe = '<ifr'+'ame src="http://kurs.com.ua/informer/regional2/15/908?color=blue" width="385" height="370" frameborder="0" vspace="0" scrolling="no" hspace="0"></ifr'+'ame>';var container = document.getElementById('kurs-com-ua-informer-regional-385x370-15-kiev-blue');container.parentNode.innerHTML = iframe;})();
</script>
<noscript><img src='http://kurs.com.ua/static/images/informer/kurs.png' width='52' height='26' alt='kurs.com.ua: курс валют в Украине!' title='Курс валют' border='0' /></noscript>
<!--//Kurs.com.ua regional 385x370 Киев blue-->

Форум

Справочник

Discord чат

Курсы javascript