+- 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 : cherche plugin jquery info bulle, oui mais... (/showthread.php?tid=5927)
Pages :
1
2
cherche plugin jquery info bulle, oui mais... - php_addict - 17-01-2012
Bonsoir
je cherche désespérément un plugin jquery pour afficher de jolies info bulles un peu comme http://www.nextum.fr/article-25-tinytips-jquery-plugin-infobulles/ mais avec une contrainte de taille:
l'info bulle doit pouvoir se positionner automatiquement "en haut ou en bas" selon si il est collé au bord haut ou bas du navigateur, car dans le lien plus haut, l'info bulle est dans tout les cas en haut et n'est pas visible si il est trop haut dans le navigateur...
connaitriez vous un tel plugin?
bonne soirée !
RE: cherche plugin jquery info bulle, oui mais... - niahoo - 17-01-2012
Tu peux modifier le code du plugin.
basiquement, après qu'il soit affiché, tu regardes s'il dépasse de l'écran et si oui alors tu passes sur un affchage secondaire en dessous.
Après il y aura moyen d'optimiser tout ça.
RE: cherche plugin jquery info bulle, oui mais... - Argorate - 17-01-2012
+1
Tu peux aussi faire ton propre système d'info bulle, c'est pas trop compliqué^^
RE: cherche plugin jquery info bulle, oui mais... - php_addict - 18-01-2012
oui c'est ce que je vais faire je pense, mais je n'aime pas du tout le javascript, je déteste ça en réalité...
RE: cherche plugin jquery info bulle, oui mais... - Angelblade - 18-01-2012
Moi j'adore ça alors je vais faire comme si j'avais rien lu ^^
RE: cherche plugin jquery info bulle, oui mais... - Maks - 18-01-2012
Une toute petite ébauche
Code :
if (parseInt($('#infobulle').style.top) < 0) {
// affichage infobulle en bas
}
else if ((parseInt($('#infobulle').style.top) + parseInt($('#infobulle').style.height)) > (screen.innerHeight || document.documentElement.clientHeight)) {
// affichage infobulle en haut
// manip avec les offset visiblement
}Désolé pour mon Jquery approximatif quelqu'un corrigera c'est pas mon truc.
J'ai testé les styles, mais avec un rapide coup d'oeil sur la source ça joue sur les offset
Propose quelque chose ^^
RE: cherche plugin jquery info bulle, oui mais... - Argorate - 18-01-2012
oué, ça me fait pensé que j'ai même pas inclue ça pour mes info bulle, je vais le rajouté vite fait,
en gros moi je compte faire : if($('#info_bulle').offset().top > getTailleEcran().height) alors j'affiche l'info bulle au dessus au lieu d'en dessous par défaut
RE: cherche plugin jquery info bulle, oui mais... - Wells - 18-01-2012
Perso j'utilise ca : voir la
Mais je sais pas comment il se comporte en bord de page
RE: cherche plugin jquery info bulle, oui mais... - Argorate - 19-01-2012
et voilà c'est implémenter avec un simple if:
if(pop_up.offset().top + pop_up.outerHeight() > getTailleEcran().height) pop_up.css({top: += 60});
avec ma fonction :
function getTailleEcran()
{
return {width: parseInt($(window).width()), height: parseInt($(window).height())};
}RE: cherche plugin jquery info bulle, oui mais... - Wells - 19-01-2012
Ton + 60 est arbitraire non. Si le pop up est plus grand?