05. februar 2001 - 20:49Der er
8 kommentarer og 3 løsninger
Skift text ?
Hej!
Kan man lave så når man klikker op \"Åben\" (textlink) så skifter den til \"Luk\" og funktionen også skifter ? Fordi jeg er igang med at lave så når man klikker på \"Åben\" så kommer der en box frem...ik en alert box, men noget \"overlib\" hedder koden vidst. Og så skulle den gerne skifte til \"Luk\" ?
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
var lukket = true; function lukOpOgI (knap) { if ( lukket ) { // her indsætter du din luk-op kode // fulgt af knap.value = \" luk \"; lukket = false; } else { // her indsætter du din luk-i kode // fulgt af knap.value = \"åben\"; lukket = true; } }; //end lukOpOgI (button)
</script>
Ovenstående skrives et sted imellem <head> og </head> i din html fil Nede i teksten laver du knappen med:
- oder som et billedeskift vel? <script> function doit() { if (åben) { document.bil1.src=\"luk.gif\"; } else { document.bil1.src=\"open.gif\"; } } </script> <img src=\"open.gif\" name=\"bil1\" onclick=\"doit()\">
Et skift af et normalt tekstlink på sin side kan vel kun laves vha. dhtml el. lign? - altså medmindre man kringler sig uden om ved at få en form-input boks, eller knap til at \'ligne\' brødtekst...
- OK, hvis man benytter sig af noget css-halløj, kan det måske laves:
<script language=\"JavaScript\"> function swaplinks(nr) { if (document.layers) { //lidt cross-browser til netscape narkomaner } elseif (document.all) { //hvis IE og layers = ok if (nr==1) { link1.visibility=hidden; link2.visibility=show; dokommando1(); } else { link2.visibility=hidden; link1.visibility=show; dokommando2(); } } } function dokommando1() { alert(\"Hej du har klikket på den ene\"); //lav det du skal til kommando 1 } function dokommando2() { alert(\"Hej du har klikket på den anden\"); } </script> <html> <body> <p>En helt masse tekst..</p><bR><br> Her er linket: <div id=\"link1\" Style=\'position:relative; visibility:hidden\' onclick=\"swaplinks(1)\">Tekst1</div> <div id=\"link2\" Style=\'position:relative\' onclick=\"swaplinks(2)\">Tekst2</div> <br><br>En helt masse sluttekst </body> </html>
- jeg ved ikke om det virker, jeg er ikke nogen ræv til dhtml, men du ka\' jo prøve... PS: Det skal i hvertfald tilpasse til Netscape brugere, jeg har ikke lige de snu koder ved hånden.
function layerWrite(id,nestref,text) { if (ns4) { var lyr = (nestref)? eval(\'document.\'+nestref+\'.document.\'+id+\'.document\') : document.layers[id].document lyr.open() lyr.write(text) lyr.close() } else if (ie4) document.all[id].innerHTML = text else if (dom) document.getElementById(id).innerHTML = text }
var lukket = true; function lukOpOgI() { if (lukket) { // her indsætter du din luk-op kode // fulgt af layerWrite(\'test\',null,\'<a href=\"java script:lukOpOgI();\">Luk</a>\'); lukket = false; } else { // her indsætter du din luk-i kode // fulgt af layerWrite(\'test\',null,\'<a href=\"java script:lukOpOgI();\">Åben</a>\'); lukket = true; } }; //end lukOpOgI (button)
->engrob Jaja, det kan da godt være.... - men drop din eksakte positionering \'top:100; left:300\' og skriv \'position:relative\' i stedet for \'position:absolute\' - medmindre altså alt andet på siden også bruger css - ellers er det for besværligt... - den bliver jo bare placeret et bestemt sted på skærmen.
Du viste nok bare ikke det ikke virker i NS4, men det gør ikke noget. Du er ikke den eneste.
Men hvis glaede kan leve med at det ikke virker i NS4 så kan han/hun og så bare skrive <div id=\"test\"><a href=\"java script:lukOpOgI();\">Åben</a></div> og lægge det hvor som helst på siden...
ehh.. damn havde glemt jeg havde det her spørgsmål :o(
- Dvs. at jeg sårn set ik´ skal bruge det alligevel, men nogen skal jo ha´ de points... finder jeg lige ud af...
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.