Il y a actuellement 380 visiteurs
Vendredi 29 Mars 2024
accueilactualitésdossierscomparer les prixtélécharger gratuitement vos logicielsoffres d'emploiforum informatique
Connexion
Créer un compte

Problème en JavaScript: modification de texte par OnMouseOve

Besoin d'aide pour configurer un serveur ? Vous souhaitez obtenir des conseils pour référencer votre site ? Un petit souci pour accéder à votre FTP ? Des soucis de programmation en PHP / ASP / HTML / XHTML / XML / XSLT / CSS / ReactJS / AngularJS / VueJS / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...

Problème en JavaScript: modification de texte par OnMouseOve

Message le 29 Mar 2008 12:31

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.
Mella
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 12
Inscription: 04 Déc 2007 22:08
 


Message le 29 Mar 2008 15:30

Salut !

Je pense que tu devrais plutôt n'utiliser qu'une fonction pour toutes les cases avec un switch pour choisir le texte. Pour l'instant le paramètre "explication" de ta fonction ne sert à rien, il faut déclarer ta variable à l'intérieur. De plus tes fonctions "caseX" changent la valeur de la variable mais pas le texte affiché...


Voici un exemple qui pourrait fonctionner (à tester, j'ai peut-être oublié quelque chose) :

Code: Tout sélectionner
/***  fonction javascript ***/
function explications(num_case) {
    switch(num_case)
       {
       case 1 :
           document.getElementById('cadre_explication').innerHTML = "texte qui décrit la case 1.";
       break;
       case 2 :
           document.getElementById('cadre_explication').innerHTML = "texte qui décrit la case 2.";
       break;
       case 3 :
           document.getElementById('cadre_explication').innerHTML = "texte qui décrit la case 3.";
       break;
       default :
             document.getElementById('cadre_explication') = "Passez la souris sur une case de votre choix.";
       }
}


Code: Tout sélectionner
<!-- Appel de la fonction sur le OnMouseOver-->
 <IMG SRC="case1.GIF" onMouseOver="javascript:explications(1)">
 


Code: Tout sélectionner
<!-- Div où s'afficheront les explications -->
<TABLE >
<tr> <td>
<U> Explication: </U>
<BR />
<div id='cadre_explication'>Passez la souris sur une case de votre choix.</div>
</td> </tr>
</TABLE> 


document.getElementById('cadre_explication').innerHTML correspond au contenu de la div "cadre_explication". On lui donne différentes valeurs selon le paramètre "num_case" (numéro de la case).

Bon courage, n'hésite pas à demander des précisions si tu ne comprends pas tout.
Avatar de l'utilisateur
gael49
Expert(e)
Expert(e)
 
Messages: 1935
Inscription: 07 Sep 2004 20:11
Localisation: Les Mauges
 



Sujets similaires

Message Problème avec la KB5034441
Bonjour,Certains ont du rencontrer ce problème avec cette mise à jour qui a bien du mal à passer.Je viens de recevoir ce correctif proposé par Microsoft :ICI.Je vous le dit de suite personnellement si j'étais dans le même cas que vous j'attendrai une réelle mise à jour mise en place par Microsoft.Je ...
Réponses: 12

Message encore un probleme mise à jour windows KB5001716
Salut à vous cela commence, j'avoue, à devenir pénible, j'en suis désolé, mais ce soir au 5 mars 2024 est apparu un nouveau problème sur Windows update la mise à jour KB5001716 ne veut pas s'installer, j'ai eu beau redémarrer mon pc pour voir si cela pouvait fonctionner rien à faire cette mise à jou ...
Réponses: 28

Message [Réglé] problème de barre inexistante sur pc portable asus
Bonjour,Depuis hier, en allumant mon pc portable asus modèle F 402 S, il bloque sur le bureau, je n'ai plus la barre de tâches donc les icônes à côté de l'heure comme avant et la souris fait un rond et impossible de cliquer et d'ouvrir des fichiers ou d'aller sur internet c'est bizarre, est-ce une ...
Réponses: 9

Message probleme avec le nouvel Outlook !
Bonjour,à la maison, nous nous partageons 7 adresses : outlook.fr, orange.fr, live.fr, libello.com, hotmail.com et 2 gmail.com.Tout était parfait jusqu'au moment où le nouvel OUTLOOK s'est imposé.Là, un seul compte a survécu, @outlook.fr, impossible d'afficher les 6 autres !Quand on ouvre la message ...
Réponses: 5

Message Konrow City 4 - Probleme de place...
Bonjour à toutes et tousJe sais que mon tél est un bas de gamme mais je n'ai pas besoin de plus..., si ce n'est un peu de place...https://konrow.com/products/city4 avec Android? 11 (édition GO)...Mon souci est que sur le mien, la carte interne est presque pleine alors que je n'ai "presque" ...
Réponses: 2

Message Problème de son quand je joue (windows ok)
Merci mais cela ne donne rien...Je vais peut-être reformater windows car ce "bug" est arrivé du jour au lendemain...
Réponses: 15

Message [Réglé] probleme messagerie ORANGE
Bonjour,J'utilise Orange depuis 25 ans en messagerie.Depuis 2 jours je ne parvient plus a y acceder avec mon ordinateur.En fait lorsque j'ouvre la page d'accueil pour aller voir mes emails, au lieu d'avoir la page sur laquelle je dois entrer mon adresse email et mon mot de passe j'ai une page me dis ...
Réponses: 45


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 6 invités


.: Nous contacter :: Flux RSS :: Données personnelles :.