Home/ Questions/Q 4620742
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T02:36:05+00:00

I’m doing something wrong but WHAT! I’ve looked over it a hundred times. For

  • 0

I’m doing something wrong but WHAT! I’ve looked over it a hundred times. For some reason, it isn’t retrieving the object from the document. Here is my index and Javascript source:

var blinkOn =false;
var blinkObj=document.getElementById("blink");
function blinkCursor() {
    if (blinkOn) 
        {   
            blinkObj.style.display="none";
        } else {
            blinkObj.style.display="inline";
        }
    blinkOn=!blinkOn;
    setTimeout("blinkCursor()",500);    
}

blinkCursor();

INDEX:

<html>
    <head>
        <title>
            CMD.exe
        </title>

        <link rel="stylesheet" type="text/css" href="cmd.css" />
        <script language="JavaScript" SRC="cmd.js"></script>
    </head>
    <body>
        <span id="content">&gt;</span><span style="display:none;" id="blink"  >|</span>     
    </body>
</html>

Any help would be so much help! (well.. wait… duh :p )

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your problem is that your JavaScript is executing before the HTML is interpreted – the DOM has not loaded.

    While I’d recommend that you use something like jQuery to ensure document readiness, here’s your problem solved without it:

        <script type="text/javascript">
        function blinkCursor() {
            var blinkObj=document.getElementById("blink");
            blinkObj.style.display = (blinkObj.style.display == "none")? "inline" : "none";
            setTimeout("blinkCursor()",500);
        }
        setTimeout("blinkCursor()",500);    
    </script>
    • 0