@@ -79,14 +79,14 @@ function copyToClipboard(element) {
7979 document . execCommand ( "copy" ) ;
8080 $temp . remove ( ) ;
8181}
82- function setTooltip ( message ) {
83- $ ( '.html-copy' ) . tooltip ( 'hide' )
82+ function setTooltip ( element , message ) {
83+ $ ( element ) . tooltip ( 'hide' )
8484 . attr ( 'data-original-title' , message )
8585 . tooltip ( 'show' ) ;
8686}
87- function hideTooltip ( ) {
87+ function hideTooltip ( element ) {
8888 setTimeout ( function ( ) {
89- $ ( '.html-copy' ) . tooltip ( 'hide' ) ;
89+ $ ( element ) . tooltip ( 'hide' ) ;
9090 } , 2000 ) ;
9191}
9292
@@ -95,9 +95,27 @@ $(function(){
9595 trigger : 'click' ,
9696 placement : 'top'
9797 } ) ;
98+ $ ( '.css-copy' ) . tooltip ( {
99+ trigger : 'click' ,
100+ placement : 'top'
101+ } ) ;
102+ $ ( '.js-copy' ) . tooltip ( {
103+ trigger : 'click' ,
104+ placement : 'top'
105+ } ) ;
98106 $ ( '.html-copy' ) . on ( 'click' , function ( ) {
99107 copyToClipboard ( '#html-code' ) ;
100- setTooltip ( 'Copied!' ) ;
101- hideTooltip ( ) ;
108+ setTooltip ( $ ( this ) , 'Copied!' ) ;
109+ hideTooltip ( $ ( this ) ) ;
110+ } ) ;
111+ $ ( '.css-copy' ) . on ( 'click' , function ( ) {
112+ copyToClipboard ( '#css-code' ) ;
113+ setTooltip ( $ ( this ) , 'Copied!' ) ;
114+ hideTooltip ( $ ( this ) ) ;
115+ } ) ;
116+ $ ( '.js-copy' ) . on ( 'click' , function ( ) {
117+ copyToClipboard ( '#js-code' ) ;
118+ setTooltip ( $ ( this ) , 'Copied!' ) ;
119+ hideTooltip ( $ ( this ) ) ;
102120 } ) ;
103121} ) ;
0 commit comments