Avatar billede kornfreak Nybegynder
12. januar 2002 - 22:05 Der er 5 kommentarer og
1 løsning

Div show/hide!

jeg opgiver det crossbrowser programmering *GRR*

Er der nogen der lige kan lave en lille function der viser/gemmer et div layer skal virke i > IE 5.0 og > NS 6.0
allä det her:

function showhide()
{
  gem noget1
  vis noget2
}
<div id=\"noget1\" style=\"vis?\"></div>
<div id=\"noget2\" style=\"gemt?\"></div>
<a href=\"#\" onclick=\"showhide();\">KLIK</a>
Avatar billede nute Nybegynder
12. januar 2002 - 22:08 #1
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<STYLE TYPE=\"text/css\">
<!--

-->
</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 changeVisibility(){
  if( ns ){
      tmpVisibility = document.layers[\"divVisibility\"].visibility;
        if( tmpVisibility == \"hide\" ){
          document.layers[\"divVisibility\"].visibility = \"show\";
        } else {
          document.layers[\"divVisibility\"].visibility = \"hide\";
        }
    } else if( ie ){
      tmpVisibility = document.all[\'divVisibility\'].style.visibility;
        if( tmpVisibility == \"hidden\" ){
          divVisibility.style.visibility = \"visible\";
        } else {
          divVisibility.style.visibility = \"hidden\";
        }
    } else if( ns6 ){
      tmpVisibility = document.getElementById(\"divVisibility\").style.visibility;
        if( tmpVisibility == \"hidden\" ){
          document.getElementById(\"divVisibility\").style.visibility = \"visible\";
        } else {
          document.getElementById(\"divVisibility\").style.visibility = \"hidden\";
        }
   
    }
}

//-->
</SCRIPT>
<body>
Dette er en liten visibility test
<div name=\"divVisibility\" id=\"divVisibility\" style=\"position:relative;visibility:hidden;top:0px;left:0px;\">Test</div>
<a href=\"java script:void(changeVisibility());\">Klikk</a>
</body>
</html>
Avatar billede hono Nybegynder
12. januar 2002 - 22:10 #2
Prøv dette (er ikke testet) og jeg er ikke helt klar over hvilke browser det virker i. Det må du selv lige undersøge


<script>
function vis(){
tekst.innerHTML=\"Din tekst\";
}
function skjul(){
tekst.innerHTML=\"og se hvad der sker!\";
}
</script>
<body>
<span onmouseover=\"vis()\" onmouseout=\"skjul()\">Peg her...</span>
<span id=\"tekst\"></span>

Hono
Avatar billede nute Nybegynder
12. januar 2002 - 22:14 #3
hono >> han ber om en funksjonalitet som fungerer i spesifikke browsere...er det så ikke rettferdig at vi som hjelper sørger for at forslagene lever opp til disse krav ? Med andre ord...hvis han ber om at funksjonen skal fungere i NS6 og IE5+, så skal *vi* poste noe som virker i disse browsere...det er ikke han som skal finne det ut selv
Avatar billede hono Nybegynder
12. januar 2002 - 22:15 #4
Vælg hellere nutes, det er bedst (har selv fået koden af ham ;)). Jeg tænkte bare at når du skrev \"jeg opgiver det crossbrowser\" programmering\", så ville du måske hellere have noget helt enkelt. Men når nu nute serverer det for dig.. ;)

Hono
Avatar billede hono Nybegynder
12. januar 2002 - 22:18 #5
Fair nok nute. Jeg kan se hvad du mener. Desværre har jeg ikke NS6, og kunne ikke teste det. Så tænkte jeg at det er bedre at poste en kode han kan teste, end at lade ham helt i \"stikken\". Men ellers har du selvfølgelig ret.

Hono
Avatar billede kornfreak Nybegynder
12. januar 2002 - 22:43 #6
nute >> Mange tak, det var lige det jeg skulle bruge :)
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