Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Одним SELECT перезагрузить два фрейма. (https://javascript.ru/forum/dom-window/63287-odnim-select-perezagruzit-dva-frejjma.html)

aggressive 29.05.2016 09:47
Одним SELECT перезагрузить два фрейма.
 
Помогите пожалуйста разобраться: есть такой select

<select id="graf" name ="igraf-list" size="1" style="position:absolute;width:22px; 
												clip:rect(2px,  auto, auto,  2px);background:gray;top:10px;" >
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=GBPUSD&broker=lmaxforex&timezoneoffset=3&locale=ru_RU">USD/CAD</option>
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=EURJPY&broker=lmaxforex&timezoneoffset=3&locale=ru_RU">EUR/JPY</option> 
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=EURUSD&broker=lmaxforex&timezoneoffset=1&locale=ru_RU" selected="selected" >EUR/USD</option>
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=GBPUSD&broker=lmaxforex&timezoneoffset=3&locale=ru_RU">GBP/USD</option>
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=NZDUSD&broker=lmaxforex&timezoneoffset=3&locale=ru_RU">NZD/USD</option>  
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=USDCAD&broker=lmaxforex&timezoneoffset=3&locale=ru_RU">USD/CAD</option>
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=USDCHF&broker=lmaxforex&timezoneoffset=3&locale=ru_RU">USD/CHF</option>
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=USDJPY&broker=lmaxforex&timezoneoffset=3&locale=ru_RU">USD/JPY</option>													</select> 

<iframe id = "igraf" src="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=EURUSD&broker=fxcm&timezoneoffset=istanbul:180&locale=ru_RU"  width="400px" height="400px" frameborder="0"></iframe>								

<script>
var select = document.getElementById('graf');	
var frame = document.getElementById('igraf');												  
select.onchange = function (event) 
{											
frame.src = this.value; 													};
</script>


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

<script>
var selind = document.getElementById("graf").options.selectedIndex
var txt= document.getElementById("graf").options[selind].text;						  
select.onchange = function GetData()
{
if( txt == 'USD/CAD' ) 
										{ document.getElementById('ipos') = 'http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=NZDUSD&broker=lmaxforex&timezoneoffset=3&locale=ru_RU' };
};							
</script>


но это не хочет работать. Короче говоря получается получить номер (или текст) элемента первого селекта и НЕ получается прикрутить этот номер (или текст) ко второму. Как это сделать ?

Dilettante_Pro 29.05.2016 13:04
aggressive,
1. Прописать в html еще один iframe
2. После строки 16 прописать переменную для обращения к этому iframe
3. После строки 19 прописать присвоение значения в этот iframe

DynkanMaclaud 29.05.2016 13:25
aggressive,
<select id="graf" name ="igraf-list">
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=GBPUSD&broker=lmaxforex&timezoneoffset=3&locale=ru_RU">USD/CAD</option>
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=EURJPY&broker=lmaxforex&timezoneoffset=3&locale=ru_RU">EUR/JPY</option> 
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=EURUSD&broker=lmaxforex&timezoneoffset=1&locale=ru_RU" selected="selected" >EUR/USD</option>
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=GBPUSD&broker=lmaxforex&timezoneoffset=3&locale=ru_RU">GBP/USD</option>
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=NZDUSD&broker=lmaxforex&timezoneoffset=3&locale=ru_RU">NZD/USD</option>  
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=USDCAD&broker=lmaxforex&timezoneoffset=3&locale=ru_RU">USD/CAD</option>
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=USDCHF&broker=lmaxforex&timezoneoffset=3&locale=ru_RU">USD/CHF</option>
													<option value="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=USDJPY&broker=lmaxforex&timezoneoffset=3&locale=ru_RU">USD/JPY</option>	
													</select>
		<iframe id = "igraf" src="http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=EURUSD&broker=fxcm&timezoneoffset=istanbul:180&locale=ru_RU"  width="400px" height="400px" frameborder="0"></iframe>   
	<script>
	var select = document.getElementById('graf');	
	var frame = document.getElementById('igraf');												  
	select.addEventListener('change', handler.bind(null, select));
	function handler(el) {
		var str='USD/CAD',
		options = el.options,
		index = el.selectedIndex;
		if (options[index].innerHTML == str) frame.contentWindow.location.href='http://fx1.it-finance.com/FXStreetFlashPublic/itcharts.phtml?id2=&news=1&facebook=0&twitter=0&spot=EURUSD&broker=fxcm&timezoneoffset=istanbul:180&locale=ru_RU'
			
	}	
													
</script>

Здесь для одного фрейма, для второго сделай сам...

aggressive 29.05.2016 18:37
Цитата:
Сообщение от DynkanMaclaud
Здесь для одного фрейма, для второго сделай сам...
спасибо. дальше я так понимаю
var str1='EUR/JPY',
 if (options[index].innerHTML == str1) frame.contentWindow.location.href= ... }
var str2= EUR/USD ....

А где он отправляет ссылку во второй фрейм?
Если у 2го фрейма такой ID и такой селект ? и как скрыть этот селект
<select id="Position" name ="iPosition" >
<option value="http://sharkfx.ru/widgets/v3/cur-ratios?pairs=EURUSD;EURAUD;EURJPY;GBPUSD;USDCAD;USDCHF;USDJPY ;GBPUSD;AUDUSD;&amp;style=style-style3&amp;v=0.10579791152849793" id="cur-rat-informer-iframe" height="305" style="overflow: hidden; width:306px; border: 0px; color:SteelBlue;">USD/CAD</option>
<option value="http://sharkfx.ru/widgets/v3/cur-ratios?pairs=EURUSD;EURAUD;EURJPY;GBPUSD;USDCAD;USDCHF;USDJPY ;GBPUSD;AUDUSD;&amp;style=style-style3&amp;v=0.10579791152849793" id="cur-rat-informer-iframe" height="305" style="overflow: hidden; width:306px; border: 0px; color:SteelBlue;">EUR/JPY</option> 
<option value="http://sharkfx.ru/widgets/v3/cur-ratios?pairs=EURUSD;EURAUD;EURJPY;GBPUSD;USDCAD;USDCHF;USDJPY ;GBPUSD;AUDUSD;&amp;style=style-style3&amp;v=0.10579791152849793" id="cur-rat-informer-iframe" height="305" style="overflow: hidden; width:306px; border: 0px; color:SteelBlue;" selected="selected" >EUR/USD</option>
<option value="http://sharkfx.ru/widgets/v3/cur-ratios?pairs=EURUSD;EURAUD;EURJPY;GBPUSD;USDCAD;USDCHF;USDJPY ;GBPUSD;AUDUSD;&amp;style=style-style3&amp;v=0.10579791152849793" id="cur-rat-informer-iframe" height="305" style="overflow: hidden; width:306px; border: 0px; color:SteelBlue;">GBP/USD</option>
</select> 

<iframe id="fposition" src="http://sharkfx.ru/widgets/v3/cur-ratios?pairs=EURUSD;EURAUD;EURJPY;GBPUSD;USDCAD;USDCHF;USDJPY ;GBPUSD;AUDUSD;&amp;style=style-style3&amp;v=0.10579791152849793" id="cur-rat-informer-iframe" height="305" style="overflow: hidden; width:306px; border: 0px; color:SteelBlue;"></iframe>


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