changement contenu cellule au passage de la souris

changement contenu cellule au passage de la souris - HTML/CSS - Programmation

Marsh Posté le 20-10-2002 à 12:36:44    

voila, je voudrais qu'au passage d'une image, le contenu d'une cellule d'un tableau change !  
 
quelqu'un saurait-il comment faire ??  
 
merci d'avance !  :jap:


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
Reply

Marsh Posté le 20-10-2002 à 12:36:44   

Reply

Marsh Posté le 20-10-2002 à 19:37:34    

[:yoyoz]


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
Reply

Marsh Posté le 20-10-2002 à 19:43:09    

http://www.toutjavascript.com/source/rollover1.zip ici tu as un script qui permet de changer une image dans une cellule au passage de la souris sur des liens se trouvant dans une autre cellule... Si j'ai bien compris c'est ce que tu cherches, tu n'as qu'à changer les images par texte et vis versa selon ce que tu veux faire.
 

Reply

Marsh Posté le 20-10-2002 à 20:31:24    

merci :jap: je vais tester tout ca !


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
Reply

Marsh Posté le 20-10-2002 à 20:32:16    

apparament c valable juste pr les images :(
 
ya personne ki sait comment faire en DHTML ou autre ?


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
Reply

Marsh Posté le 20-10-2002 à 21:06:11    

Il faut faire un truc de ce style :
 
D'abord il faut identifier la cellule avec un attribut id="..." :
 

<td id="maCellule">Plop !</td>


 
Ensuite deux petites fonctions JS :
 

function rolloverIn(cellule) {
  document.getElementById(cellule).innerHTML = "mon nouveau texte";
}
 
function rolloverOut(cellule) {
  document.getElementById(cellule).innerHTML = "Plop !";
}


 
Enfin pour l'image :
 

<img src="..." alt="..." onmouseover="rolloverIn('maCellule');" onmouseout="rolloverOut('maCellule');">


 
A adapter ensuite selon tes besoins.


Message édité par gm_superstar le 20-10-2002 à 21:06:19

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-10-2002 à 21:21:48    

merci bcp  :jap:  :sol: :D:D


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
Reply

Marsh Posté le 20-10-2002 à 21:27:23    

gm_superstar a écrit a écrit :

Il faut faire un truc de ce style :
 
D'abord il faut identifier la cellule avec un attribut id="..." :
 

<td id="maCellule">Plop !</td>


 
Ensuite deux petites fonctions JS :
 

function rolloverIn(cellule) {
  document.getElementById(cellule).innerHTML = "mon nouveau texte";
}
 
function rolloverOut(cellule) {
  document.getElementById(cellule).innerHTML = "Plop !";
}


 
Enfin pour l'image :
 

<img src="..." alt="..." onmouseover="rolloverIn('maCellule');" onmouseout="rolloverOut('maCellule');">


 
A adapter ensuite selon tes besoins.



et tout ce bazard ne marche que sur IE :D
 
pour netscape, utiliser les layers


Message édité par skylight le 20-10-2002 à 21:27:34
Reply

Marsh Posté le 20-10-2002 à 22:06:26    

skylight a écrit a écrit :

et tout ce bazard ne marche que sur IE :D
 
pour netscape, utiliser les layers



Ca marche avec NS 6/7 et Mozilla aussi.
 
Pour NS 4 un document.maCellule.document.write("message" ); devrait marcher aussi.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-10-2002 à 22:16:13    

gm_superstar a écrit a écrit :

 
Ca marche avec NS 6/7 et Mozilla aussi.
 
Pour NS 4 un document.maCellule.document.write("message" ); devrait marcher aussi.
 



le getelementbyid marche sur NS .....  :heink:  j'étais persuadé que non

Reply

Marsh Posté le 20-10-2002 à 22:16:13   

Reply

Marsh Posté le 20-10-2002 à 22:55:34    

Ben NS 6/7 c'est un Mozilla déguisé et comme innerHTML est supporté par Mozilla : http://www.mozilla.org/docs/dom/do [...] ml#1027694


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 21-10-2002 à 01:18:44    

bin j'orai appris un truc tooday :D

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed