High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Problème un javascript avec onMouseOver

Dernière réponse le 29 mar 2008 à 15:23:01 camille, le 29 mar 2008 à 11:02:10 
 Signaler ce message aux modérateurs

Bonjour,
je débute en JavaScript et je n'arrive pas à faire fonctionner mon script.
Voici ce que je veux faire: j'ai un tableau dont les cases sont des images, et je vouidrai que lorsqu'on passe la souris sur une des cases du tableau (une image donc), une petite explication apparaisse sur un petit encadré à côté du tableau.


donc je crée une variable "explication", chaine de caractères, qui a au début pour valeur "Passez la souris sur une case du tableau"

Après je fais une fonction (déclarée dans l'entête) pour chaque case du tableau, qui vise à transformer le texte de la variable "explication", pour y mettre à la place l'un texte décrivant la case concernée.

Je fais appel à ces fonction dans les cases du tableau correspondantes, avec l'évènement OnMouseOver.

Et enfin, j'affiche dans le petit encadré, le contenu de la variable "explication".




Pouvez vous me dire quel est le problème avec mon script:, le voilà:
<HEAD>
(...)
<SCRIPT language="JavaScript">
explication= new String("Passez la souris sur une case de votre choix");
function Case1(explication) {explication="texte qui décrit la case 1"}
function Case2(explication) {explication="texte qui décrit la case 2"}
/*(etc... autant de fonctions que de cases*/
</SCRIPT>
(...)
</HEAD>

<BODY>
(...)

<table>
<tr>
<td> <IMG SRC="case1.GIF" onMouseOver="Case1(explication)"> </td>
<td> <IMG SRC="case2.GIF" OnMouseOver="Case2(explication)"> </td>
//(etc...)
</table>

/*Encadré (tableau à une ligne et une colonne) qui suit le tableau:*/
<tABLE >
<tr> <td>
<U> Explication: </U>
<BR>
<script language=JavaScript> document.write(expli) </script>
</td> </tr>
</TABLE>

(...)
</BODY>



Problème: au début il y a bien dans l'encadré la valeur de départ de "explication" ("Passez la souris sur une case de votre choix"), mais après si je passe la souris sur une case du tableau, ça n'a aucun effet.

Merci d'avance à tous ceux qui pourraient m'aider à résoudre ce problème.

Configuration: Windows XP
Internet Explorer 6.0

Meilleures réponses pour « Problème un javascript avec onMouseOver » dans :
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
YouTube - Vous avez désactivé JavaScript VoirProblème Lorsque vous naviguez sur certains sites, tels que YouTube, ceux-ci affichent le message d'erreur suivant : Vous avez désactivé JavaScript ou bien vous possédez une ancienne version d'Adobe Flash Player. Téléchargez la dernière version...
Javascript - Coloration syntaxique dans vos pages web VoirSi vous avez un site web contenant des exemples de code (php, javascript, C#, Delphi, Python...), il peut être intéressant d'avoir une coloration syntaxique. C'est parfois pénible à réaliser, mais il existe une librairie Javascript qui permet de...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Javascript - Les variables VoirLe concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,...
Javascript - Les tableaux VoirIntroduction à la notion de tableau Les variables de Javascript ne permettent de stocker qu'une seule donnée à la fois. Or, étant donné qu'il est souvent utile de manipuler de nombreuses données, le concept de variable se révéle parfois...
Posez votre question Répondre

1

carbon3, le 29 mar 2008 à 13:31:44

Salut,
tiens je t'ai réécris ton code pour que cela fonctionne. Tu vois c'est un peu plus léger comme ça, non ?
ah, tu feras gaffe aux src des img, j'ai changé les valeurs pour tester chez moi. 

<html>
<HEAD> 

<SCRIPT language="JavaScript"> 
explication= new Array("Passez la souris sur une case de votre choix","texte qui décrit la case 1","texte qui décrit la case 2"); 

function Any_Case(flag) {
	document.getElementById('explik_td').innerHTML=explication[flag];
} 
function Blank_Case() {
	document.getElementById('explik_td').innerHTML=explication[0];
}
</SCRIPT>

</HEAD> 
<BODY>

<table>
<tr>
<td><IMG SRC="image1.ext" onMouseOver="Any_Case(1)" onMouseOut="Blank_Case()"></td>
<td><IMG SRC="image2.ext" OnMouseOver="Any_Case(2)" onMouseOut="Blank_Case()"></td>
</tr>
</table>

<table>
<tr><td id="explik_td">
<U> Explication: </U> 
<BR>
</td></tr> 
</TABLE> 
<script language="javascript">
document.getElementById('explik_td').innerHTML=explication[0];
</script>
</BODY>
</html>

   
Répondre à carbon3

2

 camille, le 29 mar 2008 à 15:23:01

Ok, merci beaucoup, ça a marché;
bon weekend

   
Répondre à camille
Posez votre question Répondre
Ils ont besoin de votre aide