Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Erreur sur une redirection via un click sur une image

15 réponses
Avatar
HD
Bonjour,

Je voudrais pouvoir être redirigé vers mon site lorsque je clique sur une
image... J'ai voulu utilisé ce script:
<img src="dep-02.gif"
onclick="javascript:parent.main.location.href='http://www.monsite.fr/';"
ALT="MonSite">
Mais j'ai constamment Internet Explorer qui m'affiche une erreur sur la page
lorsque je clique sur l'image.

Avez vous une idée du problème ? Je pense que je dois mal utiliser quelque
chose...

Merci d'avance pour votre aide
--
@+
HD

10 réponses

1 2
Avatar
Olivier Miakinen
Bonjour,

Le 26/07/2011 12:29, HD a écrit :

Je voudrais pouvoir être redirigé vers mon site lorsque je clique sur une
image...



Ma réponse n'utilise pas JavaScript, mais as-tu pensé à ce qui suit ?

<a href="http://www.example.fr"><img src=...></a>

Cordialement,
--
Olivier Miakinen
Avatar
SAM
Le 26/07/11 12:29, HD a écrit :
Bonjour,

Je voudrais pouvoir être redirigé vers mon site lorsque je clique sur une
image... J'ai voulu utilisé ce script:
<img src="dep-02.gif"
onclick="javascript:parent.main.location.href='http://www.monsite.fr/';"
ALT="MonSite">
Mais j'ai constamment Internet Explorer qui m'affiche une erreur sur la page
lorsque je clique sur l'image.



déjà, y a pas besoin des caractères
javascript:
dans le onclick

Avez vous une idée du problème ? Je pense que je dois mal utiliser quelque
chose...



ensuite, est-ce que ce lien est dans un document affiché dans une page
de cadres (frameset) ?

Parmi les cadres, il y en a t-il un nommé 'main' ?

Merci d'avance pour votre aide



à part ça, normalement ça doit fonctionner.


Essayer-voir (sans garantie) :

onclick="var p = parent || parent.main;
p.location.href='http://www.monsite.fr/';"


--
Stéphane Moriaux avec/with iMac-intel
Avatar
HD
Ma réponse n'utilise pas JavaScript, mais as-tu pensé à ce qui suit ?
<a href="http://www.example.fr"><img src=...></a>


J'ai préféré ne pas utilisé la balise A HREF car j'ai en fait de nombreuses
images (qui représentent les départements français tous collés les uns aux
autres pour représenter la France) et en l'utilisant j'ai un cadre en
surbrillance qui apparaît. De plus, j'ai voulu utiliser le OnClick car je
pense plus tard utiliser le OnMouseOver.

--
@+
HD
Avatar
HD
déjà, y a pas besoin des caractères
javascript:
dans le onclick


Je sais mais en désespoir de cause, j'avais essayé en déclarant le
javascript.

ensuite, est-ce que ce lien est dans un document affiché dans une page de
cadres (frameset) ?
Parmi les cadres, il y en a t-il un nommé 'main' ?


Je gère bien les Frames... mais en effet, je pensais que le 'main' ne
désignait pas un nom de Frame mais la fenêtre principale des Frames.

Car le lien se trouve dans une Frame et je voudrais pouvoir, dans la fenêtre
principale, être redirigé vers le lien et non avoir seulement la Frame du
lien avec le site.
--
@+
HD
Avatar
Pierre Goiffon
On 26/07/2011 13:45, HD wrote:
<a href="http://www.example.fr"><img src=...></a>


J'ai préféré ne pas utilisé la balise A HREF car j'ai en fait de nombreuses
images (qui représentent les départements français tous collés les uns aux
autres pour représenter la France) et en l'utilisant j'ai un cadre en
surbrillance qui apparaît. De plus, j'ai voulu utiliser le OnClick car je
pense plus tard utiliser le OnMouseOver.



Pourriez vous être plus précis sur votre besoin ?
Ce que vous décrivez me fait penser à une image map, mais en parlant de
onmouseover je suppose que vous voulez mettre en place du rollover ?
Avatar
SAM
Le 26/07/11 13:50, HD a écrit :
déjà, y a pas besoin des caractères
javascript:
dans le onclick


Je sais mais en désespoir de cause, j'avais essayé en déclarant le
javascript.

ensuite, est-ce que ce lien est dans un document affiché dans une page de
cadres (frameset) ?
Parmi les cadres, il y en a t-il un nommé 'main' ?


Je gère bien les Frames... mais en effet, je pensais que le 'main' ne
désignait pas un nom de Frame mais la fenêtre principale des Frames.



parent = le cadre contenant le cadre où est affiché la page avec lien

