Avatar billede jonas_h Nybegynder
23. maj 2008 - 10:43 Der er 2 kommentarer og
1 løsning

Pop-up som indsætter tekst i tekstboks på "parent" siden.

Jeg har en tekstboks på min side med en knap ved siden af, og skal have lavet en form for pop-up vindue hvor, man trykker på knappen og der kommer et pop-up vindue frem hvor man kan vælge et element og så skal der sendes noget tekst ud fra det valgte element til tekstboksen i hovedvinduet og pop-up vinduet skal lukkes.

Håber det er til at forstå:)

Det må også meget geren være sådan, at man ikke har "adgang" til hovedvinduet før pop-up vinduet er lukket.
Avatar billede w13 Novice
23. maj 2008 - 10:51 #1
Eks.:

1.htm:
<html>
<head></head>
<body>

<script type="text/javascript">
function openModal(a,b){
    window.open(a,b,"height=255,width=250,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,modal=yes")
}
</script>

<input id="text1" type="text" readonly="readonly"> <button onclick="openModal('2.htm','win')">Klik</button>

</body>
</html>

2.htm:
<html>
<head></head>
<body>

<script type="text/javascript">
function transfer(o){
    opener.document.getElementById("text1").value=o.options[o.selectedIndex].value;
    window.close()
}
</script>

<select id="select1">
<option value="Option1">Option1</option>
<option value="Option2">Option2</option>
<option value="Option3">Option3</option>
</select>

<button onclick="transfer(document.getElementById('select1'))">Klik</button>

</body>
</html>
Avatar billede jonas_h Nybegynder
23. maj 2008 - 10:56 #2
Har ikke testet det, men det ser jo meget rigtigt ud :) Jeg takker mange gange!
Avatar billede w13 Novice
23. maj 2008 - 10:58 #3
Hmmm, det med at man ikke skal kunne klikke på hovedsiden, mens popup'en er åben, kan jeg vist kun løse i IE. Så skal du bare rette 1.htm til dette i stedet:

<html>
<head></head>
<body>

<script type="text/javascript">
function openModal(a,b){
    if(window.showModalDialog){
        window.showModalDialog(a,b,"dialogWidth:255px;dialogHeight:250px");
    }else{
        window.open(a,b,"height=255,width=250,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,modal=yes")
    }
}
</script>

<input id="text1" type="text" readonly="readonly"> <button onclick="openModal('2.htm','win')">Klik</button>

</body>
</html>

Og mange tak for point! :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester