2012-02-26 68 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

相關問題