begin process at 2012 05 30 05:14:08
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Débutants

 > 

Tableau et survol


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Tableau et survol

samedi 9 octobre 2004 à 17:00:43 | Tableau et survol

YuL13

Bonjour à tous,
j'ai cherché un peu partout, et j'ai pas trouvé le type de script suivant: le changement de couleur de fond d'une cellule d'un tableau lors du survol d'un lien hors du tableau.
Merci d'avance
samedi 9 octobre 2004 à 18:33:53 | Re : Tableau et survol

leris

salut,

t'as pas dù chercher bien loin ...


<td id="one" style="background-color=black;">


et le lien :


<a href="#" onMouseOver="document.getElementById('one').style.backgroundColor='blue';" onMouseOut="document.getElementById('one').style.backgroundColor='black';">Change</a>


on peut aussi faire une fonction javascript qui servirait pour plusieurs lien et plusieurs cellules , egalement on peut faire en changeant la 'class' de la cellule ...

à toi de voir .

++

L.
samedi 9 octobre 2004 à 20:25:31 | Re : Tableau et survol

YuL13

merci monsieur
dimanche 10 octobre 2004 à 15:26:53 | Re : Tableau et survol

YuL13

encore un détail enfait, justement, j'ai mis l'Id à plusieurs cellules et il le fait ke pour la première cellule ki porte l'Id... donc je sais pas trop comment faire pour l'assigner à plusieurs cellules...
dimanche 10 octobre 2004 à 17:05:43 | Re : Tableau et survol

leris

re,

ben faudrait savoir , c'est une ou plusieurs ?


<html>
<head>
<title>Page</title>
<script language="javascript">
function colorTD(idx)
{
allTD = document.getElementById("monTable").getElementsByTagName("td");
for(i=0;i<allTD.length;i++)
if (allTD[i].id.substr(0,1)==idx.substr(0,1))
allTD[i].style.background = "#FF6600";
else
allTD[i].style.background = "#FFFFFF";
}

function kill(){
allTD = document.getElementById("monTable").getElementsByTagName("td");
for(i=0;i<allTD.length;i++)
allTD[i].style.background = "#FFFFFF";
}
</script>
</head>
<body>
<table border=1 id=monTable width=200 height=200 >
<tr>
<td id=a1> a1</td>
<td id=a2> a2</td>
</tr>
<tr>
<td id=b1> b1</td>
<td id=b2> b2</td>
</tr>
<tr>
<td id=a3> a3</td>
<td id=b3> b3</td>
</tr>
</table>
<br><br>
<a href="#" onMouseOver="colorTD('a0')" onMouseOut="kill('a0')">lien A</a> |
<a href="#" onMouseOver="colorTD('b0')" onMouseOut="kill('b0')">lien B</a>
</body>
</html>


à bientôt pour une nouvelle version de la question ...

L

visitez Bluejayway
scripts à copier/coller
dimanche 10 octobre 2004 à 17:07:42 | Re : Tableau et survol

leris

re,

erreur dans l'url de bluejayway

Bluejayway

++

L
dimanche 10 octobre 2004 à 17:42:42 | Re : Tableau et survol

YuL13

merci beaucoup!! c marche comme je le désirais, reste un problème: il me nike tous les bgcolor de td ke j'ai dans ma stylesheet interne. si t'as une soluce tant mieux sinon tant pis, je metterai un bg img et ce sera rêglé, merci pour tout et à bientot!
dimanche 10 octobre 2004 à 18:19:14 | Re : Tableau et survol

leris

re,

normalement , il n'y a QUE les td de la table "id=monTable" qui sont affectés , ou alors tu as fait une bourde ...

n'oublie pas ! un ID est unique dans une page .

++

L.
dimanche 10 octobre 2004 à 19:23:13 | Re : Tableau et survol

YuL13

j'ai pas fait de bourde mais vu ke le changement de bgcolor n'affecte ke certaines cellules et ke le kill est pour toutes les td, il met le bg du kill à ttes les cellules
dimanche 10 octobre 2004 à 19:25:37 | Re : Tableau et survol

YuL13

c bon j'ai remplacé la valeur de bgcolor par "none" et il nike plus rien, tous est parfait, merci bcp pour tout,
++
Ulysse le Novice


Cette discussion est classée dans : tableau, survol


Répondre à ce message

Sujets en rapport avec ce message

Peut on modifier une cellule d'un tableau ??? [ par webgagner ] Est-il possible de modifier le contenu d'une celulle d'un tableau apres clic sur un bouton de la celule voisine??? Style et Script [ par Pocel ] Débutant,je voudrai changer la couleur de la cellule d'un tableau à la sélection de cette dernière. Pour le moment j'applique un style au onClick, mai tableau à 2 dimensions [ par meskiki ] Comment faire pour créer un tableau à deux dimensions?meskiki PROBLEMES DE CALQUES --- URGENT ! ! ! [ par Foub12 ] Bonjour ! J'aimerais pouvoir afficher un calque au dessus de mon tableau sans que cela perturbe la fonction Onclick qui se trouve dans la cellule de m un truc intéressant !! [ par mickelo ] ben en fait moi j'ai un tableau avec des données qui proviennent d'une base SQL piloté par des ASP, etc ...bref ma liste de données et tellement longu intéressant !!! [ par mickelo ] ben en fait moi j'ai un tableau avec des données qui proviennent d'une base SQL piloté par des ASP, etc ...bref ma liste de données et tellement longu Figer une ligne de tableau ?? [ par mickelo ] Y a t-il moyen de figer une ligne de tableau pour que lorsqu'on défile la page grace a l'ascenseur cette ligne reste en haut de page, une sorte de rec Figer une ligne de tableau [ par mickelo ] Y a t-il moyen de figer une ligne de tableau pour que lorsqu'on défile la page grace a l'ascenseur cette ligne reste en haut de page, une sorte de rec Figer une ligne de tableau [ par mickelo ] Y a t-il moyen de figer une ligne de tableau pour que lorsqu'on défile la page grace a l'ascenseur cette ligne reste en haut de page, une sorte de rec Redimensionnement de tableaux sous javascript/netscape [ par Blasteur ] Bonjour à tous!Je souhaite redimensionner dynamiquement un tableau (du nom de 'CESSION') grâce à une fonction javascript.Le problème c'est que le code


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,936 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales