Ouvrir un lien depuis une image vers une fenetre

BATMAN76 · Message par **BATMAN76** » 25 mars 2007, 15:22

Je suis novice sur NVU/Komposer et je sais que ma question a du etre dejà posé plein de fois mais toujours pas saisi comment faire....alors je craque.

Mon problème : j'ai mis une image en taille reduite à l'interieur de ma page.
Je voudrais qu'en cliquand sur l'image, une fenetre apparaisse agrandissant l'image (genre fenetre popup).
Je me disais que dans les "evenements Javascript" et en selectant Attribut "onclick"...mais après que mettre dans la valeur ???

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Mongo Bob · Message par **Mongo Bob** » 25 mars 2007, 23:22

Quelquechose comme ça :

Code : Tout sélectionner

<a href="img/nouvellescoffetpowellgf.jpg" onclick=
        "window.open(this.href, 'popupcoffrpowellgf', 'height=600, width=400, top=50, left=50, toolbar=no, location=no, menubar=no, resizable=no, scrollbars=no, status=no'); return false;">
        <img class="imgg" alt="Jaquette du coffret dvd Powell-Pressburger" src="img/nouvellescoffretpowell.jpg" width=
        "169"></a>

a fourni ça :
http://retourayuma.free.fr/nouvelles.php#powell
et j'ai tout pompé là :
http://openweb.eu.org/articles/popup/
merci, Openweb!
C'est ça que tu voudrais?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

BATMAN76 · Message par **BATMAN76** » 26 mars 2007, 22:53

Ca a l'air d'etre ca. Merci je vais essayer de suite

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

BATMAN76 · Message par **BATMAN76** » 26 mars 2007, 23:18

En fait ce que je comprends pas dans la syntaxe c'est le bidule juste apres le This.href

C'est quoi 'popupcoffrpowellgf' ???

J'ai regadré ta page et je n'ai rien vu comme ancre qui ressemble à cela.

Un petit tuyau ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Mongo Bob · Message par **Mongo Bob** » 26 mars 2007, 23:54

Mais c'est un exemple! C'est le nom que j'ai donné à la pop-up chez moi, tu mets ce que tu veux! Tu es sûr que tu as bien lu le tuto de Openweb?

tuto Openweb a écrit :le nom : vous pouvez donner un nom à la fenêtre, par exemple pour éviter les fenêtres multiples. Si vous donnez le nom photo à votre fenêtre, un nouveau clic sur un lien remplace une éventuelle pop-up déjà ouverte, évitant de noyer l'internaute ;

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

BATMAN76 · Message par **BATMAN76** » 27 mars 2007, 00:02

Toutes mes excuses, j'ai compris mais ca marche pas encore

dans ma page j'ai créé les lignes suivantes :

Code : Tout sélectionner

href="exterieur2_300.jpg"><img
 style="border: 0px solid ; width: 280px; height: 209px;"
 onclick="window.open(this.href, 'photo', 'height=600, width=400, top=50, left=50, toolbar=no, location=no, menubar=no, resizable=no, scrollbars=no, status=no'); return false;"
 alt="" src="exterieur2_300.jpg">

La page HTML et la photo sont enregistrées dans le meme repertoire.
Quand je teste la page apparait avec la photo, mais si clique la fenetre popup s'ouvre mais un message indique qu'il ne trouve pas la photo (chemin d'accès/undefined).

J'aimerai pourtant qu'il ouvre la photo exterieur2_300.jpg.

Tu comprends ou est mon erreur ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Mongo Bob · Message par **Mongo Bob** » 27 mars 2007, 00:22

Cette photo : "exterieur2_300.jpg".
Elle est dans un dossier sur ton disque dur? Ou telle quelle à côté de ta page html? Il vaut mieux qu'elle soit dans un dossier à côté, et du coup, mettre le nom du dossier. Si ce nom est : "mesimages", ça fait :

Code : Tout sélectionner

<a href="mesimages/exterieur2_300.jpg"

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Mongo Bob · Message par **Mongo Bob** » 27 mars 2007, 00:31

Attention au code que tu tapes, aussi : ça :

Code : Tout sélectionner

<img
style="border: 0px solid ; width: 280px; height: 209px;

n'a rien à faire là.

BATMAN76 a écrit :La page HTML et la photo sont enregistrées dans le meme repertoire.

Ah! J'avais pas vu.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Invité · Message par **Invité** » 27 mars 2007, 09:34

Je n'ai pas ecrit directement le code, c'est NVU qui l'a ecrit pour moi.
J'ai utilisé les fonctions Insert Image puis onglet lien pour mettre la meme photo puis edition avanvée et Javascript pour renseigner la fonction onclick.

La fenetre s'ouvre bien au bon endroit, avec la bonne taille, mais un message de Windows indique qu'il ne trouve pas la photo. J'ai verifié tous les chemins d'accès et c'est correct.

Je suis perplexe.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727; InfoPath.1)

Mongo Bob · Message par **Mongo Bob** » 27 mars 2007, 10:08

BATMAN76 a écrit :Je n'ai pas ecrit directement le code, c'est NVU qui l'a ecrit pour moi.
J'ai utilisé les fonctions Insert Image puis onglet lien pour mettre la meme photo puis edition avanvée et Javascript pour renseigner la fonction onclick.

Désolé, je crois que tout le monde bosse comme moi : en tapant la plupart du code dans un éditeur texte. J'aurais dû te demander en premier...

