<head> <meta charset="UTF-8"> <title></title> <script src="../js/jquery-2.1.4.min.js"></script> <script src="../js/jquery.tooltipster.min.js"></script> <script src="../../bootstrap-3.3.6/js/bootstrap.min.js"></script> <script src="../js/open.js"></script> <link rel="stylesheet" href="../../bootstrap-3.3.6/css/bootstrap.css"></link> <link rel="stylesheet" href="../myCSS/tooltipster.css"></link> <link rel="stylesheet" href="../myCSS/tooltipster-noir.css"></link> <script> $(document).ready(function(){ <?php foreach ($ro4->list_invoice_siNo() as $siNo) { ?> <?php $invoiceNo = $ro->selectNow("salesInvoice", "invoiceNo", "siNo", $siNo); ?> $(".details<?php echo $siNo; ?> ").tooltipster({ content: $('<span>Loading....</span>'), position: 'right', theme: 'tooltipster-noir', contentAsHTML:true, functionBefore:function(origin,continueTooltip) { continueTooltip(); if( origin.data('ajax') !== 'cached' ){