Dansk DHTML Tutorial

html.dk
!

Søg eventuelt på google.com VERDENS HURTIGSTE SØGER!

.. søg efter : Lær Dhtml
fx?

Zred

Hvis du ikke kan Javascript så start ikke med Dhtml (for det er det samme)

Javascript link:
http://www.echoecho.com

Zred> Der er ikke >>mange<< Dhtml tutorials på html.dk

www.webbuilder.dk

Venligst
Kristian Bjørn

Lige for at slå en streg i sandet for alle dem der tror Dhtml er en udvidet html.
Så er Dhtml:

Det man kalder Javascript når det specielt handler CSS. (og det kan du lære om på Html.dk)

et lille eks.

<html>
<head>

    <title>DHTML</title>

    <style>
        body {
            font-family: verdana;
            font-size: 12px;
            color: red; }
    </style>

    <script language=\"javascript\">

        var xvar = 0;  

        function sjov(){
        if(document.sjov_og_spas.hehe.value==\"0\"){
        moveIn();}
        else if(document.sjov_og_spas.hehe.value==\"1\"){
        moveBack();}
        }

        function moveIn(){
          if (parseInt(document.all.layer1.style.left) < 100){
           document.all.layer1.style.left =Math.floor(Math.sqrt(xvar));
          document.all.layer1.style.top  =Math.floor(Math.sqrt(xvar)); 
             xvar = xvar + 200;
            document.sjov_og_spas.hehe.value=1;  
  
           setTimeout(\"moveIn()\",1);}}

      function moveBack(){
          if (parseInt(document.all.layer1.style.left) > 0){     
      document.all.layer1.style.left =Math.floor(Math.sqrt(xvar));
          document.all.layer1.style.top  =Math.floor(Math.sqrt(xvar)); 
             xvar = xvar - \"200\";
            document.sjov_og_spas.hehe.value=0;  
  
           setTimeout(\"moveBack()\",1);}}

        
    </script>

</head>

<body>
<form name=\"sjov_og_spas\">
<input type=\"hidden\" value=\"0\" name=\"hehe\">
</form>
<a href=\"#\" onclick=\"moveIn();\">OnClick</a>
<a href=\"#\" onclick=\"moveBack();\">OnClick</a>

<!-- layers below -->
<div id=\"layer1\" style=\"position: absolute; top: 50px; left: 0px; visibility: visible;\">Flying text</div>

</body>

</html>

Der er dog nogle små fejl.