01. maj 2003 - 16:06
Der er
19 kommentarer og 1 løsning
Hent value fra popup
Jeg er ikke så god til Javascript, men her kommer mit spørgsmål:
Jeg har et text-felt. Ved siden af er en tilhørende 'Hent'-knap. Klikkes på denne popper et nyt window (ca. 200px*200px) op med en <select> og en 'ok'-knap (<img>). Den value, der vælges i <select> sendes til text-feltet, når der trykkes 'ok'. Popup-windowet lukker ned ved klik på ok...
Kan man dette? Hvis ja, hvordan?
Her er et eksempel:
http://rasmussen.agge.net/eks/hent.htm Spørg endelig, hvis I er i tvivl..
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
Ja det kan du godt. Sådan her gør du. <p>1. <br /><table> <tr> <td style="border:1 solid black;padding:5px;"><input name="tekst" type="text" style="width:150px;"><img src="img/hent.gif" alt="Hent" onclick="window.open('newWindow.html','win','width=200,height=200');"></td> </tr> </table></p> og den anden ser sådan her ud : <p>2.<br /><table> <tr> <td style="border:1 solid black;padding:5px;"><select name="dropper" style="width:150px;"> <option>1</option> <option>2</option> </select> <img src="img/ok.gif" alt="Ok" onclick="window.opener.tekst.value=document.dropper.value;"></td> </tr> </table></p>
Måske burde det være sådan her, det der kan godt give lidt problemer med id og sådan. <p>1. <br /><table> <tr> <td style="border:1 solid black;padding:5px;"> <form name="frm"> <input name="tekst" type="text" style="width:150px;"><img src="img/hent.gif" alt="Hent" onclick="window.open('newWindow.html','win','width=200,height=200');"> </form> </td></tr></table></p> og den anden ser sådan her ud : <p>2.<br /><table> <tr> <td style="border:1 solid black;padding:5px;"> <form name="frm2"> <select name="dropper" style="width:150px;"> <option>1</option> <option>2</option> </select> <img src="img/ok.gif" alt="Ok" onclick="window.opener.frm.tekst.value=document.frm2.dropper.value;"> </form> </td></tr></table></p>
Jeg ville gerne have det hele på samme side, hvis man kan? -master-d- >> funktionen 2. sender ikke valuen til text-feltet..
hiks >> Hvis det er et svar er det meget tomt.
Hmm, tja, måske fordi der intet value er ;). Har løst problemet.. Kan det ikke laves på samme side?
Jo det kan, men troede bare at du ville lave det i din popup, here it goes... <p>1. <br /><table> <tr> <td style="border:1 solid black;padding:5px;"> <form name="frm"> <input name="tekst" type="text" style="width:150px;"><img src="img/hent.gif" alt="Hent" onclick="document.frm.tekst.value=document.frm.dropper.value;"> </td></tr></table></p> og den anden ser sådan her ud : <p>2.<br /><table> <tr> <td style="border:1 solid black;padding:5px;"> <select name="dropper" style="width:150px;"> <option>1</option> <option>2</option> </select> <img src="img/ok.gif" alt="Ok" onclick="document.frm.tekst.value=document.frm.dropper.value;"> </form> </td></tr></table></p>
Nej det virker vist ikke... vent lige 2 min.
-master-d- >> :) jeg ville gerne have det til at stå i samme htm-dokument. Altså stadig en popup. Kan man ikke lave noget med document.write ?
Altså nummer 2 der skal åbnes i en popup eller hvad, men teksten skal stå i det samme dokument.
Jeg ved ikke om det kan, tror måske man kan, men ved ikke hvordan...
her i samme fil ! <script> function kat(){ nyt = window.open('','pip','width=250, height=100') nyt.document.open(); nyt.document.write('\<script\>'); nyt.document.write('function hest(){'); nyt.document.write(' self.opener.document.forms[0].put.value=document.forms[0].sel[document.forms[0].sel.selectedIndex].value;'); nyt.document.write(' self.close();'); nyt.document.write('}'); nyt.document.write('\</script\>'); nyt.document.write('<form>'); nyt.document.write('<table>'); nyt.document.write('<tr>'); nyt.document.write('<td style="border:1 solid black;padding:5px;">'); nyt.document.write('<select style="width:150px;" name="sel");">'); nyt.document.write('<option value="1">1</option>'); nyt.document.write('<option value="2">2</option>'); nyt.document.write('</select> <img src="img/ok.gif" alt="Ok" onclick="hest();"></td>'); nyt.document.write('</tr>'); nyt.document.write('</table></p>'); nyt.document.write('</form>'); nyt.document.close();} </script> <table> <tr> <form><td style="border:1 solid black;padding:5px;"><input type="text" style="width:150px;" name="put"><img src="img/hent.gif" alt="Hent" onclick="kat();"></td></form> </tr> </table></p> -grunken
-master-d- >> Det er ok, som det er.. - og så virker det ;) Takker
Så ikke at grunken havde kommenteret dette.. svid lige et svar og få lidt pionts.. 30 grunken, 30 -master-d- Er det ok?
jeps da... syns nu at master skal have hele puljen, har arbejdet hårdt for svaret ;D
ok.. Takker endnu en gang ;)
Har fundet ud af det, vender lige tilbage om fem minutter...
<html> <head> <title>Ny side 1</title> <script> function hent (){ var newwindow = window.open('some_url','window1',''); newwindow.document.write('<html><head><title>Hent</title></head><body>'); newwindow.document.write('<table><tr><td style="border:1 solid black;padding:5px;">'); newwindow.document.write('<form name="frm"><select name="selectboks" style="width:150px;">'); newwindow.document.write('<option value="1">1</option><option value="2">2</option></select>'); newwindow.document.write('<input type="button" value="ok" onclick="window.opener.document.frm.tekst.value=document.frm2.selectboks.value;">'); newwindow.document.write('</td></tr></table></form>'); newwindow.document.write('</body></html>'); } </script> </head> <body> <form name="frm2"> <p>1. <br> <table> <tr> <td style="border:1 solid black;padding:5px;"> <input name="tekst" type="text" style="width:150px;"> <input type="button" value="Hent" onclick="hent();"> </td></tr></table> </form> </body> </html>
Nå det havde grunken også set, synes han skal have nogen point for det..
Vi tilbyder markedets bedste kurser inden for webudvikling