Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js][html] otwieranie linka za pomocą selecta
Forum PHP.pl > Forum > Przedszkole
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 questionmark.gif
  1. <script LANGUAGE="JavaScript">
  2. function selecturl(s) {
  3. var gourl = s.options[s.selectedIndex].value; window.top.location.href = gourl;
  4. }
  5.  
  6. <SELECT NAME="urljump" OnChange="selecturl(this)">
  7. <OPTION VALUE="none">Wybierz adres</OPTION>
  8. <OPTION VALUE="http://www.corel.com">Corel Corporation</OPTION>
  9. <OPTION VALUE="http://www.microsoft.com">Microsoft Corporation</OPTION>
  10. <OPTION VALUE="http://www.netscape.com">Netscape Corporation</OPTION>
  11. </FORM>
maziak
Witam,
SELECT musi posiadac DI, wtedy deklarujesz do zmiennej
  1. zmienna = getElementById("ID_SELECTA");

I odwołujesz sie do wartosci selecta w zmienna.value; podczas tworzenia nowego okna.
  1. window.open(zmienna.value,'Nowe','');


Ja to zrobilem tak :
  1. <script LANGUAGE="javascript" type="text/javascript">
  2. function selecturl(s) {
  3. // nadanie zmiennej przez ID SELECTA
  4. UrlJump=document.getElementById("NaszSelect");
  5. window.open(UrlJump.value,'Nowe','');
  6.  
  7. }
  8.  
  9. <!-- SELECT musi posiadać ID -->
  10. <SELECT NAME="urljump" id="NaszSelect" OnChange="selecturl(this)">
  11. <OPTION VALUE="" selected="selected">Wybierz adres</OPTION>
  12. <OPTION VALUE="http://www.corel.com">Corel Corporation</OPTION>
  13. <OPTION VALUE="http://www.microsoft.com">Microsoft Corporation</OPTION>
  14. <OPTION VALUE="http://www.netscape.com">Netscape Corporation</OPTION>
  15. </FORM>


Ogólnie otwieranie okna ma postac taka :
  1. window.open("URL", "NazwaOkna","Lista opcji");

gdzie za lista opcji dajesz takie parametry jak wielkosc itp.
delfinium
SELECT może ale nie musi mieć ID:

  1. <script LANGUAGE="javascript" type="text/javascript">
  2. function selecturl(UrlJump){
  3. window.open(UrlJump.value,'Nowe','');
  4. }
  5.  
  6. <SELECT OnChange="selecturl(this.value)">
  7. <OPTION VALUE="" selected="selected">Wybierz adres</OPTION>
  8. <OPTION VALUE="http://www.corel.com">Corel Corporation</OPTION>
  9. <OPTION VALUE="http://www.microsoft.com">Microsoft Corporation</OPTION>
  10. <OPTION VALUE="http://www.netscape.com">Netscape Corporation</OPTION>
  11. </SELECT>
  12. </FORM>
kononowicz
Cytat(delfinium @ 14.07.2007, 09:33:02 ) *
SELECT może ale nie musi mieć ID:

  1. <script LANGUAGE="javascript" type="text/javascript">
  2. function selecturl(UrlJump){
  3. window.open(UrlJump.value,'Nowe','');
  4. }
  5.  
  6. <SELECT OnChange="selecturl(this.value)">
  7. <OPTION VALUE="" selected="selected">Wybierz adres</OPTION>
  8. <OPTION VALUE="http://www.corel.com">Corel Corporation</OPTION>
  9. <OPTION VALUE="http://www.microsoft.com">Microsoft Corporation</OPTION>
  10. <OPTION VALUE="http://www.netscape.com">Netscape Corporation</OPTION>
  11. </SELECT>
  12. </FORM>


po zastosowaniu tej metody otwiera sie nowe okno ale stronka sie nie otwiera. za to na pasku jest napis undefined. o co chodzi questionmark.gif
maziak
Kolega powyzej dal o jedno .value za duzo tongue.gif W jednym trzeba bylo usunac.
  1. <script LANGUAGE="javascript" type="text/javascript">
  2. function selecturl(UrlJump){
  3. window.open(UrlJump.value,'Nowe','');
  4. }
  5.  
  6. <SELECT OnChange="selecturl(this)">
  7. <OPTION VALUE="" selected="selected">Wybierz adres</OPTION>
  8. <OPTION VALUE="http://www.corel.com">Corel Corporation</OPTION>
  9. <OPTION VALUE="http://www.microsoft.com">Microsoft Corporation</OPTION>
  10. <OPTION VALUE="http://www.netscape.com">Netscape Corporation</OPTION>
  11. </FORM>


PS. Sorry z tym ID. Nie powinienem pisac ze 'musi' mieć. Dopiero zaczynam z Js biggrin.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.