Comment fait on ça?

Je viens de voir un truc pas mal sur ce site:
http://www.noutreunion.com/
Dès que la soutis passe sur un article on a une petite fenêtre avec les infos de l'auteur.
Savez-vous comment on fait-ça? Y a t-il un plugin? ou alors comment me diriger pour trouver une piste?

Merci

Bernard

Bonjour,

Ce site a été développé par Cahri (une agence Réunionnaise). Ils ont utilisé du javascript pour cela et de la css…

regarde dans le code ce que cela donne.

2009/1/26 Bernard Blazin <bernard.blazin@free.fr>

Je viens de voir un truc pas mal sur ce site:
http://www.noutreunion.com/
Dès que la soutis passe sur un article on a une petite fenêtre avec les infos de l’auteur.
Savez-vous comment on fait-ça? Y a t-il un plugin? ou alors comment me diriger pour trouver une piste?

Merci

Bernard


liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

Et encore, tu peux même te passer de CSS, en faisant apparaître au survol des images un DIV présent mais caché

De : Teddy Payet [mailto:teddy.payet@gmail.com]
Envoyé : lundi 26 janvier 2009 14:15
À : Bernard Blazin
Cc : SPIP
Objet : Re: [Spip] Comment fait on ça?

Bonjour,

Ce site a été développé par Cahri (une agence Réunionnaise). Ils ont utilisé du javascript pour cela et de la css…

regarde dans le code ce que cela donne.

2009/1/26 Bernard Blazin <bernard.blazin@free.fr>

Je viens de voir un truc pas mal sur ce site:
http://www.noutreunion.com/
Dès que la soutis passe sur un article on a une petite fenêtre avec les infos de l’auteur.
Savez-vous comment on fait-ça? Y a t-il un plugin? ou alors comment me diriger pour trouver une piste?

Merci

Bernard


liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

Merci à tous les deux, j'ai trouvé un truc qui le fait bien :wink:
http://www.walterzorn.com/tooltip_old/tooltip_e.htm
Bernard

Samy Rabih a écrit :

Et encore, tu peux même te passer de CSS, en faisant apparaître au survol des images un DIV présent mais caché

*De :* Teddy Payet [mailto:teddy.payet@gmail.com]
*Envoyé :* lundi 26 janvier 2009 14:15
*À :* Bernard Blazin
*Cc :* SPIP
*Objet :* Re: [Spip] Comment fait on ça?

Bonjour,

Ce site a été développé par Cahri (une agence Réunionnaise). Ils ont utilisé du javascript pour cela et de la css...

regarde dans le code ce que cela donne.

2009/1/26 Bernard Blazin <bernard.blazin@free.fr <mailto:bernard.blazin@free.fr>>

Je viens de voir un truc pas mal sur ce site:
http://www.noutreunion.com/
Dès que la soutis passe sur un article on a une petite fenêtre avec les infos de l'auteur.
Savez-vous comment on fait-ça? Y a t-il un plugin? ou alors comment me diriger pour trouver une piste?

Merci

Bernard
_______________________________________________
liste spip
spip@rezo.net <mailto:spip@rezo.net> - désabonnement : spip-off@rezo.net <mailto:spip-off@rezo.net>

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip <http://irc.freenode.net/spip&gt; ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

* Bernard Blazin tapuscrivait, le 26/01/2009 14:26:

Merci à tous les deux, j'ai trouvé un truc qui le fait bien :wink:
http://www.walterzorn.com/tooltip_old/tooltip_e.htm

Un peu vieux ça.
Jquery Tooltip serait plus actuel, non ?

--
RealET

De toutes façons, le js ne sert qu’à mettre une class « over » lorsque l’on survole l’image.
A partir de là, dans la css, on a grosso modo ceci:
div.al-hover { display: none}
.over div.al-hover {display: block}

Voilà… Est-ce vraiment nécessaire?

Sinon, tu as l’astuce du span dans un
là pareil,
a span { display: none;}
a:hover span {display: block}

Bien entendu, j’ai simplifié la chose (a span)… Mais on en est très proche, juste avec la css…

