CHANGEMENT DE COULEUR D'UNE LIGNE DE TABLEAU AVEC LE PASSAGE DE LA SOURIS OU PAR

cs_phm Messages postés 49 Date d'inscription jeudi 17 janvier 2002 Statut Membre Dernière intervention 23 avril 2009 - 6 juil. 2004 à 10:46
soumboula Messages postés 15 Date d'inscription lundi 13 février 2006 Statut Membre Dernière intervention 29 juillet 2008 - 29 mai 2008 à 16:33
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/24294-changement-de-couleur-d-une-ligne-de-tableau-avec-le-passage-de-la-souris-ou-par-clic

soumboula Messages postés 15 Date d'inscription lundi 13 février 2006 Statut Membre Dernière intervention 29 juillet 2008
29 mai 2008 à 16:33
svp bradon j'ai un pti problème le script ne marche po je en sais po prkoi pour ce dernier j'ai suivi les inctruction ke vous aviez signaler en bas, mais pour chaque ligne voila ske j'avai mis:

<table width="684" border="0" align="center" cellpadding="4" cellspacing="1">
<tr name="ligne" onclick="selec(this)" onmousemove="lavend(this)" onmouseout ="transp(this)" bgcolor="#FF9933" style="background-color:#fff">
<td width="163" bgcolor="#FF9933">N° de Compte</td>
<td width="183" bgcolor="#FF9933">Libellé du Compte</td>
</tr>
je travaille en php si vous avez une solution dites le moi svp, le plus vite possible
rleveau Messages postés 5 Date d'inscription mercredi 31 mai 2006 Statut Membre Dernière intervention 2 juin 2006
2 juin 2006 à 18:21
Pour info, mais aussi à titre de question...
J'ai remplacé les couleurs 'red' etc. par des valeurs hexa ; ca ne fonctionne plus !!!
C'est normal à votre avis ? Une solution ?
rleveau Messages postés 5 Date d'inscription mercredi 31 mai 2006 Statut Membre Dernière intervention 2 juin 2006
2 juin 2006 à 17:11
J'AI TROUVE !!! (c'est rare que j'trouve des trucs comme ça alors j'enprofites...)

Ca donne :

// colore la ligne en transparent
function transp(ligne)
{
if (ligne!=temp && ligne.style.background!='red') ligne.style.background='transparent';
}

// colore la ligne en lavande
function lavend(ligne)
{
if (ligne!=temp && ligne.style.background!='red') ligne.style.background='lavender';
}

Et Mozilla prend la chose plutôt bien.
rleveau Messages postés 5 Date d'inscription mercredi 31 mai 2006 Statut Membre Dernière intervention 2 juin 2006
2 juin 2006 à 16:55
Bien d'accord !!!
Ce script est bien pratique ! Merci à toi Brandon !

Mais je suis comme Amlette, j'aimerais le faire fonctionner sur Mozilla...
Le onMouseOut prend systématiquement la main, même après un onClick.

Si qq'un à une idée...

Merci.
sasuke237 Messages postés 5 Date d'inscription samedi 15 octobre 2005 Statut Membre Dernière intervention 21 janvier 2006
6 mai 2006 à 11:02
nul
sasuke237 Messages postés 5 Date d'inscription samedi 15 octobre 2005 Statut Membre Dernière intervention 21 janvier 2006
6 mai 2006 à 11:02
nul
Utilisateur anonyme
30 nov. 2005 à 03:11
Script bien pratique, merci. Je cherche une version similaire compatible avec Mozilla. S'il faut ajouter qu'une ou quelques lignes supplémentaires, n'hésitez pas à me les communiquer.
nitrox13 Messages postés 6 Date d'inscription vendredi 11 février 2005 Statut Membre Dernière intervention 20 mars 2005
13 avril 2005 à 01:00
J'ai trouvé, il y a un ; en trop a la fin de ton code.
nitrox13 Messages postés 6 Date d'inscription vendredi 11 février 2005 Statut Membre Dernière intervention 20 mars 2005
13 avril 2005 à 00:52
Salut,
J'ai un tableau (extraction base sql) et une région répétée.
Ton script ne fonctionne pas (je ne sais pas ou mettre ton code).
Peux tu m'aider
DjZebulon Messages postés 19 Date d'inscription lundi 11 mars 2002 Statut Membre Dernière intervention 12 décembre 2005
17 mars 2005 à 12:40
génial exactement se qu'il me fallait et simple. Grand merci
cs_jaber Messages postés 2 Date d'inscription lundi 17 novembre 2003 Statut Membre Dernière intervention 17 août 2004
17 août 2004 à 12:19
pas mal du tout !
cs_phm Messages postés 49 Date d'inscription jeudi 17 janvier 2002 Statut Membre Dernière intervention 23 avril 2009
6 juil. 2004 à 12:52
mon url est un peu curieuse car j'utilise un serveur web spécifique (4eme dimension)
vous pouvez remplacer

onclick="selec(this,'\4daction\hgsdhgdsh\')"

par

onclick="selec(this,monurlamoi)"
cs_phm Messages postés 49 Date d'inscription jeudi 17 janvier 2002 Statut Membre Dernière intervention 23 avril 2009
6 juil. 2004 à 12:50
si sur

onclick="selec(this);"

tu ajoute une url en 2nd paramètre

onclick="selec(this,'\4daction\hgsdhgdsh\')"

tu peux ouvrir une fiche sur double clic
(si tu as une liste avec des fiches + détaillées)

en modifiant le fichier .js comme suit :

(j'ai mis des white au lieu de transparent)
(parent.window.location=newurl;)

/************************
Contenu du fichier selection.js
*************************/
var select = 0;
var temp;

// colore la ligne en transparent
function transp(ligne)
{
if (ligne.style.background!='red') ligne.style.background='white';
}

// colore la ligne en lavande
function lavend(ligne)
{
if (ligne.style.background!='red') ligne.style.background='lavender';
}

// colore la ligne en transparent si elle est rouge
// remet en transparent la ligne selectionnée precedement et colore celle si en rouge si differente
// indique qu'une ligne est selectionnée en mettant le parametre select a 1
function selec(ligne,newurl)
{
if (!select)
{ select = 1;
ligne.style.background='red';
temp = ligne;

}
else
{
if (ligne.style.background=='red')
{ select = 0;
ligne.style.background='white';
parent.window.location=newurl;
}
else
{ temp.style.background='white';
ligne.style.background='red';
temp=ligne;
}
}

}
cs_phm Messages postés 49 Date d'inscription jeudi 17 janvier 2002 Statut Membre Dernière intervention 23 avril 2009
6 juil. 2004 à 10:46
Bravo,
c'est très intéressant et pratique.
je vais l'utiliser.
Si je peux te rendre service
n'hésite pas

cordialement

Philippe
cs_phm Messages postés 49 Date d'inscription jeudi 17 janvier 2002 Statut Membre Dernière intervention 23 avril 2009
6 juil. 2004 à 10:46
Bravo,
c'est très intéressant et pratique.
je vais l'utiliser.
Si je peux te rendre service
n'hésite pas

cordialement

Philippe
Rejoignez-nous