OVH Cloud OVH Cloud

besoin d'être orienté sur onmouseover

8 réponses
Avatar
Batiboy
Bonjour,

Je voudrais utiliser onmouseover pour afficher dans une cellule d'un tableau
une image.
Dans ma celluleA, j'ai une liste de liens et quand je passe sur un des
liens, une image s'affiche dans la celluleB

Tout d'abord est-ce possible. Si oui, pouvez vous m'aider à el réaliser ?

Par avance merci

Thierry

8 réponses

Avatar
ASM
Bonjour,

Je voudrais utiliser onmouseover pour afficher dans une cellule d'un tableau
une image.
Dans ma celluleA, j'ai une liste de liens et quand je passe sur un des
liens, une image s'affiche dans la celluleB

Tout d'abord est-ce possible. Si oui, pouvez vous m'aider à el réaliser ?


le mieux est d'avoir déjà une image nommée dans cellule B

<script type="text/javascript">
function met(quoi,lieu) {
imag = lieu.src;
document.images[lieu].src = quoi;
}
function remet(lieu) {
document.images[lieu].src = imag;
}
</script>
<table>
<tr>
<td><a href="autre_image.gif"
onmouseover="met(this.href,'ici');"
onmouseout="remet('ici');">
ici</a></td>
<td><img name="ici" src="vide.gif" alt="" /></td>
</tr>
<tr>
<td><a href="autre_image2.gif"
onmouseover="met(this.href,'ailleurs');"
onmouseout="remet('ici');">
ici</a></td>
<td><img name="ailleurs" src="vide.gif" alt="" /></td>
</tr>
</table>


ou (sans script) :

<table>
<tr>
<td>
<p><a href="autre_image_1.gif"
onmouseover="document.images['ici'].src = this.href;"
onclick="return false;">
vue 1</a>
<p><a href="autre_image_2.gif"
onmouseover="document.images['ici'].src = this.href;"
onclick="return false;">
vue 2</a>
<p><a href="autre_image_3.gif"
onmouseover="document.images['ici'].src = this.href;"
onclick="return false;">
vue 3</a>
</td>
<td><img name="ici" src="vide.gif" alt="" /></td>
</tr>
</table>




--
Stephane Moriaux et son [moins] vieux Mac

Avatar
Batiboy
Merci beaucoup,
C'est exactement ce que je voulais et en plus merci pour le sans code.
Thierry

"ASM" a écrit dans le message
de news: 43ee0317$0$21304$
Bonjour,

Je voudrais utiliser onmouseover pour afficher dans une cellule d'un
tableau une image.
Dans ma celluleA, j'ai une liste de liens et quand je passe sur un des
liens, une image s'affiche dans la celluleB

Tout d'abord est-ce possible. Si oui, pouvez vous m'aider à el réaliser ?


le mieux est d'avoir déjà une image nommée dans cellule B

<script type="text/javascript">
function met(quoi,lieu) {
imag = lieu.src;
document.images[lieu].src = quoi;
}
function remet(lieu) {
document.images[lieu].src = imag;
}
</script>
<table>
<tr>
<td><a href="autre_image.gif"
onmouseover="met(this.href,'ici');"
onmouseout="remet('ici');">
ici</a></td>
<td><img name="ici" src="vide.gif" alt="" /></td>
</tr>
<tr>
<td><a href="autre_image2.gif"
onmouseover="met(this.href,'ailleurs');"
onmouseout="remet('ici');">
ici</a></td>
<td><img name="ailleurs" src="vide.gif" alt="" /></td>
</tr>
</table>


ou (sans script) :

<table>
<tr>
<td>
<p><a href="autre_image_1.gif"
onmouseover="document.images['ici'].src = this.href;"
onclick="return false;">
vue 1</a>
<p><a href="autre_image_2.gif"
onmouseover="document.images['ici'].src = this.href;"
onclick="return false;">
vue 2</a>
<p><a href="autre_image_3.gif"
onmouseover="document.images['ici'].src = this.href;"
onclick="return false;">
vue 3</a>
</td>
<td><img name="ici" src="vide.gif" alt="" /></td>
</tr>
</table>




--
Stephane Moriaux et son [moins] vieux Mac



