[js][html] otwieranie linka za pomocą selecta, w oddzielnym oknie przeglądarki Opcje

[kononowicz]

witam.

ponizszy skrypt powoduje przejscie do innej stronki. chciałbym zeby stronka wybrana z selecta otworzyła sie w oddzielnym oknie. jak to zrobic

[HTML] pobierz, plaintext 
<script LANGUAGE="JavaScript">
function selecturl(s) {
	var gourl = s.options[s.selectedIndex].value;	window.top.location.href = gourl;
}
</SCRIPT>
 
<FORM>
<SELECT NAME="urljump" OnChange="selecturl(this)">
	<OPTION VALUE="none">Wybierz adres</OPTION>
	<OPTION VALUE="http://www.corel.com">Corel Corporation</OPTION>
	<OPTION VALUE="http://www.microsoft.com">Microsoft Corporation</OPTION>
	<OPTION VALUE="http://www.netscape.com">Netscape Corporation</OPTION>
</SELECT>
</FORM>
[HTML] pobierz, plaintext 

[maziak]

Witam,
SELECT musi posiadac DI, wtedy deklarujesz do zmiennej

[HTML] pobierz, plaintext 
zmienna = getElementById("ID_SELECTA");
[HTML] pobierz, plaintext 

I odwołujesz sie do wartosci selecta w zmienna.value; podczas tworzenia nowego okna.

[HTML] pobierz, plaintext 
window.open(zmienna.value,'Nowe','');
[HTML] pobierz, plaintext 

Ja to zrobilem tak :

[HTML] pobierz, plaintext 
<script LANGUAGE="javascript" type="text/javascript">
function selecturl(s) {
// nadanie zmiennej przez ID SELECTA
UrlJump=document.getElementById("NaszSelect");
window.open(UrlJump.value,'Nowe','');
 
}
</SCRIPT>
 
<FORM>
<!-- SELECT musi posiadać ID -->
<SELECT NAME="urljump" id="NaszSelect" OnChange="selecturl(this)">
<OPTION VALUE="" selected="selected">Wybierz adres</OPTION>
<OPTION VALUE="http://www.corel.com">Corel Corporation</OPTION>
<OPTION VALUE="http://www.microsoft.com">Microsoft Corporation</OPTION>
<OPTION VALUE="http://www.netscape.com">Netscape Corporation</OPTION>
</SELECT>
</FORM>
[HTML] pobierz, plaintext 

Ogólnie otwieranie okna ma postac taka :

[HTML] pobierz, plaintext 
window.open("URL", "NazwaOkna","Lista opcji");
[HTML] pobierz, plaintext 

gdzie za lista opcji dajesz takie parametry jak wielkosc itp.

[delfinium]

SELECT może ale nie musi mieć ID:

[HTML] pobierz, plaintext 
<script LANGUAGE="javascript" type="text/javascript">
function selecturl(UrlJump){
  window.open(UrlJump.value,'Nowe','');
}
</SCRIPT>
 
<FORM>
  <SELECT OnChange="selecturl(this.value)">
    <OPTION VALUE="" selected="selected">Wybierz adres</OPTION>
    <OPTION VALUE="http://www.corel.com">Corel Corporation</OPTION>
    <OPTION VALUE="http://www.microsoft.com">Microsoft Corporation</OPTION>
    <OPTION VALUE="http://www.netscape.com">Netscape Corporation</OPTION>
  </SELECT>
</FORM>
[HTML] pobierz, plaintext 

[kononowicz]

SELECT może ale nie musi mieć ID:

[HTML] pobierz, plaintext 
<script LANGUAGE="javascript" type="text/javascript">
function selecturl(UrlJump){
  window.open(UrlJump.value,'Nowe','');
}
</SCRIPT>
 
<FORM>
  <SELECT OnChange="selecturl(this.value)">
    <OPTION VALUE="" selected="selected">Wybierz adres</OPTION>
    <OPTION VALUE="http://www.corel.com">Corel Corporation</OPTION>
    <OPTION VALUE="http://www.microsoft.com">Microsoft Corporation</OPTION>
    <OPTION VALUE="http://www.netscape.com">Netscape Corporation</OPTION>
  </SELECT>
</FORM>
[HTML] pobierz, plaintext 

po zastosowaniu tej metody otwiera sie nowe okno ale stronka sie nie otwiera. za to na pasku jest napis undefined. o co chodzi

[maziak]

Kolega powyzej dal o jedno .value za duzo W jednym trzeba bylo usunac.

[HTML] pobierz, plaintext 
<script LANGUAGE="javascript" type="text/javascript">
function selecturl(UrlJump){
window.open(UrlJump.value,'Nowe','');
}
</SCRIPT>
 
<FORM>
<SELECT OnChange="selecturl(this)">
<OPTION VALUE="" selected="selected">Wybierz adres</OPTION>
<OPTION VALUE="http://www.corel.com">Corel Corporation</OPTION>
<OPTION VALUE="http://www.microsoft.com">Microsoft Corporation</OPTION>
<OPTION VALUE="http://www.netscape.com">Netscape Corporation</OPTION>
</SELECT>
</FORM>
[HTML] pobierz, plaintext 

PS. Sorry z tym ID. Nie powinienem pisac ze 'musi' mieć. Dopiero zaczynam z Js

Ten post edytował maziak 15.07.2007, 11:37:31