Salut à tous, j'ai posé quelques questions réçemment sur le forum, j'ai trouvé pour la plupart la réponse moi même, mais la, je bloque, malgrès des heures de recherches un peu partout sur le net, je vous explique...
J'heberge actuellement un forum PHPBB sur mon site, et sur ce forum j'ai besoin d'une tooltip ( infobulle qui suit la souris pour afficher des informations ), qui m'affiche des données en particulier, données que j'aimerais tirer de ma base de donnée.
Voici le code :
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Tooltip - Track the mouse</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<style>
label {
display: inline-block;
width: 5em;
}
</style>
<script>
$(function() {
$( document ).tooltip({
track: true
});
});
</script>
</head>
<body>
<p><a href="#" title="That's what this widget is">Tooltips</a> can be attached to any element. When you hover
the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.</p>
<p>But as it's not a native tooltip, it can be styled. Any themes built with
<a href="http://themeroller.com" title="ThemeRoller: jQuery UI's theme builder application">ThemeRoller</a>
will also style tooltips accordingly.</p>
<p>Tooltips are also useful for form elements, to show some additional information in the context of each field.</p>
<p><label for="age">Your age:</label><input id="age" title="We ask for your age only for statistical purposes." /></p>
<p>Hover the field to see the tooltip.</p>
</body>
</html>
J'ai donc ma tooltip, qui fonctionne comme je le souhaite, et je l'ai donc trouvée sur google.
Mon problème à l'heure actuelle c'est que la tooltip n'est pas "dynamique" elle affiche une phrase qui est directement écrite dans le code joint ci dessus.( En gras )
Ma question ? Est il possible de remplacer cette phrase déjà écrite par des termes qui sortiraient tout droit de la base de donnée ? Une sorte de requête qui irait chercher des informations, par exemple si je lui dit que je veux les informations de l'objet portant l'ID 30540, qu'elle me sorte l'image de l'objet ainsi que le descriptif, le tout dans l'infobulle.
Mais la je bloque, pourquoi ? Parce que je suppose que je devrais intégrer un code PHP et une requête MYSQL la dedans, hors, je passe par le BBcode du forum PHPBB, je ne sais donc pas si on peut intégrer la dedans du PHP, pour faire la fameuse requête MYSQL. Vous me suivez ?
Car à part cette solution, je ne vois vraiment pas comment je vais pouvoir faire pour faire ma tooltip "dynamique".
Si vous avez besoin de plus d'informations n'hésitez pas.
Merci d'avance,
Cordialement.
Message édité par Ametsu le 24-01-2013 à 13:09:37