02. juli 2002 - 14:28Der er
9 kommentarer og 1 løsning
En pop-up dialogboks med 3 radioknapper
Hvordan laver man en dialogboks, hvis det kan lade sig gøre?, som popper op når jeg klikker på et link, og som viser 3 radioknapper.
Jeg vil så gerne have information med tilbage fra dialogboksen, om hvilken af de 3 radioknapper der er tjekket af.
Jeg vil også gerne vide hvordan man sender den tekst med som kommer til at stå ud for radioknapperne hvis man kan det, og om man kan sætte en overskrift ovenover de 3 radioknapper.
Hvis jeg kan få et lille kodeeksempel på hvordan jeg sætter dialogboksen op og hvordan jeg fanger returværdi fra en af de 3 radioknapper.
Du kan ikke lave en sådan dialogboks. Derimod kan du med hjælp fra eksempelvis asp eller php lave radioknapper på en html-side og bruge inputtet derfra..
Du kan lave en pop-up med 3 radioknapper via VBScript, som dog ikke understøttes af Netscape, Opera etc.
Det er dog fuldt understøttet af Internet Explorer. Er det til en backend og kravene er forvejen er IE er det jo også ligemeget :) Hvem koder efterhånden også til Netscape ?
<SCRIPT LANGUAGE="VBscript"> Value = MsgBox ("Vælg en af de 3 knapper...",3,"Dette er titlen !") If Value = 6 Then MsgBox "Du trykkede på Yes!" ElseIf Value = 2 Then MsgBox "Du trykkede på Cancel!" Else MsgBox "Du trykkede No!" End If </SCRIPT>
Følgende kode giver 3 knapper, og giver bagefter en popup med hvilken af de 3 knapper man trykkede på !
lp>>> Det var dog et sjældent dumt eksempel du kom med - manutd spurgte efter radiobuttons, ikke en confirmbox! :-(
Og det er muligt at der ikke er mange NS kodere tilbage, men vi er da nogle stykker som stadig sværger mere til W3C end til M$! :-((
Anyway (og back to topic) så lyder det på mig som om det nemmeste ville være noget php eller asp. Men jeg tror nu nok at det ville kunne lade sig gøre med noget (avanceret) javascript - forudsat at du kan leve med at din "dialogbox" bliver en html-side der popper op. (jeg har hellere ikke tid lige nu, men hvis du stadig ikke har fået et brugbart svar i aften, vil jeg da gerne prøve at smide lidt arbejde efter det!) =o)
mmmmmmm, tak for roserne, jeg læste lidt forkert.... dialogboks, popup.... de keywords plejer nu egentlig bare at betyde det jeg troede, men jeg fik altså ikke læst det helt korrekt...
Du laver to HTML filer en som er hoved filen og en som er Popup-formen. I dette eks hedder popup-formen radio.htm
I hoved file skal du oppe i script delen definere disse variable
/* I denne variable bliver den valgte radios-knap værdi (value) lagt i */ var radiosel = 'a'; /* Define en overskrift som står over de 3 radio knapper */ var overskrift = 'Overskriver over radio knapper'; /* Tekst som kommer til at stå ved siden af radio knap 1 */ var radio1navn = 'Vælg mig'; /* Tekst som kommer til at stå ved siden af radio knap 2 */ var radio2navn = 'Jeg er bedre'; /* Tekst som kommer til at stå ved siden af radio knap 3 */ var radio3navn = 'pst kig nu herned';
Når popup vinduet lukkes vil det kalde functionen restart() i hoved filen.
function restart() { /* Opdater det felt i din HTML som tilknytter sig til valget */ document.radioForm.radioSelect.value = radiosel; /* Denne linie lukke popup vindue, skal ikke fjernes */ mywindow.close(); }
I det eks jeg har lavet opdater den en form med value på den valgte radio knap. De har værdien 1, 2 og 3.
Du kan bare copy/paste mit eks de to filer skal bare ligge i samme folder.
<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"><!-- /* I denne variable bliver den valgte radios-knap værdi (value) lagt i */ var radiosel = 'a'; /* Define en overskrift som står over de 3 radio knapper */ var overskrift = 'Overskriver over radio knapper'; /* Tekst som kommer til at stå ved siden af radio knap 1 */ var radio1navn = 'Vælg mig'; /* Tekst som kommer til at stå ved siden af radio knap 2 */ var radio2navn = 'Jeg er bedre'; /* Tekst som kommer til at stå ved siden af radio knap 3 */ var radio3navn = 'pst... se mig!';
function restart() { /* Opdater det felt i din HTML som tilknytter sig til valget */ document.radioForm.radioSelect.value = radiosel; /* Denne linie lukke popup vindue, skal ikke fjernes */ mywindow.close(); }
Tak for hjælpen og de mange forslag. Point´ene går til eagleeye, da det var hans forslag jeg endte med at bruge.
Synes godt om
Ny brugerNybegynder
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.