Hogy lehetne létrehozni HTML-ben vagy PHP-ban?
Szeretnék egy olyat készíteni, hogy:
Van 1 választó lista és ha kiválasztod az egyiket akkor az ahoz tartozó linket nyissa meg:
Pl: kiválasztod az elsőt, akkor nyissa meg mondjuk a www.gyakorikerdesek.hu weboldalt
de ha a másodikat választod akkor a googlet.
Kiinduló helyzet:
<select name="Kiválasztás">
<option selected="selected">Kiválasztás</option>
<option>gyakori</option>
<option>google</option>
<option>pelda3</option>
<option>pelda4</option>
<option>pelda5</option>
Többször neki probálkoztam és a végeredményem nem igazán sikerült, szóval nem cifrázva rakom ki, ne h hülyeséget rakjak ki.
II) Ha valakinek menne a tovább fejlesztett változata, akkor ez is egy szép megoldás lehetne:
kiválasztól a listából 1-et, és még 1 nyomógomb segítségével navigálna a kiválasztott lapra.
Előre is köszönöm a válaszokat.
szia!
HTML + JS-el oldható meg könnyen:
ezt a js-t illesztbe az oldal head részébe vagy linkeld oda egy js fájlnként:
<script language="javascript" type="text/javascript">
function gourl(cn){
var cname = document.getElementById(cn);
var x = cname.selectedIndex;
if(x != 0){
var ertek = cname.options[x].value;
var v = confirm('Tovább a linkre?');
if(v){
// window.location = ertek; //A jelenlegi ablakban nyitja meg
window.open(ertek,'link'); //Új ablakban nyitja meg. Nagyából = target="_blank";
}
}
}
</script>
<select name="links" id="links" onchange="gourl('links')">
<option>Kérlek válasz</option>
<option value=" [link]
<option value=" [link]
</select>
Itt a teszt cucc is hozzá. A müködésről röviden. a gourl fügvény egy paramétert kér ami az select controlod id-je. Célszerű a függvény hívást onChange eseményre rakni, de ahogy jól esik, ha gombra rakod. akkor <button onClick="gourl('links')">Katt ide, hogy a linkre ugorjon</button>
Aztáng a függvény tartalmaz, egy confirm ablakot, hogy biztos, hogy el akkar-e navigálni. Ha nem kell vedki, ha új ablakban szeretnéd, hogy megnyiljon akkor kommenteld ki.
ITT A demó: [link]
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!