cherche plugin jquery info bulle, oui mais...

[php_addict]

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...nfobulles/ 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 !

[niahoo]

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.

[Argorate]

+1

Tu peux aussi faire ton propre système d'info bulle, c'est pas trop compliqué^^

[php_addict]

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é...

[Angelblade]

Moi j'adore ça alors je vais faire comme si j'avais rien lu ^^

[Maks]

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 ^^

[Argorate]

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

[Wells]

Perso j'utilise ca : voir la

Mais je sais pas comment il se comporte en bord de page

[Argorate]

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())};	

}

[Wells]

Ton + 60 est arbitraire non. Si le pop up est plus grand?