Il y a actuellement 69 visiteurs
Mardi 27 Juillet 2021
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.
“It has to start somewhere, it has to start sometime, what better place than here, what better time than now?”
Avatar de l'utilisateur
gael49
Expert(e)
Expert(e)
 
Messages: 1932
Inscription: 07 Sep 2004 20:11
Localisation: Les Mauges
 



Sujets similaires

Message probleme ecran en veile et ordi qui tourne
jai un probleme avec mon ordi de bureau tout tourne normalement lecran marche bien et quelque jours apres en le ralument lecran reste en veil et lordi tourne bien en le demontent jai toucher un peut la carte graphique jai ralumer lordie et la sa a marcher mais quelques jours apres rebelote ecrant en ...
Réponses: 5

Message probleme age of empires 3 sur steam
Salut tout le monde depuis quelque temps lorsque je joue sur Steam avec age of empire 3 définitive édition pendant le jeu aléatoirement le jeu plante comme si ma carte graphique était soit défaillante, soit le processeur car le jeu est souvent assez lent voici le type de message que j'ai avant que t ...
Réponses: 4

Message Problème d’affichage 2e écran et tablette graphique
Bonjour à tous,Le problème est le suivant, j?ai besoin de travailler sur 2 écrans et sur une tablette graphique, le câble de mon 2e écran est en HDMI et ma tablette également. Ne possédant qu?une connectique en HDMI sur ma tour j?ai donc acheté un adaptateur HDMI pour double HDMI histoire de faire f ...
Réponses: 0

Message Lenovo yoga problème écran tactile fausses pressions
Bonjour à tous!Je possède un lenovo yoga qui a commencé à bugger depuis quelques mois... L'écran détecte des pressions de partout alors que j'y touche pas comme dans cette vidéo: https://www.youtube.com/watch?v=NKnI4hhyUqg Même si je redémarre le pc, ça recommence, le pc n'est pas en surchauffe (ça ...
Réponses: 11

Message Problème avec cette dernière mise à jour
J'essaie d'installer cette nouvelle mise à jour Windows critique depuis quelques jours maintenant et je continue à rencontrer le même problème, étant donné que cela ne le fait pas.Je vais donc installer les mises à jour et j'obtiens : Mise à jour des fonctionnalités vers Windows 10, version 20H2 Ins ...
Réponses: 3

Message Problème de micro
Bonjour à tous,Dernièrement, le micro de m webcam sur zoom ne fonctionnait pas. D'ou pourrit venir le problème?Avec les derniers Windows je ne sais même plus ou aller pour tester le micro de ma webcam. Je me souviens qu'à l'époque de skype ou msn je pouvais aller dans le menu Windonws qqprt pour fai ...
Réponses: 2

Message Pc portable samsung R730/ CM démarre/VGA ok/LCD probleme
Bonjour, Voila j'expose mon problème, J'ai un vieux PC portable samsung NP-R730 que j'ai voulu remettre en état. le problème s'est l'affichage de l'écran principale, je m'explique, la carte mère démarre sans problème et fonctionne parfaitement branché sur VGA sur un écran externe, en revanche rien o ...
Réponses: 3


Qui est en ligne

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


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