Avatar billede hono Nybegynder
22. november 2001 - 17:30 Der er 9 kommentarer og
1 løsning

Varibel vises ved event

Jeg har fået dette script:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<STYLE TYPE=\"text/css\">

#divOne {position:absolute;left:100px;top:125px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divTwo {position:absolute;left:120px;top:150px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divThree {position:absolute;left:130px;top:175px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divFour {position:absolute;left:140px;top:200px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}

</STYLE>

<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">

<!--
var ns, ns6, ie;

ns  = (document.layers) ? true : false;
ns6 = (document.getElementById) ? true : false;
ie  = (document.all) ? true : false;

function showLayer( layer ){
  if( ns ){
        document.layers[layer].visibility = \"show\";
    } else  if( ie ){
      document.all[ layer ].style.visibility = \"visible\";
    } else if( ns6 ){
      document.getElementById(layer).style.visibility = \"visible\";
    }
}

function hideLayer( layer ){
  if( ns ){
        document.layers[layer].visibility = \"hidden\";
    } else  if( ie ){
      document.all[ layer ].style.visibility = \"hidden\";
    } else if( ns6 ){
      document.getElementById(layer).style.visibility = \"hidden\";
    }
}

//-->
</SCRIPT>
<body>

Ved onmouseover anchors\'ne kommer der en bestem tekst frem. Jeg har før brugt en mere simpel kode, men fordelen ved denne er at den kan bruges i mange browsers. Jeg kunne imidlertid godt tænke mig at der i stedet for teksten \"insett ditt bilde h\" blev vist værdien af en variabel. F.eks. kunne denne variabel være summen af to tal brugeren skrev i to textbokse. Er der en der kan hjælpe mig med at lave det, uden at det går udover \"browservenligheden\".

Hono
Avatar billede hono Nybegynder
22. november 2001 - 17:31 #1
Jeg har lige uploadet scriptet så virkningen kan ses:

http://www.hono.dk/showhide.html

Hono
Avatar billede fri-hash Nybegynder
22. november 2001 - 17:32 #2
du skal nok vise den del af koden hvor \"insett ditt bilde\" står
Avatar billede fri-hash Nybegynder
22. november 2001 - 17:33 #3
<div name=\"divOne\" id=\"divOne\"><script>document.write(dinvariabel);</script></div>
Avatar billede nute Nybegynder
22. november 2001 - 17:34 #4
så skal du begynne med å skrive til lagene. hvilken variabel er det du vil sette inn
Avatar billede hono Nybegynder
22. november 2001 - 17:36 #5
Ups, her er resten:

<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divOne\');\" onMouseOut=\"hideLayer(\'divOne\');\">Show/hide \'divOne\'</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divTwo\');\" onMouseOut=\"hideLayer(\'divTwo\');\">Show/hide \'divTwo\'</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divThree\');\" onMouseOut=\"hideLayer(\'divThree\');\">Show/hide \'divThree\'</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divFour\');\" onMouseOut=\"hideLayer(\'divFour\');\">Show/hide \'divFour\'</a>
<div name=\"divOne\" id=\"divOne\">Insett ditt bilde her</div>
<div name=\"divTwo\" id=\"divTwo\">Insett ditt bilde her</div>
<div name=\"divThree\" id=\"divThree\">Insett ditt bilde her</div>
<div name=\"divFour\" id=\"divFour\">Insett ditt bilde her</div>

</body>
</html>

Hono
Avatar billede hono Nybegynder
22. november 2001 - 17:38 #6
Nå hej nute. Det er såment ikke en bestemt varibel. Der er mange ting jeg gerne vil bruge det til. Men hvad eksemplet med to textbokse, hvor summen af tallene heri bliver vist ved onmouseover

Hono
Avatar billede hono Nybegynder
22. november 2001 - 17:44 #7
hvad = hvad med
Avatar billede nute Nybegynder
22. november 2001 - 17:47 #8
tja....du kan leke deg litt med denne:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<STYLE TYPE=\"text/css\">

#divOne {position:absolute;left:100px;top:125px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divTwo {position:absolute;left:120px;top:150px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divThree {position:absolute;left:130px;top:175px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divFour {position:absolute;left:140px;top:200px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}

</STYLE>

<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">

<!--
var ns, ns6, ie;

ns  = (document.layers) ? true : false;
ns6 = (document.getElementById) ? true : false;
ie  = (document.all) ? true : false;

function showLayer( layer, val ){
  if( ns ){
      var lyr = document.layers[ layer];
        lyr.document.open();
        lyr.document.write( val );
        lyr.document.close();
        document.layers[layer].visibility = \"show\";
    } else  if( ie ){
      document.all[ layer ].innerHTML = val;
      document.all[ layer ].style.visibility = \"visible\";
    } else if( ns6 ){
      document.getElementById(layer).style.visibility = \"visible\";
    }
}

function hideLayer( layer ){
  if( ns ){
        document.layers[layer].visibility = \"hidden\";
    } else  if( ie ){
      document.all[ layer ].style.visibility = \"hidden\";
    } else if( ns6 ){
      document.getElementById(layer).style.visibility = \"hidden\";
    }
}

//-->
</SCRIPT>
<body>

<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divOne\', document.frm.txtOne.value );\" onMouseOut=\"hideLayer(\'divOne\');\">Vis textbox 1</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divTwo\', document.frm.txtTwo.value );\" onMouseOut=\"hideLayer(\'divTwo\');\">Vis textbox 2</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divThree\', (parseInt(document.frm.txtOne.value) + parseInt(document.frm.txtTwo.value) ) );\" onMouseOut=\"hideLayer(\'divThree\');\">Vis Sum</a>&nbsp;
<div name=\"divOne\" id=\"divOne\">Ingen verdi</div>
<div name=\"divTwo\" id=\"divTwo\">Ingen verdi</div>
<div name=\"divThree\" id=\"divThree\">Ingen verdi</div>
<form name=\"frm\">
<input type=\"text\" name=\"txtOne\"><br>
<input type=\"text\" name=\"txtTwo\">
</form>
</body>
</html>

/nute
Avatar billede hono Nybegynder
22. november 2001 - 17:55 #9
Nute er og bliver en sand ven i nøden ;-)

Hono
Avatar billede nute Nybegynder
22. november 2001 - 17:56 #10
fino :)
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