2012-02-26 69 views
0

我正在创建一个自助服务终端的网站。我在一页上有3个div,每次点击一个div时,下一个div使用photoslide显示,而前一个div隐藏起来。如何将光标置于屏幕外?

我的问题是,当欢迎屏幕(第一个div)是说明(整页/ DIV是一个标签),状态栏向下探底显示链接地址的所有的时间。我贴了另一篇文章,人们告诉我不可能隐藏状态栏。

所以我的问题是如何设置光标在屏幕外/关闭设定,所以当访问者与屏幕的交互状态栏只显示。

我可以设置光标使用JavaScript,HTML/CSS或PHP的偏差?任何代码/建议表示赞赏。

谢谢!

这里是我下面的html页面或看到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> 
+0

它看起来像自助服务终端没有正确配置。联系信息亭供应商关于配置选项以隐藏状态栏。 – hakre 2012-02-26 22:05:50

+0

是不是'element.blur()'足够? – 2012-02-26 22:06:09

+0

嗨Hakre,你是什么意思的亭配置?我在哪里可以做到?我们在PC机上使用firefox kiosk模式,并连接到一个大电视屏幕。有没有我们可以隐藏状态栏的地方?谢谢! – grumpypanda 2012-02-26 22:15:03

回答

1

我建议,如果你使用JavaScript为这个,你不需要锚标记,因为你已经否定了他们的需要。

我建议改变以增加点击事件到div标签和存储的“数据 - ”属性附加的应用程序数据和读取那些使用JavaScript来代替。

此解决方案消除了像上面的一些问题。

+0

嗨我的流,我编辑了我的代码上面。有没有可能给我一些示例代码来处理。我之前尝试过使用a和onclick,但每次我点击第一个div时,它会在另一个窗口中显示第二个div。任何建议都会很棒。谢谢。 – grumpypanda 2012-02-26 22:23:01

+0

如果div显示在另一个窗口中,则可能需要在onclick函数中使用'return false;',以便代码可以在不让浏览器打开由href属性定义的链接的情况下运行。你可以在jsfiddle上发布你的JavaScript代码,这样我们可以更仔细地查看你的情况吗? – MyStream 2012-02-26 22:26:52

+0

嗨Mystream,感谢您的跟进。这里是我的页面结构,http://jsfiddle.net/EXfnN/8/正如你可以看到的那样,第一页将处于一个Kiosk模式,因为它是一个标签,状态栏会一直显示底部,按要求我必须以某种方式使其消失,这就是为什么将光标置于屏幕外的想法。谢谢。 – grumpypanda 2012-02-26 22:36:44

1

你可以做第一个元素只有一个div(无标签)捕捉onclick事件,然后通过JavaScript重定向(或做任何动作一个标签有)?

+0

嗨Stratton,第一个div实际上是一个html5视频,它是一个标签,当你点击视频的任何地方时,第二个div将滑动显示。我不确定如何使用onclick事件并通过您提到的JavaScript重定向,是否有可能向我提供关于它/某些代码的更多详细信息?我尝试了一个标签和onclick,每次当一个标签点击一个新窗口显示哪个不适用于这个信息亭的情况下,我需要它保持在一个页面上。有什么建议么?非常感谢。 – grumpypanda 2012-02-26 22:13:16

+0

尝试使用jQuery和点击事件处理程序http://api.jquery.com/click/ – clem 2012-02-26 23:06:00

相关问题