'[.Html css] '에 해당되는 글 2건

  1. 2021.07.13 [bootstrap 4.0] tooltip hide
  2. 2017.09.12 마우스 오버시 커서를 이미지로 변경

[bootstrap 4.0] tooltip hide

[.Html css] 2021. 7. 13. 19:23

Bootstrap4.0   

Click the button to clear the tooltip

 

 

 


<button type="button" data-toggle="tooltip" data-placement="top"  id="aa1"
                            title="message !! " class="btn icon btn-info_no mr-1" 
                            onClick="window.open( 'link'  ) ; dispose_tooltip( this);">
                                <i class="fa fa-file-export"></i>
                        </button>

<button type="button" data-toggle="tooltip" data-placement="top"  id="aa2"
                            title="message !! " class="btn icon btn-info_no mr-1" 
                            onClick="window.open( 'link'  ) ; dispose_tooltip( this);">
                                <i class="fa fa-file-export"></i>
                        </button>




<script>

function dispose_tooltip( p1 ){
    var id1 = document.getElementById(p1.getAttribute('id')).getAttribute('id');
    $('#' + id1 ).tooltip('dispose');
}

</script>

 

저작자표시

'[.Html css] ' 카테고리의 다른 글

마우스 오버시 커서를 이미지로 변경  (0) 2017.09.12
Posted by 혜화초보
,

마우스 오버시 커서를 이미지로 변경

[.Html css] 2017. 9. 12. 13:46


/* cursor image change */

/* 커서를 특정한 이미지로 변경한다. */

/* Change the cursor to a specific image. */


 



<html>

<head>


<style type="text/css">

 <!--

 //-->

 </style>


</head>


<script  language="javascript"  >

</script>

    <body   >

        <div id="groundDiv"  

           style="position:relative; width:99%; height:99%; 

            border:1px solid black;cursor:url( './aaa3.png' ), pointer  ;">

        </div>

    </body>

</html>


'[.Html css] ' 카테고리의 다른 글

[bootstrap 4.0] tooltip hide  (0) 2021.07.13
Posted by 혜화초보
,

티스토리툴바