Nous sommes le Dim 20 Juil, 2025 14:11
Supprimer les cookies

JavaScript...Onclick-->Valeur:? (NVU)

Sur le logiciel libre en général ou un logiciel libre en particulier

Dim 23 Oct, 2005 21:03

Bsoir a tous... :D

J'ai un probleme sur NVU, je voudrai faire en sorte que lorsque l'on cliq sur une image, elle s'ouvre dans une nouvelle fenetre en ayant sa taille d'origine, pour cela je ne sais pas quoi mettre dans valeur avec l'attribut:Onclick :( ...es ce que quelqu'un pourais m'aider... :?:

Merci d'avance...@+++

http://fifi591.free.fr
P4 1.6ghz - 512MoRam - DD80 + 20usb - AtiRad9600Xt256Mo...
Slageroide59

Messages : 4

Lun 24 Oct, 2005 03:35

je crois que c'est plutot l'attribut target qui joue ce rôle :

<href=adresse.de.votre.image.en.taille.réelle target=_blank><img..../></href>
(de mémoire et à 4 heures du mat' donc approximatif :)
Merci de faire une recherche avant de poster : sur le site et Image sur le forum
Lisez aussi la charte et la méthode à suivre pour poster.
JoKoT3

Messages : 1350
Géo : Paris

Lun 24 Oct, 2005 08:46

un site de référence en javascript :
toutjavascript.com
dubdub

Messages : 870

Lun 24 Oct, 2005 17:52

pour se passer du javascript : deux images : un aperçu et l'image réèlle.
Code: Tout sélectionner
<a href="adresse de l'image réèlle"><img src="source de l'aperçu" alt="aperçu de ma chouette image" /></a>
(en imaginant que du code en xhtml 1.0 strict...)

sinon avec un style css mais seulement sur des navigateurs modernes (oublie ie)
Code: Tout sélectionner
<a href="adresse de l'image"><img src="source de l'image" style="width:50%;height:50;/*à modifier selon tes besoins*/" alt="ma chouette image" /></a>


Voilou. Et on a pas martyrisé de javascript pendant tout ce temps.
@++
milouse

Avatar de l’utilisateur
Messages : 637
Géo : Nantes

Lun 24 Oct, 2005 20:55

Je n'ai pas tout compris à ce que tu m'as dit mais je vais m'expliquer clairement...j'ai une image "pc2.jpg" sur une page "pc.html" donc je met...

<a href="pc2.jpg"><img src="pc.html" alt="pc2.jpg" /></a>

mais ça ne marche pas...
Slageroide59

Messages : 4

Lun 24 Oct, 2005 21:30

Slageroide59 a écrit:<a href="pc2.jpg"><img src="pc.html" alt="pc2.jpg" /></a>


Non, il faut remplacer la partie en gras par le nom d'un fichier image qui est comme pc2.jpg, mais plus petite en taille (style 100 pixels en hauteur/largeur). Ou bien (mais plus long en temps de chargement) par "pc2.jpg" en rajoutant à l'intérieur de la balise img "style='width: 50%; height: 50%;' " ce qui fera que dans ta page originale l'image sera affiché à la moitié de sa taille (50%=100% / 2...) Ce 50% peut bien entendu être modifié... (Et bien qu'IE soit un cauchemar pour tout programmeur web, il sait tout de même reconnaître cet attribut style, faut pas pousser quand même....)
korova08

Messages : 1114
Géo : Ardennes (08)

Lun 24 Oct, 2005 21:35

pourquoi c'est si compliqué...? moi je voudrai juste qu'il m'ouvre la fenetre "http://fifi591.free.fr/pc2" tout simplement...

je ne peux pas ecrire <onclick=open.windows(http://fifi591.free.fr/pc2)>

Tout simplement ...???
Slageroide59

Messages : 4

Lun 24 Oct, 2005 22:55

Salut.

Tu veux quoi? Qu'il t'ouvre ton image en taille réelle sur une nouvelle page? ou bien qu'il t'ouvre ton site?

Oublie l'attribut OnClick. Utilise plutôt du pure html. Si tu as une page avec une petite image, et que tu veux qu'en cliquant dessus l'image apparaisse en taille réelle sur une nouvelle page :
Code: Tout sélectionner
<a href="ton_image" target="_blank"><img style="width: XXpx; height: XXpx;" alt="nom_alternatif" src="ton_image"></a>


Alors:

- href = c'est un lien, l'image que tu vas voir en grand sur une nouvelle page. Tu mets le chemin vers ton image entre les guillemets.
- target = c'est où ouvrir le lien. Ici "_blank" c'est une nouvelle page (ce que tu voulais).
- img style = les paramètres d'affichage de ton image sur laquelle tu vas cliquer. Remplace les "XX" de "width" et "height" par la taille, en pixels, que tu veux.
- alt = c'est le nom apparaissant "derrière" l'image, et surtout sur les navigateurs en mode texte.
- src = c'est ton image, en petit sur ta page, sur laquelle tu vas cliquer.

Voili voilou, pas compliqué... surtout si tu as quelques bases et que tu as NVu. :D

Donc si maintenant tu veux ouvrir une page de ton site en cliquant sur la petite image, devine comment tu fais?

Tic...
Tac..

Et oui, tu remplaces ce qu'il y a entre les guillemets après "href" par la page de ton site.

Yostral
yostral

Avatar de l’utilisateur
Messages : 5403
Géo : Là-haut dans la montagne...

Lun 24 Oct, 2005 23:50

Bon, attends, j'ai réfléchi et j'ai ouvert mon N|vu (perso je ne l'utilise pas pour développer, mais je le manipule quand même pour l'apprendre à mes élèves).

Alors voilà :
- Tu insères ton image dans ta page html avec Insertion/Image (ou en cliquant sur l'icône image)
- Tu sélectionnes ton fichier image dans la boîte de dialogue qui s'ouvre
- Dans l'onglet dimension de cette boîte de dialogue, tu peux modifier la taille de l'image (pour l'afficher plus petite)
- tu valides
- Ensuite, tu sélectionnes l'image, et tu cliques sur l'icône lien (ou bien toujours dans la boîte de dialogue tu vas dans l'onglet lien).
- Tu cliques sur Parcourir pour aller chercher ton fichier et en bas de la boîte de dialogue de choix du fichier, comme "type de fichier" tu sélectionnes "Images ..." dans la liste déroulante, puis tu cliques sur le nom de ton fichier image dans la liste.
- Si tu veux que ce lien s'ouvre dans une nouvelle fenêtre, dans les propriétés du lien (il faut réussir à sélectionner la balise "a" et pas seulement l'image) il faut déplier la boîte de dialogue "Plus de propriétés", et cocher la case dans le cadre "cible", puis sélectionner "nouvelle fenêtre" dans la liste déroulante (choix par défaut)

Voili-voilou, cette méthode te permet de ne pas toucher du tout au code html, je pense que c'est ce que tu souhaitais, non ?

[edit pour les fautes de frappe... - y'en avait une terrible...]
Dernière édition par korova08 le Mer 26 Oct, 2005 22:50, édité 1 fois au total.
korova08

Messages : 1114
Géo : Ardennes (08)

Mer 26 Oct, 2005 21:55

Merci...le probléme est résolue
Vous avez correctement resolue l'enigme...ça nous fait une clef de plus en avant passepartout....

@+++

et merci encore

http://fifi591.free.fr
Slageroide59

Messages : 4

Qui est en ligne ?

Utilisateur(s) parcourant actuellement ce forum : Aucun utilisateur inscrit