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

+0

'element.blur()'충분하지 않습니까? –

+0

안녕하세요, 키오스크 구성이란 무엇입니까? 내가 어디에서 할 수 있니? 우리는 PC 컴퓨터에서 파이어 폭스 키오스크 모드를 사용하고 있으며 큰 TV 화면에 연결되어 있습니다. 상태 표시 줄을 숨길 수있는 곳이 있습니까? 감사! – grumpypanda

답변

1

나는 이것을 위해 JavaScript를 사용하고 있다면 이미 ANCHOR 태그가 필요 없다는 것을 제안합니다. 이미 ANCHOR 태그가 필요하지 않기 때문입니다.

div 태그에 클릭 이벤트를 추가하고 추가 응용 프로그램 데이터를 "data-"속성에 저장하고 대신 JavaScript로 읽는 방법으로 변경하는 것이 좋습니다.

이 해결 방법은 위와 같은 몇 가지 문제를 해결합니다.

+0

안녕하세요. 내 스트림을 위의 코드에서 편집했습니다. 작업 할 몇 가지 예제 코드를 제공 할 수 있습니까? 전에 onclick을 사용하려고했지만 처음 div를 클릭 할 때마다 두 번째 div가 다른 창에 표시됩니다. 어떤 제안이라도 좋을 것입니다. 감사. – grumpypanda

+0

div가 다른 창에 표시되는 경우 onclick 함수에서'return false; '를 사용해야 브라우저가 href 속성에 정의 된 링크를 열지 않고도 코드를 실행할 수 있습니다. Jsfiddle에 JavaScript 코드를 게시하여 상황을보다 면밀히 검토 할 수 있습니까? – MyStream

+0

안녕하세요 Mystream, 후속 조치에 대한 감사드립니다. 다음은 내 페이지의 구조입니다. http://jsfiddle.net/EXfnN/8/ 이미지를 만들 수 있으므로 첫 번째 페이지는 키오스크 모드로 표시됩니다. 태그이므로 상태 표시 줄에 항상 표시됩니다. 바닥에, 내가 어떻게 든 그것을 사라지게 만들 필요가있는 것에 따라, 그것이 화면에서 커서를 발견하는 것이 나의 마음에 왔던 이유 다. 고맙습니다. – grumpypanda

1

당신이 첫 번째 요소합니다 (태그없이) 만 DIV 만들 수있는 참조 onclick 이벤트를 캐치하고 무엇이든 조치 태그가 있음)?

+0

안녕하세요 Stratton, 첫 번째 div는 실제로 태그 인 html5 동영상이며, 동영상의 아무 곳이나 클릭하면 두 번째 div가 슬라이드하여 표시됩니다. onclick 이벤트를 사용하고 언급 한 자바 스크립트를 통해 리디렉션하는 방법을 잘 모르겠습니다. 코드에 대한 자세한 정보를 제공 할 수 있습니까? 나는 태그와 onclick을 시도했다. 태그가 클릭 될 때마다 새로운 창이 나타나서이 키오스크 케이스에서 작동하지 않는다. 한 페이지에 머물러 있어야한다. 어떤 제안? 매우 감사합니다. – grumpypanda

+0

jquery 및 click 이벤트 핸들러 사용 시도 http://api.jquery.com/click/ – clem

관련 문제