[RESOLU] Ouverture page réduite lors survol zone

Bonjour à tous,

Ce que j'aimerais c'est que lorsque le visiteur survol une zone, une petite fenetre style popup ou infobulle s'ouvre en taille réduite sur le coté, et que lorsque le visiteur bouge la souris le popup disparaisse.

Ce tuto semble me convenir http://css.alsacreations.com/xmedia/exemples/popup/popup2.htm

Cependant étant un gros noob débutant, je n'arrive pas à bien faire ça..

Mon code est le suivant

area shape="rect" coords="79,465,165,498" href="1.html" alt="Cliquez ici">

Et j'aimerais donc que le "popup" ouvre la page "1.html", que dois-je rajouter dans mon code ?

Merci d'avance
Modifié par Grisou (07 Oct 2007 - 22:02)

Hello,

Tu pourrais avoir une fonction Javascript qui, au survol du lien, ouvre une fenêtre pop-up chargeant la page souhaitée. Mais:
1. ça n'est pas terrible pour l'utilisateur (il ne s'attend pas à cette ouverture de fenêtre, car il n'a cliqué nulle part...);
2. la plupart des filtres anti-popups vont sans doute bloquer cette fonction (car pas de clic volontaire de l'internaute).

Bref, je doute que ça ait un réel intérêt et même que ça marche.

Tu peux par contre afficher une sorte d'infobulle, toujours avec Javascript. Il existe des fonctions pour ça, mais si tu es débutant ça risque de ne pas être évident à mettre en place. Surtout s'il faut y charger le contenu d'un fichier HTML... auquel cas c'est de l'Ajax, et c'est clairement au delà de tes compétences je pense.

Peut-être faut-il revoir les ambitions à la baisse et penser à un système qui serait à la fois techniquement simple et ergonomiquement performant?

Merci pour cette réponse précise,
Dans le cas d'un clic volontaire auras tu une solution "simple" à mettre en place ?

Merci encore

Il y a bien cet article, qui peut-être se fait un peu vieux?, mais qui en tout cas applique un bon principe:
http://openweb.eu.org/articles/popup/

En gardant à l'esprit que pop-up = pas d'assurance absolue que ça ne soit pas bloqué par le navigateur, la barre google ou machin truc, une extension du navigateur, etc.

Je te remercie,
il s'avère que j'ai trouvé quelque chose de similaire sur internet ce soir.

<a href="javascript:void(0)"
onClick="window.open('http://www.**,null,'width=325,height=300, status=no, directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=no');">Votre lien cliquable</a></p>

Le problème c'est que je n'arrive pas à l'intégrer vraiment à mon code (enfin sur firefox ça ne marche pas )

Voici mon code :
area shape="rect" coords="79,465,165,498" href="1.html" alt="Cliquez ici">

J'ai donc fait l'intégration suivante:
<area shape="rect" coords="79,465,165,498" href="javascript:void(0)"
onClick="window.open('http://www.**,null,'width=325,height=300, status=no, directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=no');" alt="Cliquez ici">

Mais cela ne veux pas... Pourrais tu m'aider ?

Donc ce code me suffit emplement mais y'a t-il une solution aléatoire au onclick qui fasse que la fenetre se ferme d'elle même si la souris va ailleurs ?

Merci d'avance

Grisou a écrit :
Mais cela ne veux pas...

Heu... ben oui, c'est souvent ce qui arrive quand on fait strictement n'importe quoi au pif en espérant que ça marche.

Grisou a écrit :
Pourrais tu m'aider ?

Pas vraiment. Je ne peux que t'indiquer des ressources fiables et, il est vrai, répondant à certains critères de qualité et d'accessibilité (voir cet article pour le pourquoi du comment de cette démarche).

J'ai bien peur que ce type de renseignement ne puisse profiter qu'à des personnes ayant des connaissances de base en HTML et CSS (ici, essentiellement en HTML). Sauf erreur de ma part, cela ne me semble pas être ton cas, vu que tu n'as pas l'air de comprendre le code que tu modifies, ni le code que tu reprends à droite ou à gauche.

Partant, je pense qu'il va falloir définir un objectif:
- faire un site rapidement et sans se prendre la tête trop longtemps sur des aspects techniques;
- apprendre HTML et CSS «en profondeur», pour concevoir et maintenir un ou plusieurs sites, voire dans le but de se former professionnellement dans ce domaine.

Dans le premier cas, je pense qu'Alsacréations n'est pas l'endroit adapté pour répondre à cette demande (cf. dans les règles du forum, la règle 16).

Dans le deuxième cas, je te conseille fortement de commencer par les bases avant de bidouiller des choses plus compliquées.
http://css.alsacreations.com/Comment-debuter-et-trouver-l-information
Modifié par Florent V. (07 Oct 2007 - 00:09)

Soit autant pour moi,
toutes mes excuses si j'ai donné cette impression.

Je prends d'habitude le temps mais en effet là j'ai été pris de court. Je vais effectivement reprendre mon temps.

Merci quand même pour ton aide

Bonjour Grisou,

Une piste ? -> Afficher Masquer des calques sans javascript

Je te remercie