C'est pourquoi je t'ai dit de te baser sur le tuto de Openweb. Il faut respecter précisément la syntaxe et les explis dans ce tuto, et je ne sais pas comment tu pourrais faire ça par le Wysiwyg de NVU.
NVU autorise certains codes et pas d'autres. Tu ne t'es donc pas servi du lien Openweb!
J'utilise Kompozer (NVU débuggé) avec un éditeur texte (en l'occurence, Scite). Je tape le code direct dans Scite. Si tu veux travailler en Wysiswyg, donc par l'interface de NVU (mais je te conseille d'installer Kpz à la place), c'est quelqu'un d'autre qui devrait te répondre... Un peu de patience, quelqu'un va bien prendre le relai..

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

BATMAN76 · Message par **BATMAN76** » 27 mars 2007, 21:08

En fait j'utilise Komposer et non NVU. J'ai mis la bonne syntaxe.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

BATMAN76 · Message par **BATMAN76** » 28 mars 2007, 00:25

Ouf ca y est, j'ai galéré mais j'ai compris. Il y a un bug dans Komposer lors du l'utilisation des commandes "souris".

Je vais tenter d'expliquer.
1- si sur une photo j'accrochais un lien d'ouverture popup, ca ne marchait pas en utilisant "edition avancée, Evenements Java, onclick puis valeur = window.open(etc..)

2- Quand le lien était mis sur un texte et gardant exactement le meme code dans onclick valeur, alors la fenetre popup apparaissait. BIZARRE

3- Grace à ta page qui elle marche, je l'ai ouvert sous Komposer et j'ai cherché à changer le lien...et la

surprise. sous l'onglet Javascript je n'ai strictement rien trouvé

vide pas meme un window.open

4- J'ai alors extrait ton code HTML depuis ta page, coller ca dans la mienne puis tester avec mes propres images et ca marchait.

5- J'ai ensuite rajouter la meme image puis le meme lien, la meme commande window.open mais en utilisant les menus au lieu de taper le code HTML....et la probleme

toujours ce probleme pour acceder à la photo.

6- J'ai donc extrait les codes pour les regarder à la loupe, en voila la copie:
Celle qu marche
<a href="carte_leon_600.gif"
onclick="window.open(this.href, 'photo', 'height=600, width=400, top=50, left=50, toolbar=no, location=no, menubar=no, resizable=no, scrollbars=no, status=no'); return false;"><img
style="border: 0px solid ; width: 169px; height: 234px;"
alt="" src="Anglais.gif"></a>

Celle qui ne marche pas :
<a href="carte_leon_600.gif"><img
onclick="window.open(this.href, 'photo', 'height=600, width=400, top=50, left=50, toolbar=no, location=no, menubar=no, resizable=no, scrollbars=no, status=no'); return false;"
style="border: 0px solid ; width: 18px; height: 12px;" alt=""
src="Anglais.gif"></a>

J'ai mis en couleur les differences : le code ><img n'est pas postionné au meme endroit. Le generateur de script le place juste après la reference (faux) alors qu'il doit être après le false;
En corrigeant à la main la position de><img dans le second bloc, victoire ca marche

Comme ca fait que 3 jours que j'utilise Komposer, je ne suis pas familier avec les developpeurs...donc si quelqu'un de bien intentionné peut leur glisser un mot et corriger ce petit truc ca serait sympa.

Merci à Momgo Bob pour ces conseils.
J'y ai passé 2 heures ce soir, me suis fait disputé par les enfants, mais je suis content de ma "trouvaille".Vive le forum !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Mongo Bob · Message par **Mongo Bob** » 28 mars 2007, 11:22

BATMAN76 a écrit :J'ai mis en couleur les differences : le code ><img n'est pas postionné au meme endroit.

C'est pourquoi je te disais :

Il faut respecter précisément la syntaxe et les explis dans ce tuto,

et tu me disais :

J'ai mis la bonne syntaxe.

Tout ceci conforte ma position anti-wysiwyg. Ou du moins, quand celui-ci a une faiblesse, il faut mettre les mains dans le cambouis.

donc si quelqu'un de bien intentionné peut leur glisser un mot et corriger ce petit truc ca serait sympa.

Je ne crois pas qu'il y ait quelquechose à corriger, là.

Message par **Ymai** » 28 mars 2007, 12:03

Bonjour

BATMAN76 a écrit :je ne suis pas familier avec les developpeurs...donc si quelqu'un de bien intentionné peut leur glisser un mot et corriger ce petit truc ca serait sympa.

Le développeur de NVU a décidé d'arrêter le développement du logiciel.
Le développeur de KpZ a actuellement d'autres priorités. Il faut aussi gagner son pain, de temps en temps.

Nous allons donc leur laisser cela au frigo pour l'instant. Il n'y aura malheureusement pas de correction possible à court terme.

Dans l'intervalle, peut-être serait-il indiqué de lancer un fil sur les écueils possibles dans l'utilisation de ces programmes afin de permettre au plus grand nombre de les éviter.

Invité · Message par **Invité** » 28 mars 2007, 13:42

Hormis quelques habitués qui maitrisent parfaitement le langage directement, l'approche WYSIWIG est quand meme pratique. Il y a pas mal de logiciel sur le marché (Isygot, ToWeb, Guppy, etc) mais NVU/Komposer en Opensource avec une communauté active, un logiciel complet sans avoir à payer, c'est quand meme un avantage.
Comme j'utilise Firefox/Thunderbird, le choix de NVU est plutot logique.

Donc ca parait judicieux de créeer un log pour les bugs identifiés et qui seront corrigés quand ce sera possible. Si le log indique en + la reference pour comprendre le bug et le contourner, cela evitera à beaucoup d'utilisateurs de galerer (comme je l'ai fait) pour comprendre ce qu'il se passait avec le WYSIWIG.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727; InfoPath.1)

Geckozone

Ouvrir un lien depuis une image vers une fenetre

Ouvrir un lien depuis une image vers une fenetre

Qui est en ligne ?