Question

I’m creating a website for a kiosk. I’ve got 3 divs on one page, everytime when a div is clicked, next div shows up using a photoslide, and the previous div hides away.

My problem is that when the welcome screen (first div) is showing (the whole page/div is an a tag), the status bar down the bottom shows the linking address all the time. I posted another post, people told me it is not possible to hide the status bar.

So my question is how do I set the cursor to be off screen/off set, so the status bar only shows when a visitor is interacting with the screen.

Can I set the cursor offset using javascript, html/css or php? Any code/suggestions is appreciated.

Thanks!

Here is my html page below or see http://jsfiddle.net/EXfnN/8/

 <div id="item1" class="item">


        <div class="content">


            <a href="#item2" class="panel">

            <video id="my_Video" width="100%" height="100%" preload="auto" autoplay loop>xxxxxx
            </video>

            </a>

        </div>
       </div>



      <div id="item2" class="item">

       <div class="content">    
          <div id="back">

          <ul id="awesome-menu">

            <li>  

                   <a href="#item3"  onclick="abcSubmit()" id="abc" class="panel">ABC</a>

            </li>   

            <li>

              <a href="#item3" onclick="nationalSubmit()" id="national" class="panel">National</a>


            </li>   

            <li>

                   <a href="#item3" onclick="otherSubmit()" id="other" class="panel">Other</a>

            </li>       

          </ul>

        </div>

    </div>
   </div>

       <div id="item3" class="item">

            <div class="content">
                 <a href="#item1" class="panel"><img src="images/thankyou.jpg" alt="Thank you" /></a></div>
       </div>

Answer 1

I’d suggest that if you’re using JavaScript for this, that you don’t need ANCHOR tags because you’ve already negated the need for them.

I’d suggest changing to adding click events to the div tags and storing additional application data on “data-” attributes and reading those with JavaScript instead.

This workaround eliminates a few problems like the one above.