17th April, 12:43
Hey
I just made this very simple use of qtip that might be handy.
I have a list genereted in a php script, every item of the list has an ID, like that :
I wanted to load some content dynamicaly from this ID using Qtip.
I did so :
The whole styling of the tooltip content is ensured by the containing CSS from the mother page.
It works just fine, and it's fast and doesn't load any content at all when not needed !
http://www.oxiane.com
Cheers
Alain
I just made this very simple use of qtip that might be handy.
I have a list genereted in a php script, every item of the list has an ID, like that :
JS Code
<tr><td class="formation_titre">
<a id="S-SECU" ...
</td></tr>
<tr><td class="formation_titre">
<a id="S-OTHER" ...
</td></tr>
I wanted to load some content dynamicaly from this ID using Qtip.
I did so :
JS Code
tab_formations = $('td.formation_titre a');
for(var i=0; i < tab_formations.length; i++) {
var pof = tab_formations[i];
var code = pof['id'];
$(pof).qtip({
content: { url: 'planning_detail.php5', data: { id: code}, method: 'get' },
style: {
width: 260,
padding: 2,
background: '#f2f19c',
color: 'black',
textAlign: 'center',
border: {
width: 0,
radius: 5,
color: '#d4d37e'
}
}
});
}
The whole styling of the tooltip content is ensured by the containing CSS from the mother page.
It works just fine, and it's fast and doesn't load any content at all when not needed !
http://www.oxiane.com
Cheers
Alain