rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

Vignettes avec pop up sur image mappée

Posté par oncletom, le samedi 7 juillet 2007 à 18:58:41
Bonjour

Voilà mon problème :

J'ai des images mappées d'une carte sur laquelle j'ai mis le nom des monuments et sur lesquels je peux mettre des liens. Ca je sais le faire.

j'ai aussi un petit script qui sait m'ouvrir une fenêtre pop up avec une image juste à la bonne taille en cliquant sur des vignettes.

Ca je sais le faire aussi.

Ce que je ne sais pas faire, et ce qui serait formidable, c'est :

1. d'ouvrir une vignette en cliquant sur un des liens de l'image mappée

et

2. d'ouvrir la pop up avec l'image en grand de la vignette quand je clique sur la vignette.

Pour vous faire une idée, une page exemple
http://www.lapanse.com/...

Je sais mettre un lien html à l'emplacement des monuments sur leur nom...

mais ce que je voudrais faire c'est faire apparaître la vignette du monument (l'idéal ce serai évidemment un mouse on...) en cliquant ou en passant la souris sur la carte...

Puis d'ouvrir le pop up en cliquant cette fameuse vignette.

Pour info le script pleinpot qui m'ouvre mes photos

<!--
function pleinpot(img, titre, auteur) {
// Compatible IE5+ / NN6+ / Mozilla
aFenetre = window.open('','Image','width=600,height=600,toolbar=no,scro­llbars=no,resizable=no');
aFenetre.document.write("<html><head><ti­tle>"+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></tab­le></body></html>");
aFenetre.document.close();
}
//-->


Pouvez-vous m'aider?

Merci.

(Pour couper court aux questions, j'ai l'accord de Google pour avoir scanné leur carte et je préfère cette méthode au live qui ralentit beaucoup la navigation... et comme les monuments de Venise sont très stables dans le temps tout comme l'emplacement des canaux, cela me convient tout à fait.;)
Configuration: Windows XP
Internet Explorer 6.0
Répondre à oncletom  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
gratuitdunet, le samedi 7 juillet 2007 à 19:08:52
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
   
Répondre à gratuitdunet

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
oncletom, le samedi 7 juillet 2007 à 19:26:20
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
   
Répondre à oncletom

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
oncletom, le samedi 7 juillet 2007 à 19:37:18
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
   
Répondre à oncletom

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
gratuitdunet, le samedi 7 juillet 2007 à 22:58:30
je regarde ton pb le plus simple serait de voir ton script complet
   
Répondre à gratuitdunet

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
oncletom, le samedi 7 juillet 2007 à 23:41:34
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,scro­llbars=no,resizable=no');
aFenetre.document.write("<html><head><ti­tle>"+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></tab­le></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
   
Répondre à oncletom

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
gratuitdunet, le dimanche 8 juillet 2007 à 21:24:25
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
   
Répondre à gratuitdunet

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
oncletom, le dimanche 8 juillet 2007 à 23:02:30
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
   
Répondre à oncletom

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
oncletom, le lundi 9 juillet 2007 à 23:16:30
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
   
Répondre à oncletom

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
gratuitdunet, le mercredi 11 juillet 2007 à 20:00:26
je c pas si sa pourra t aller j essayerai de t aider au mieux

http://openweb.eu.org/articles/popup/
   
Répondre à gratuitdunet

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
gratuitdunet, le jeudi 12 juillet 2007 à 21:30:10
j ai trouver une page pouvant te servir
http://www.infos-du-net.com/actualite/6154-xbox-360-patch.ht­ml

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
   
Répondre à gratuitdunet

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
oncletom, le vendredi 13 juillet 2007 à 20:27:45
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.
   
Répondre à oncletom

12


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
gratuitdunet, le samedi 14 juillet 2007 à 22:33:39
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
   
Répondre à gratuitdunet

13


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 oncletom, le lundi 16 juillet 2007 à 15:34:50
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
   
Répondre à oncletom
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger Windows Defender pour Windows XP/Vista February 15, 2007Windows Defender pour Windows XP/Vista - Windows Defender est un programme gratuit permettant de se protéger des pop-ups, des ralentissement et des failles de...Catégorie: Anti-Spyware
Licence: Freeware/gratuit
Télécharger Image Resizer 1Image Resizer - Petit utilitaire (PowerToy) basique, très simple, permettant de réduire la taille d'une image, dans le but, notamment, de...Catégorie: Graphisme
Licence: Freeware/gratuit
Télécharger AdBlock Plus 0.7.5.5AdBlock Plus - AdBlock Plus est l'une des extensions classiques de Firefox ,celui-ci bloque déjà en standard les fenêtre popup: AdBlock va...Catégorie: Extensions Firefox
Licence: Open Source
Télécharger Proxomitron 4.5Proxomitron - Proxomitron est un logiciel jouant le rôle de filtre entre Internet et vos navigateur afin de supprimer les éléments...Catégorie: Anonymat/Confidentialité
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « Vignettes avec pop up sur image mappée »