Avatar
Batiboy
Je viens de mettre en pratique, c'est OK.
Pour parfaire, j'aurais aimé dans la celluleB afficher l'image et aussi de
texte.
C'est à dire que chaque image à un commentaire.

Merci

"ASM" a écrit dans le message
de news: 43ee0317$0$21304$
Bonjour,

Je voudrais utiliser onmouseover pour afficher dans une cellule d'un
tableau une image.
Dans ma celluleA, j'ai une liste de liens et quand je passe sur un des
liens, une image s'affiche dans la celluleB

Tout d'abord est-ce possible. Si oui, pouvez vous m'aider à el réaliser ?


le mieux est d'avoir déjà une image nommée dans cellule B

<script type="text/javascript">
function met(quoi,lieu) {
imag = lieu.src;
document.images[lieu].src = quoi;
}
function remet(lieu) {
document.images[lieu].src = imag;
}
</script>
<table>
<tr>
<td><a href="autre_image.gif"
onmouseover="met(this.href,'ici');"
onmouseout="remet('ici');">
ici</a></td>
<td><img name="ici" src="vide.gif" alt="" /></td>
</tr>
<tr>
<td><a href="autre_image2.gif"
onmouseover="met(this.href,'ailleurs');"
onmouseout="remet('ici');">
ici</a></td>
<td><img name="ailleurs" src="vide.gif" alt="" /></td>
</tr>
</table>


ou (sans script) :

<table>
<tr>
<td>
<p><a href="autre_image_1.gif"
onmouseover="document.images['ici'].src = this.href;"
onclick="return false;">
vue 1</a>
<p><a href="autre_image_2.gif"
onmouseover="document.images['ici'].src = this.href;"
onclick="return false;">
vue 2</a>
<p><a href="autre_image_3.gif"
onmouseover="document.images['ici'].src = this.href;"
onclick="return false;">
vue 3</a>
</td>
<td><img name="ici" src="vide.gif" alt="" /></td>
</tr>
</table>




--
Stephane Moriaux et son [moins] vieux Mac



Avatar
ASM
Merci beaucoup,
C'est exactement ce que je voulais et en plus merci pour le sans code.


Attention !
ce truc est du simple de chez simple.
Si on visite le site sans ADSL et que les images font plus de 400 octets
çà va être laborieux

l'idéal serait de pouvoir faire
post-charger les images des roll-overs




--
Stephane Moriaux et son [moins] vieux Mac

Avatar
ASM
Je viens de mettre en pratique, c'est OK.
Pour parfaire, j'aurais aimé dans la celluleB afficher l'image et aussi de
texte.
C'est à dire que chaque image à un commentaire.


:-)

il vaudrait mieux utiliser le onclick au lieu du onmouseover

.../...
<p>
<a href="autre_image_3.gif" title="Grand Ma à St Trop"
onclick="document.images['ici'].src = this.href;
document.getElementById('inf').innerHTML = this.title;
return false;">
vue 3</a>
</td>
<td style="text-align:center">
<img name="ici" src="vide.gif" alt="" /><br />
<span id="inf"></span>
</td>



--
Stephane Moriaux et son [moins] vieux Mac

Avatar
Batiboy
encore une fois, merci stéphane.
J'ai testé onclick et onmouseover, les deux fonctionnent.
Bon WE
Avatar
Thibaut Allender
Je viens de mettre en pratique, c'est OK.


merci de mettre également en pratique ceci :
http://giromini.org/usenet-fr/repondre.html

--
thibaut allender | http://capsule.org | http://photo.capsule.org

Avatar
ASM
encore une fois, merci stéphane.
J'ai testé onclick et onmouseover, les deux fonctionnent.


bien sûr ...
depuis le temps que tu bricoles tout çà
-> tout est dans le cache de ton navigateur !
rien à charger et le mouseOver te semble fonctionner

je t'assure que le onclick est mieux

désactive le cache de ton navigateur et essaie le mouseOver
et de préférence sur un site en ligne

Tu peux aussi essayer à partir d'un CD
ou mieux d'une disquette (pour un petit test)
Résultat garanti : le mouseOver marche pas ou très mal.

--
Stephane Moriaux et son [moins] vieux Mac