Legördülő menü target iframe

Legördülő menü target iframe
2008-09-27T20:08:08+02:00
2008-09-28T15:06:03+02:00
2022-11-11T01:50:34+01:00
solar
Jó estét!

Egy problémával forudlnék hozzátok:
Van egy készülő oldalam, van benne 3 legördülő menü, nem dhtml hanem form select, és van egy iframe-m az oldal alján szeretném ha a menük bele hivatkoznának.

alap kód:


<table border="0" width="460" cellspacing="0" cellpadding="0"> <tr> <td width="150"> <form name="jump"> <select style="font-size: 8pt; width: 150px;" name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> <option value="#">Építőipar</option> <option value="../epitoipar/1.php">Antennaszerelő</option> <option value="../epitoipar/2.php">Asztalos</option> <option value="../epitoipar/3.php">Dugulás elhárító</option> <option value="../epitoipar/4.php">Építész műszaki ellenőr</option> <option value="../epitoipar/5.php">Építész tervező</option> <option value="../epitoipar/6.php">Épületgépész műszaki ellenőr</option> <option value="../epitoipar/7.php">Épületgépész tervező</option> <option value="../epitoipar/8.php">Festő</option> <option value="../epitoipar/9.php">Fűtésszerelő</option> <option value="../epitoipar/10.php">Gázkészülék szerelő</option> <option value="../epitoipar/11.php">Gázszerelő</option> <option value="../epitoipar/12.php">Kőműves</option> <option value="../epitoipar/13.php">Lakatos</option> <option value="../epitoipar/14.php">Üveges</option> <option value="../epitoipar/15.php">Villanyszerelő</option> <option value="../epitoipar/16.php">Vízszerelő</option> </select> </form></td> <td width="160"><form name="jump2"> <center><select style="font-size: 8pt; width: 150px;" name="menu2" onChange="location=document.jump2.menu2.options[document.jump2.menu2.selectedIndex].value;" value="GO"> <option value="#">Szolgáltatások</option> <option value="../szolgaltatasok/1.php">Autószerelő</option> <option value="../szolgaltatasok/2.php">Cukrász</option> <option value="../szolgaltatasok/3.php">Elektrotechnikus</option> <option value="../szolgaltatasok/4.php">Háztartásigép szerelő</option> <option value="../szolgaltatasok/5.php">Honlapkészítés</option> <option value="../szolgaltatasok/6.php">Informatikai rendszerek</option> <option value="../szolgaltatasok/7.php">Kulcsmásoló</option> <option value="../szolgaltatasok/8.php">Műszerész</option> <option value="../szolgaltatasok/9.php">Nyelviskola</option> <option value="../szolgaltatasok/10.php">Optikus</option> <option value="../szolgaltatasok/11.php">Pék</option> <option value="../szolgaltatasok/12.php">Számítógép adás-vétel</option> <option value="../szolgaltatasok/13.php">Számítógép javítás</option> <option value="../szolgaltatasok/14.php">Ügyvéd</option> <option value="../szolgaltatasok/15.php">Videó kölcsönző</option> </select></center> </form></td> <td> <form name="jump3"> <select style="font-size: 8pt; width: 150px;" name="menu3" onChange="location=document.jump3.menu3.options[document.jump3.menu3.selectedIndex].value;" value="GO"> <option value="#">Egyéb</option> <option value="../egyeb/2.php">Étel rendelés</option> <option value="../egyeb/1.php">Pizza rendelés</option> </select> </center> </form> </td> </tr> </table> <iframe scrolling="auto" border="0" width="610" src="hirek.php" id="iframe" name="iframe"></iframe>
Mutasd a teljes hozzászólást!

<select style="font-size: 8pt; width: 150px;" name="menu" onChange="document.getElementById('iframe').src=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
Vagy rövidebben
<select style="font-size: 8pt; width: 150px;" name="menu2" onChange="document.getElementById('iframe').src=this.value;" value="GO">
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd