Avatar billede tox-man Nybegynder
22. april 2003 - 18:23 Der er 1 kommentar og
1 løsning

Hente checkbox

Hejsa

Er der nogen der kan komme med et lille tip til hvordan jeg henter ud hvilken checkbox der er blevet clicket på ?

Min plan er følgende:
Jeg har X antal billeder som skal vises i forskellige lag alt efter hvilken checkbox jeg trykker på. Dette er på plads (se kode)

----------------JAVA'en-----------------

function lagonoff(formen) {
    for( i = 0; i<formen.lagne.length; i++ ){
        var objn = getobject (formen.lagne[i].value)
        if(formen.lagne[i].checked){
            objn.visibility = "visible";
        } else {
            objn.visibility = "hidden";
        }
    }
}

-----------JAVA-slut-----------------

<style type="text/css">
    body        {background:  rgb(80,  80, 80)}
    #lag1        {position:absolute; left:20px;  top:20px; z-index: 1; visibility:visible}
    #lag2        {position:absolute; left:20px;  top:20px; z-index: 2; visibility:hidden}
    #lag3        {position:absolute; left:20px;  top:20px; z-index: 3; visibility:hidden}
</style>
<body>
<b>Det her er en lille billede-test :)) </b>
<p>
<hr>

<form action="formen">
    <input type="checkbox" name="lagne" value="lag1" onclick="lagonoff(this.form);" checked>Lag 1<br>
    <input type="checkbox" name="lagne" value="lag2" onclick="lagonoff(this.form);">Lag 2<br>
    <input type="checkbox" name="lagne" value="lag3" onclick="lagonoff(this.form);">Lag 3<br>
</form>

<div id="lag1"><img src="billeder/1.gif" border=0></div>
<div id="lag2"><img src="billeder/2.gif" border=0></div>
<div id="lag3"><img src="billeder/3.gif" border=0></div>


Nu er mit problem i midlertidigt at jeg gerne vil have vist en lille beskrivelse et eller andet sted alt efter hvilken checkbox jeg trykker på.

Håber der er lidt hjælp at hente..
Avatar billede dreamcode Nybegynder
07. maj 2003 - 15:17 #1
Nedenstående sætter en besked i en div section når du checker en box

-DC

----------------JAVASCRIPT'en-----------------
function lagonoff(formen,besked) {
    for( i = 0; i<formen.lagne.length; i++ ){
        var objn = getobject(formen.lagne[i].value)
    var message = document.getElementById("divDescription");
        message.innerHTML = "";
        if(formen.lagne[i].checked){
            objn.visibility = "visible";
            message.innerHTML = besked;
        } else {
            objn.visibility = "hidden";
        }
    }
}
-----------JAVASCRIPT-slut-----------------

<style type="text/css">
    body        {background:  rgb(80,  80, 80)}
    #lag1        {position:absolute; left:20px;  top:20px; z-index: 1; visibility:visible}
    #lag2        {position:absolute; left:20px;  top:20px; z-index: 2; visibility:hidden}
    #lag3        {position:absolute; left:20px;  top:20px; z-index: 3; visibility:hidden}
</style>
<b>Det her er en lille billede-test :)) </b>
<p>
<hr>

<form action="formen">
    <input type="checkbox" name="lagne" value="lag1" onclick="lagonoff(this.form,'test besked');" checked>Lag 1<br>
    <input type="checkbox" name="lagne" value="lag2" onclick="lagonoff(this.form,'htmlkoder <b>er</b> ok');">Lag 2<br>
    <input type="checkbox" name="lagne" value="lag3" onclick="lagonoff(this.form,'test besked2');">Lag 3<br>
    <div id="divDescription" style="width:100px;height:50px;border: solid 1px #000000"></div>
</form>

<div id="lag1"><img src="billeder/1.gif" border=0></div>
<div id="lag2"><img src="billeder/2.gif" border=0></div>
<div id="lag3"><img src="billeder/3.gif" border=0></div>
Avatar billede dreamcode Nybegynder
07. maj 2003 - 15:17 #2
ooops .... skulle have været et svar

-DC
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