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
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
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