Posts

Showing posts with the label Jquer

Apply datatable tooltip to the datatable cell by jquery- if confliction with jquery-ui appear

-
Apply datatable tooltip to the datatable cell by jquery- if confliction with jquery-ui appear we are doing this by pageX and pageY event of jquery. and in this example we are also excluding last  td  of the datatable, means we are not implementing tooltip to the last td of the each tr. css==> <style> #tooltip {   position: absolute;   z-index: 1001;   display: none;   border: 2px solid #ebebeb;   border-radius: 5px;   padding: 10px;   color:#fff;   background-color: #e0ae22; } #newcasemarktable tbody tr{cursor: pointer;} </style> HTML==> <div class="container">     <div class="col-sm-12">         <div id="tooltip"></div>           <table id="newcasemarktable" class="display" style="width:100%">   put your datatable here          </table> </div>   </...
Post a Comment
Read more

How to write script for changing '+' , '-' symbol in nested accordion?

-
what happen is that you have 2 div with the class  panel-group  one inside the other so when you click in the second  panel-group  you fire the event two times witch cause the problem. so we added one more class " .inner " with second panel-group.  So Now it will not create an issue. <!DOCTYPE html> <html lang="en"> <head>i   <title>Bootstrap Example</title>   <meta charset="utf-8">   <meta name="viewport" content="width=device-width, initial-scale=1">   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.js"></script>   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js"></script> /* CSS==> */ <style>     .panel-group .panel {         border-radius: 0;...
Post a Comment
Read more