2009/1/26 RealET <real3t@gmail.com>

  • Bernard Blazin tapuscrivait, le 26/01/2009 14:26:

Merci à tous les deux, j’ai trouvé un truc qui le fait bien :wink:
http://www.walterzorn.com/tooltip_old/tooltip_e.htm

Un peu vieux ça.
Jquery Tooltip serait plus actuel, non ?


RealET


liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

Oui merci, je vais essayer ça demain... Finalement moins c'est vrai que ça simple simple expliqué ainsi :wink:

Bernard

Teddy Payet a écrit :

De toutes façons, le js ne sert qu'à mettre une class "over" lorsque l'on survole l'image.
A partir de là, dans la css, on a grosso modo ceci:
div.al-hover { display: none}
.over div.al-hover {display: block}

Voilà... Est-ce vraiment nécessaire?

Sinon, tu as l'astuce du span dans un <a>...</a>
là pareil,
a span { display: none;}
a:hover span {display: block}

Bien entendu, j'ai simplifié la chose (a span)... Mais on en est très proche, juste avec la css...

2009/1/26 RealET <real3t@gmail.com <mailto:real3t@gmail.com>>

    * Bernard Blazin tapuscrivait, le 26/01/2009 14:26:

        Merci à tous les deux, j'ai trouvé un truc qui le fait bien :wink:
        http://www.walterzorn.com/tooltip_old/tooltip_e.htm

    Un peu vieux ça.
    Jquery Tooltip serait plus actuel, non ?

    -- RealET

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement :
    spip-off@rezo.net <mailto:spip-off@rezo.net>

    Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

    Documentation de SPIP : http://www.spip.net/

    irc://irc.freenode.net/spip <http://irc.freenode.net/spip&gt; ou
    http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip
    <http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip&gt;

------------------------------------------------------------------------

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip
  

Il y a cette même chose sur Drupal, ex le site Médiapart: (survol du nom de l’auteur de l’article ou du blog)

Bernard Blazin a écrit :

Bonjour,

Ici ce qu’ils font, c’est de mettre dans l’attribut title la div qui affichera la mini-fiche de l’auteur.
Bien entendu, pour validation du code html, tout cela est écrit en encode d’attribut html (≶ etc.)
Mais oui, c’est une autre possibilité non négligeable.

Le 27 janvier 2009 14:49, Le Fil <contact@lefil.org> a écrit :

Il y a cette même chose sur Drupal, ex le site Médiapart: http://www.mediapart.fr/ (survol du nom de l’auteur de l’article ou du blog)

Bernard Blazin a écrit :

Je viens de voir un truc pas mal sur ce site:
http://www.noutreunion.com/
Dès que la soutis passe sur un article on a une petite fenêtre avec les infos de l’auteur.
Savez-vous comment on fait-ça? Y a t-il un plugin? ou alors comment me diriger pour trouver une piste?

Merci

Bernard


liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip


liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

Avec un js, j’ai fait un truc du genre ici sur la carte
Si ça t’intéresse …

Perso je préfère celle de la Réunion, mais j'aime bien celle que j'ai fait avec le lien que j'ai donné et celles de la carte également.
Chez moi et sur un squelette gratos et sans intérêt pour mes essais ça rend bien: http://plume.montolivet.com/
Il faut passer sur les titres et non sur les liens de gauche..

Bernard

Jean-Christophe Villeneuve a écrit :

Le Fil a écrit :

Il y a cette même chose sur Drupal, ex le site Médiapart: http://www.mediapart.fr/ (survol du nom de l'auteur de l'article ou du blog)

Bernard Blazin a écrit :

Je viens de voir un truc pas mal sur ce site:
http://www.noutreunion.com/
Dès que la soutis passe sur un article on a une petite fenêtre avec les infos de l'auteur.
Savez-vous comment on fait-ça? Y a t-il un plugin? ou alors comment me diriger pour trouver une piste?

Merci

Bernard

Avec un js, j'ai fait un truc du genre ici sur la carte <http://www.villagesbotaniques.fr/&gt;
Si ça t'intéresse ...
------------------------------------------------------------------------

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip