Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2609 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  changement contenu cellule au passage de la souris

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

changement contenu cellule au passage de la souris

n°231124
moon06
Ignorance is bliss
Posté le 20-10-2002 à 12:36:44  profilanswer
 

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 ! -
mood
Publicité
Posté le 20-10-2002 à 12:36:44  profilanswer
 

n°231403
moon06
Ignorance is bliss
Posté le 20-10-2002 à 19:37:34  profilanswer
 

[:yoyoz]


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
n°231407
ValM
Posté le 20-10-2002 à 19:43:09  profilanswer
 

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.
 

n°231434
moon06
Ignorance is bliss
Posté le 20-10-2002 à 20:31:24  profilanswer
 

merci :jap: je vais tester tout ca !


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
n°231435
moon06
Ignorance is bliss
Posté le 20-10-2002 à 20:32:16  profilanswer
 

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 ! -
n°231450
gm_superst​ar
Appelez-moi Super
Posté le 20-10-2002 à 21:06:11  profilanswer
 

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
n°231455
moon06
Ignorance is bliss
Posté le 20-10-2002 à 21:21:48  profilanswer
 

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


---------------
- Si les cons volaient, il ferait nuit tout le temps ! -
n°231460
skylight
Made in France.
Posté le 20-10-2002 à 21:27:23  profilanswer
 

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
n°231488
gm_superst​ar
Appelez-moi Super
Posté le 20-10-2002 à 22:06:26  profilanswer
 

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
n°231498
skylight
Made in France.
Posté le 20-10-2002 à 22:16:13  profilanswer
 

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

mood
Publicité
Posté le 20-10-2002 à 22:16:13  profilanswer
 

n°231529
gm_superst​ar
Appelez-moi Super
Posté le 20-10-2002 à 22:55:34  profilanswer
 

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
n°231589
skylight
Made in France.
Posté le 21-10-2002 à 01:18:44  profilanswer
 

bin j'orai appris un truc tooday :D


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  changement contenu cellule au passage de la souris

 

Sujets relatifs
Voir tout le contenu d'un Choice[C] passage d'une ligne ou d'une colonne d'un tableau
probleme de changement de type pour une variable [newbies du Python]JTable: selection background, contour de la cellule
Passage d'arguments par référence - utilisation d'argument en sortie[JS] Recuperation des coordonnees d'un clic de souris sous Mozilla
[PHP] Passage de paramètrepassage de parametres entre une applet et une servlet
[JS] changement du contenu d'un div 
Plus de sujets relatifs à : changement contenu cellule au passage de la souris

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.053 secondes

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)