特定の領域をマウスオーバーするときにのみテキストを表示

Question

panel領域にマウスがある場合にのみ、outputTextコンポーネントを表示する必要があります。それをどうすれば実現できますか？

私はpanelにonmouseoverイベントにshow() & hide() JS関数を使用してみましたが、結果を達成するために失敗しました。

Answer 1

私が正しく

<script> 
     $(document).ready(function(){ 
     $("#something").mouseover(function(){ 
      $("#myText").show(); 
     }) 
     $("#something").mouseout(function(){ 
      $("#myText").hide(); 
     } 
    )} 
    ); 

そして、あなたのパネルを理解している場合

<p:panel id="something" > 
      <h:outputText id="myText" styleClass="hidden" value="hi i am hidden when is mouse is somewhere"/> 
     </p:panel>