Vignettes avec pop up sur image mappée
Résolu/Fermé
oncletom
Messages postés
39
Date d'inscription
samedi 7 juillet 2007
Statut
Membre
Dernière intervention
28 octobre 2021
-
7 juil. 2007 à 18:58
letitidu35 Messages postés 1 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 25 janvier 2009 - 25 janv. 2009 à 12:15
letitidu35 Messages postés 1 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 25 janvier 2009 - 25 janv. 2009 à 12:15
A voir également:
- Vignettes avec pop up sur image mappée
- Image iso - Guide
- Serveur pop - Guide
- Sketch up - Télécharger - 3D
- Acronis true image - Télécharger - Sauvegarde
- Faststone image viewer - Télécharger - Visionnage & Diaporama
13 réponses
Utilisateur anonyme
7 juil. 2007 à 19:08
7 juil. 2007 à 19:08
je traduis pour etre sur d etre sur la bonne voie
tu veut que lorsque la souris passe sur le nom du monument une image pop up apparait avec la photo du monument et son historique
et tu veut que lon clic sur le nom ou non
tu veut que lorsque la souris passe sur le nom du monument une image pop up apparait avec la photo du monument et son historique
et tu veut que lon clic sur le nom ou non
oncletom
Messages postés
39
Date d'inscription
samedi 7 juillet 2007
Statut
Membre
Dernière intervention
28 octobre 2021
2
7 juil. 2007 à 19:26
7 juil. 2007 à 19:26
Le plus simple :
Que la pop up s'affiche avec la grande image quand je clique sur le lien dans l'immage mappée
Le must :
faire apparaître la vignette du monument en passant la souris sur la carte l'endroit du nom et ouvrir la pop up avec la grande image du monument en cliquant la vignette...
La première solution me rendrait déjà grandement service
La seconde me ferait passer aux yeux de mes admiratrices pour un véritable surhomme
Merci
Que la pop up s'affiche avec la grande image quand je clique sur le lien dans l'immage mappée
Le must :
faire apparaître la vignette du monument en passant la souris sur la carte l'endroit du nom et ouvrir la pop up avec la grande image du monument en cliquant la vignette...
La première solution me rendrait déjà grandement service
La seconde me ferait passer aux yeux de mes admiratrices pour un véritable surhomme
Merci
oncletom
Messages postés
39
Date d'inscription
samedi 7 juillet 2007
Statut
Membre
Dernière intervention
28 octobre 2021
2
7 juil. 2007 à 19:37
7 juil. 2007 à 19:37
Précisions pour la simple pop up d'un lien dans l'image mappée :
le petit script qui me sert à lancer le script plein pot est
<a href="javascript:pleinpot('image.jpg','photo lieu ','photo copyright')">Le texte ou l'image </a>
Ca marche très bien dans du html simple sur un texte ou une vignette.
Le problème c'est que je ne sais pas le faire fonctionner sur un lien dans une image mappée...
je sais écrire ceci
<AREA SHAPE="rect" COORDS="78,0,92,14" HREF="venise_carte_google_001.html">
mais je ne sais pas comment mettre mon petit javascript d'appel "plein pot", tous les essais que j'ai fait... ne fonctionnent pas. Je soupçonne des problèmes de ' ou de " mais je ne m'en sors pas.
Merci
le petit script qui me sert à lancer le script plein pot est
<a href="javascript:pleinpot('image.jpg','photo lieu ','photo copyright')">Le texte ou l'image </a>
Ca marche très bien dans du html simple sur un texte ou une vignette.
Le problème c'est que je ne sais pas le faire fonctionner sur un lien dans une image mappée...
je sais écrire ceci
<AREA SHAPE="rect" COORDS="78,0,92,14" HREF="venise_carte_google_001.html">
mais je ne sais pas comment mettre mon petit javascript d'appel "plein pot", tous les essais que j'ai fait... ne fonctionnent pas. Je soupçonne des problèmes de ' ou de " mais je ne m'en sors pas.
Merci
Utilisateur anonyme
7 juil. 2007 à 22:58
7 juil. 2007 à 22:58
je regarde ton pb le plus simple serait de voir ton script complet
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
oncletom
Messages postés
39
Date d'inscription
samedi 7 juillet 2007
Statut
Membre
Dernière intervention
28 octobre 2021
2
7 juil. 2007 à 23:41
7 juil. 2007 à 23:41
D'accord Gratuitdunet :
Voici le code du script pleinpot.js
<!--
function pleinpot(img, titre, auteur) {
// Compatible IE5+ / NN6+ / Mozilla
aFenetre = window.open('','Image','width=600,height=600,toolbar=no,scrollbars=no,resizable=no');
aFenetre.document.write("<html><head><title>"+titre+"</title></head>");
aFenetre.document.write("<script type=\"text/javascript\">function pleinpotajuste() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+30,document.images[0].height+75); window.focus();} else { setTimeout('twAjustePopUp()',1000) } }</"+"script>");
aFenetre.document.write("<body onload='pleinpotajuste()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
aFenetre.document.write("<table width='100%' bgcolor='#808080' border='0' cellspacing='0' cellpadding='0' height='100%'><tr><td valign='middle' align='center'>");
aFenetre.document.write("<img src='"+img+"' border='0' alt='"+titre+"' title='"+auteur+"'>");
aFenetre.document.write("</td></tr></table></body></html>");
aFenetre.document.close();
}
//-->
Il me permet d'ouvrir un pop up avec une image de façon classique
Voici le code simplifié d'une page html exemple
<HTML>
<HEAD>
<TITLE>EXEMPLE</TITLE>
</HEAD>
<BODY >
<SCRIPT SRC="pleinpot.js" type="text/javascript"></SCRIPT>
<MAP NAME="venise_077Map4">
<AREA SHAPE="polygon" COORDS="195,306,401,170,442,268,418,305,226,384"
NOHREF>
</MAP>
<IMG SRC="venise_077.jpg" WIDTH="800"
HEIGHT="600" ALIGN="BOTTOM" BORDER="0" USEMAP="#venise_google_earth_detail_077Map4"
ISMAP>
<br>
<a href="javascript:pleinpot('venise_place_san_marco.jpg','photo la place saint Marc','photo bibi fricotin')"><IMG SRC="venise_place_san_marco_mini.jpg"
WIDTH="40" HEIGHT="60" ALIGN="BOTTOM" BORDER="1" ALT="La place Saint Marc">
</BODY>
</HTML>
une carte avec une zone mappée (la place saint marc)
une vignette de la place saint marc (venise_place_san_marco_mini.jpg)
une grande image de la place saint marc : 'venise_place_san_marco.jpg
le code pour ouvrir l'image de la place saint marc en pop up avec le script plein pot en cliquant sur la vignette : <a href="javascript:pleinpot('venise_place... etc.
Ce que j'aimerais faire c'est:
1. le plus facile :
faire fonctionner le script pleinpot non pas sur la vignette mais sur la zone mappée de la carte
<AREA SHAPE="polygon" COORDS="195,306,401,170,442,268,418,305,226,384"
NOHREF> em mettant un href j'imagine mais c'est après que je plante...
2. l'idéal :
a. pouvoir ouvrir la vignette en baladant la souris sur la carte sur la zone mappée de la carte
b. ouvrir l'image de la grande photo en pop up en cliquant sur la vignette précédemment ouverte
La solution à la première hypothèse me remplirait déjà d'aise.
La solution à la seconde me ravirait complètement... si elle est possible
Et la compatibilité ie et firefox est en plus indispensable...
Voilà.
Merci
Voici le code du script pleinpot.js
<!--
function pleinpot(img, titre, auteur) {
// Compatible IE5+ / NN6+ / Mozilla
aFenetre = window.open('','Image','width=600,height=600,toolbar=no,scrollbars=no,resizable=no');
aFenetre.document.write("<html><head><title>"+titre+"</title></head>");
aFenetre.document.write("<script type=\"text/javascript\">function pleinpotajuste() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+30,document.images[0].height+75); window.focus();} else { setTimeout('twAjustePopUp()',1000) } }</"+"script>");
aFenetre.document.write("<body onload='pleinpotajuste()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
aFenetre.document.write("<table width='100%' bgcolor='#808080' border='0' cellspacing='0' cellpadding='0' height='100%'><tr><td valign='middle' align='center'>");
aFenetre.document.write("<img src='"+img+"' border='0' alt='"+titre+"' title='"+auteur+"'>");
aFenetre.document.write("</td></tr></table></body></html>");
aFenetre.document.close();
}
//-->
Il me permet d'ouvrir un pop up avec une image de façon classique
Voici le code simplifié d'une page html exemple
<HTML>
<HEAD>
<TITLE>EXEMPLE</TITLE>
</HEAD>
<BODY >
<SCRIPT SRC="pleinpot.js" type="text/javascript"></SCRIPT>
<MAP NAME="venise_077Map4">
<AREA SHAPE="polygon" COORDS="195,306,401,170,442,268,418,305,226,384"
NOHREF>
</MAP>
<IMG SRC="venise_077.jpg" WIDTH="800"
HEIGHT="600" ALIGN="BOTTOM" BORDER="0" USEMAP="#venise_google_earth_detail_077Map4"
ISMAP>
<br>
<a href="javascript:pleinpot('venise_place_san_marco.jpg','photo la place saint Marc','photo bibi fricotin')"><IMG SRC="venise_place_san_marco_mini.jpg"
WIDTH="40" HEIGHT="60" ALIGN="BOTTOM" BORDER="1" ALT="La place Saint Marc">
</BODY>
</HTML>
une carte avec une zone mappée (la place saint marc)
une vignette de la place saint marc (venise_place_san_marco_mini.jpg)
une grande image de la place saint marc : 'venise_place_san_marco.jpg
le code pour ouvrir l'image de la place saint marc en pop up avec le script plein pot en cliquant sur la vignette : <a href="javascript:pleinpot('venise_place... etc.
Ce que j'aimerais faire c'est:
1. le plus facile :
faire fonctionner le script pleinpot non pas sur la vignette mais sur la zone mappée de la carte
<AREA SHAPE="polygon" COORDS="195,306,401,170,442,268,418,305,226,384"
NOHREF> em mettant un href j'imagine mais c'est après que je plante...
2. l'idéal :
a. pouvoir ouvrir la vignette en baladant la souris sur la carte sur la zone mappée de la carte
b. ouvrir l'image de la grande photo en pop up en cliquant sur la vignette précédemment ouverte
La solution à la première hypothèse me remplirait déjà d'aise.
La solution à la seconde me ravirait complètement... si elle est possible
Et la compatibilité ie et firefox est en plus indispensable...
Voilà.
Merci
Utilisateur anonyme
8 juil. 2007 à 21:24
8 juil. 2007 à 21:24
pour le moment je ne pourrai pas regarder plus en profondeur mais je vais mis pencher
j ai trouvez sa je c'est pas si sa t'aiderai repond moi je suivrai l'avancement
http://www.protestants.org/html/francais/lecon_6.html
j ai trouvez sa je c'est pas si sa t'aiderai repond moi je suivrai l'avancement
http://www.protestants.org/html/francais/lecon_6.html
oncletom
Messages postés
39
Date d'inscription
samedi 7 juillet 2007
Statut
Membre
Dernière intervention
28 octobre 2021
2
8 juil. 2007 à 23:02
8 juil. 2007 à 23:02
Merci, mais ce n'est pas ce que je cherche
Mettre un lien dans une image mappée je sais le faire y compris ouvrir une image ou une opahe html avec le lien de la zone mappée
Le code de la page devient :
</HEAD>
<BODY >
<SCRIPT SRC="pleinpot.js" type="text/javascript"></SCRIPT>
<MAP NAME="venise_077Map4">
<AREA SHAPE="polygon" COORDS="195,306,401,170,442,268,418,305,226,384"
HREF="'venise_place_san_marco.jpg">
</MAP>
<IMG SRC="venise_077.jpg" WIDTH="800"
HEIGHT="600" ALIGN="BOTTOM" BORDER="0" USEMAP="#ExempleMap4"
ISMAP>
<br>
<a href="javascript:pleinpot('venise_place_san_marco.jpg','photo la place saint Marc','photo bibi fricotin')"><IMG SRC="venise_place_san_marco_mini.jpg"
WIDTH="40" HEIGHT="60" ALIGN="BOTTOM" BORDER="1" ALT="La place Saint Marc">
</BODY>
</HTML>
Mais ce que je cherche à faire c'est de faire ouvrir cette image dans une pop up en cliquant sur le lien de a zone mapée.
Ce que je sais faire c'est juste de faire marcher mon script sur un texte ou une vignette mais pas sur un lien dans l'image mappée..
Et le mieux, mais là je rêve un peu, ce serait de faire apparaître la vignette en baladant la souris sur le lien de la zone mappée (on mouse?) et ensuite de faire ouvrir la pop up en cliquant sur le même lien
Ca ce serait le pied
Merci
Mettre un lien dans une image mappée je sais le faire y compris ouvrir une image ou une opahe html avec le lien de la zone mappée
Le code de la page devient :
</HEAD>
<BODY >
<SCRIPT SRC="pleinpot.js" type="text/javascript"></SCRIPT>
<MAP NAME="venise_077Map4">
<AREA SHAPE="polygon" COORDS="195,306,401,170,442,268,418,305,226,384"
HREF="'venise_place_san_marco.jpg">
</MAP>
<IMG SRC="venise_077.jpg" WIDTH="800"
HEIGHT="600" ALIGN="BOTTOM" BORDER="0" USEMAP="#ExempleMap4"
ISMAP>
<br>
<a href="javascript:pleinpot('venise_place_san_marco.jpg','photo la place saint Marc','photo bibi fricotin')"><IMG SRC="venise_place_san_marco_mini.jpg"
WIDTH="40" HEIGHT="60" ALIGN="BOTTOM" BORDER="1" ALT="La place Saint Marc">
</BODY>
</HTML>
Mais ce que je cherche à faire c'est de faire ouvrir cette image dans une pop up en cliquant sur le lien de a zone mapée.
Ce que je sais faire c'est juste de faire marcher mon script sur un texte ou une vignette mais pas sur un lien dans l'image mappée..
Et le mieux, mais là je rêve un peu, ce serait de faire apparaître la vignette en baladant la souris sur le lien de la zone mappée (on mouse?) et ensuite de faire ouvrir la pop up en cliquant sur le même lien
Ca ce serait le pied
Merci
oncletom
Messages postés
39
Date d'inscription
samedi 7 juillet 2007
Statut
Membre
Dernière intervention
28 octobre 2021
2
9 juil. 2007 à 23:16
9 juil. 2007 à 23:16
J'ai trouvé le moyen de lancer mon script pleinpot depuis la zone mappée de ma carte:
Il suffit de remplacer
<AREA SHAPE="polygon" COORDS="195,306,401,170,442,268,418,305,226,384"
HREF="'venise_place_san_marco.jpg">
qui m'ouvrait une image pleine page
par un appel au script pleinpot comme ça :
<AREA SHAPE="polygon" COORDS="194,304,406,162,443,270,409,306,221,382"
HREF="javascript:pleinpot('venise_place_san_marco.jpg','photo Coco','photo Coco - la place Saint Marc')" title="clic">
Et ça marche le tonnerre, l'image s'ouvre bien dans une pop up
Ce qui me manquait c'était le href="javascript:pleinpot(...)"
Ca a l'air facile après, mais quand on ne sait pas...
Bon, mon premier voeu est donc réalisé...
Mais si quelqu'un peut m'aider à ouvrir une vignette en passant la souris sur la carte mappée et à lancer le scruipt en cliquant dessus, alors là ce serait Noël
Il suffit de remplacer
<AREA SHAPE="polygon" COORDS="195,306,401,170,442,268,418,305,226,384"
HREF="'venise_place_san_marco.jpg">
qui m'ouvrait une image pleine page
par un appel au script pleinpot comme ça :
<AREA SHAPE="polygon" COORDS="194,304,406,162,443,270,409,306,221,382"
HREF="javascript:pleinpot('venise_place_san_marco.jpg','photo Coco','photo Coco - la place Saint Marc')" title="clic">
Et ça marche le tonnerre, l'image s'ouvre bien dans une pop up
Ce qui me manquait c'était le href="javascript:pleinpot(...)"
Ca a l'air facile après, mais quand on ne sait pas...
Bon, mon premier voeu est donc réalisé...
Mais si quelqu'un peut m'aider à ouvrir une vignette en passant la souris sur la carte mappée et à lancer le scruipt en cliquant dessus, alors là ce serait Noël
Utilisateur anonyme
11 juil. 2007 à 20:00
11 juil. 2007 à 20:00
je c pas si sa pourra t aller j essayerai de t aider au mieux
https://openweb.eu.org/articles/popup/
https://openweb.eu.org/articles/popup/
Utilisateur anonyme
12 juil. 2007 à 21:30
12 juil. 2007 à 21:30
j ai trouver une page pouvant te servir
http://www.infos-du-net.com/actualite/6154-xbox-360-patch.html
je regardais justement quand tu passe sur console pas besoin de clicker pour faire apparaitre un pop up
le principe est en rss voila si le code source de la page sa pourra te servir si tu n arrive pas je t aiderai de mon mieu
http://www.infos-du-net.com/actualite/6154-xbox-360-patch.html
je regardais justement quand tu passe sur console pas besoin de clicker pour faire apparaitre un pop up
le principe est en rss voila si le code source de la page sa pourra te servir si tu n arrive pas je t aiderai de mon mieu
oncletom
Messages postés
39
Date d'inscription
samedi 7 juillet 2007
Statut
Membre
Dernière intervention
28 octobre 2021
2
13 juil. 2007 à 20:27
13 juil. 2007 à 20:27
Ouh là! j'ai regardé l'article et le code source et... Je n'ai rien compris. Merci quand même, mais là comme on dit je ne fais pas le poids.
Bon, de toutes les façons même ma pop up qui semblait bien s'ouvrir à partir d'un lien sur une image mappée, si elle marche de chez moi sur ie et firefox ne marche pas chez un copain sur ie et chez un autre sur mac et firefox...
L'exemple est sur
http://www.lapanse.com/...
quand on clique sur la grande carte sur la place saint Marc, le campanile ou le palais des doges, normalement la pop s'ouvre avec la photo du monument.
Si quelqu'un chez qui ça ne marche pas peut regarder le code et me dire pourquoi, avant que je n'étende le code aux autres pages, cela m'arrangerait.
merci, sinon je resterai avec mes vignettes... Mon objectif reste quand même que tout le monde puisse naviguer sur mes pages.
Bon, de toutes les façons même ma pop up qui semblait bien s'ouvrir à partir d'un lien sur une image mappée, si elle marche de chez moi sur ie et firefox ne marche pas chez un copain sur ie et chez un autre sur mac et firefox...
L'exemple est sur
http://www.lapanse.com/...
quand on clique sur la grande carte sur la place saint Marc, le campanile ou le palais des doges, normalement la pop s'ouvre avec la photo du monument.
Si quelqu'un chez qui ça ne marche pas peut regarder le code et me dire pourquoi, avant que je n'étende le code aux autres pages, cela m'arrangerait.
merci, sinon je resterai avec mes vignettes... Mon objectif reste quand même que tout le monde puisse naviguer sur mes pages.
Utilisateur anonyme
14 juil. 2007 à 22:33
14 juil. 2007 à 22:33
a part le quadri et la riva qui ne me fond pas apparaitre la souris en main tous fonctionne regarde ton code pour l histoire' du rss je te ferai un essai ok et bonne continuation je suis l evolution
oncletom
Messages postés
39
Date d'inscription
samedi 7 juillet 2007
Statut
Membre
Dernière intervention
28 octobre 2021
2
16 juil. 2007 à 15:34
16 juil. 2007 à 15:34
Merci d'avoir regardé.
Tu es sur Mac?
Parce que mes essais sur le mac dun ami (avec mozilla) ne fonctionnait pas...
Y a t-il un site où on peut tester une page avec d'autres browsers et d'autrs systèmes d'exploitation? Ca serait bien...
Merci encore
Tu es sur Mac?
Parce que mes essais sur le mac dun ami (avec mozilla) ne fonctionnait pas...
Y a t-il un site où on peut tester une page avec d'autres browsers et d'autrs systèmes d'exploitation? Ca serait bien...
Merci encore
letitidu35
Messages postés
1
Date d'inscription
jeudi 28 août 2008
Statut
Membre
Dernière intervention
25 janvier 2009
25 janv. 2009 à 12:15
25 janv. 2009 à 12:15
Bonjour oncletom,
Il y a un problème avec ton script. Je l'ai testé en interne et je pensais avoir fait une erreur, mais sur ton site c'est pareil : quand on clique une première fois sur la zone mappée tout va bien, la deuxième fois, le popup est vide, avec le titre de la photo. J'essaies de comprendre d'où ça vient... En fait je cherche à faire exectement la même chose que toi et je galère lol
@bientôt
Etienne
Il y a un problème avec ton script. Je l'ai testé en interne et je pensais avoir fait une erreur, mais sur ton site c'est pareil : quand on clique une première fois sur la zone mappée tout va bien, la deuxième fois, le popup est vide, avec le titre de la photo. J'essaies de comprendre d'où ça vient... En fait je cherche à faire exectement la même chose que toi et je galère lol
@bientôt
Etienne
