+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Jquery et Qtip1 dynamique (/showthread.php?tid=2543)
Jquery et Qtip1 dynamique - Damocorp - 06-03-2013
Salut les gens,
Ca fait un bail que je suis plus passé, manque cruellement de temps ces derniers temps, malgré tout j'essai de faire avancer la prochaine version de Space War.
Je me heurte à un problème concernant ma nouvelle carte.
J'ai stocker toutes mes tableaux php dans des tableaux javascript grâce à Json_encode.
De ce tableau, j'aimerai pouvoir afficher une infobulle ( via Qtip ) au survol de certaines cases, car les données peuvent changer.
J'ai donc ceci de base ( en version simplifié ) :
Code :
$('img[id^=vx]').each(function(){
// récupère l'id de la case survolé
var vx = $(this).parent().attr('id');
// traitement + creation affichage
ma_variable = ' blablabla ';
$(this).qtip({
content:ma_variable,
hide: { fixed: true }
});
});Ca fonctionne nickel, mais évidemment c'est généré au chargement de la page. Donc lorsque mon tableau contenant toutes les infos, change quelque peu, l'infobulle ne s'actualisera pas.
Et la toutes mes tentatives de résoudre ce dilemme sont des échecs cuisants.
Ce qu'il me faudrait c'est d'arriver à créer l'infobulle au survol, et à la supprimer lorsqu'elle disparait pour la régénérer à nouveau au survol et pouvoir ainsi gérer les données qui doivent y être inséré.
Pourriez-vous m'orientez ? Je tourne trop en rond la.
Dans un me test, j'avais pensé à faire :
Code :
$('img[id^=vx]').qtip({
content:ma_function_daffichage( $(this).parent().attr('id') ),
hide: { fixed: true }
});Mais la je n'arrive plus à récupérer l'id survolé. J'ai pas réussi à comprendre réellement le pourquoi. Si vous saviez m'éclairer, ca serait sympa !
Edit : Je me suis planté de rubrique, en voulant supprimer et recréer, il me refuse l'accès à la suppression. Peux-tu déplacer le sujet dans demande d'aide stp Sephi ?
RE: Jquery et Qtip1 dynamique - niahoo - 06-03-2013
TU dois faire appele à l'API de qtip en utilisant updateContent sur l'evenement onContentLoad ou onRender
RE: Jquery et Qtip1 dynamique - Damocorp - 06-03-2013
Après avoir parcouru tant la doc, j'ai pas trouvé le moyen de tomber sur ca... Sérieusement abusé.
Merci Niahoo
En effet un simple test avec :
Code :
$('img[id^=vx]').on('mouseover',function(){
$(this).qtip('api').updateContent('new content');
});