on peut donc avoir : parent.parent si imbrication de cadres

parent.main = le cadre nommé 'main'

top = le cadre principal (le fichier des framesets)
(la fenêtre où tout est affiché)

Car le lien se trouve dans une Frame et je voudrais pouvoir, dans la fenêtre
principale, être redirigé vers le lien et non avoir seulement la Frame du
lien avec le site.



Le plus simple :

onclick="top.location='mapage.htm';"


Pour l'histoire de la carte de France il y a aussi la possibilité d'une
carte entière et d'une map associée où sont les découpages et leurs
mouseover, mouseout, click, respectifs

<http://www.irt.org/articles/js026/#4> (en pas français)

autre idée :
<http://www.sacred-destinations.com/france/france-map>

--
Stéphane Moriaux avec/with iMac-intel
Avatar
HD
Pourriez vous être plus précis sur votre besoin ?
Ce que vous décrivez me fait penser à une image map, mais en parlant de
onmouseover je suppose que vous voulez mettre en place du rollover ?


J'ai un ensemble d'image GIF correspondant aux départements français. Via le
CSS je positionne ces départements en absolue afin que la représentation
globale puisse me montrer la France. Tout ceci est dans une frame. Je
voudrais qu'en cliquant sur l'un des départements que l'on soit redirigé
vers le site correspondant aux bureaux locaux.

Pour le onmouseover, je voudrais pouvoir faire un effet zoom ou recolorisé
de l'image du département... par contre, les images de chacun des
départements n'ont pas la même taille... ce sont des images récupérées d'un
ancien travail (pour gagner du temps).

--
@+
HD
Avatar
SAM
Le 26/07/11 14:52, SAM a écrit :

Le plus simple :

onclick="top.location='mapage.htm';"



et pour rejoindre l'idée d'Olivier :

<a href="mapage.htm" target="_top">
<img src="icone.jpg" alt="ma page" title="" style="border:none">
</a>

Attention ! (target' est déprécié (démodé, plus utilisé)
mais ... les pages de cades aussi
alors ...
on s'débrouille ! !
Au moins ça fonctionne si pas de JavaScript !


<http://www.w3schools.com/tags/att_a_target.asp> (pas français)
<http://www.commentcamarche.net/forum/affich-279539-html-petite-precision-sur-target>

--
Stéphane Moriaux avec/with iMac-intel
Avatar
HD
Pour le onmouseover, je voudrais pouvoir faire un effet zoom ou recolorisé
de l'image du département... par contre, les images de chacun des
départements n'ont pas la même taille... ce sont des images récupérées
d'un ancien travail (pour gagner du temps).



Exemple ici avec le département 60 :
<div id="d60" style="position:absolute; left:192px; top:61px"><img
src="dp/dp60.gif" width="39" height="29"
onclick="window.open('http://www.monssite.fr/');"></div>

Savez vous si il serait faisable d'ajouter un effet zoom ou recolorisé...
sans avoir à reprendre toutes les images des départements à recolorisé en 2e
image rollover et sans avoir à créer un script où il me faudrait taper
toutes tailles de chacun de mes départements. Celà m'éviterait un long
travail.

--
@+
HD
Avatar
SAM
Le 26/07/11 14:56, HD a écrit :
Pourriez vous être plus précis sur votre besoin ?
Ce que vous décrivez me fait penser à une image map, mais en parlant de
onmouseover je suppose que vous voulez mettre en place du rollover ?


J'ai un ensemble d'image GIF correspondant aux départements français. Via le
CSS je positionne ces départements en absolue



quelle drôle d'idée de les disposer en "absolute" ! !

il devrait suffire de les glisser côte à côte ( ? ! )

afin que la représentation globale puisse me montrer la France.



donc autant ne prendre qu'une image de la France, non ?


Tout ceci est dans une frame. Je
voudrais qu'en cliquant sur l'un des départements que l'on soit redirigé
vers le site correspondant aux bureaux locaux.

Pour le onmouseover, je voudrais pouvoir faire un effet zoom ou recolorisé
de l'image du département... par contre, les images de chacun des
départements n'ont pas la même taille... ce sont des images récupérées d'un
ancien travail (pour gagner du temps).



Bon, OK.

<html><head>
<title>france</title>
<base target="_top">
<style type="text/css">
#carte a {
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
filter:alpha(opacityp);
}
#carte a:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
filter:alpha(opacity0);
}
</style>
</head><body>
<div id="carte">
<a href="62.htm"><img src="62.jpg" alt="Pas de Calais">
</a><a href="59.htm"><img src="59.jpg" alt="Nord">
</a>
...
</div>

--
Stéphane Moriaux avec/with iMac-intel
1 2