Accueil > Forum > > > > Comment colorer une ligne d'un tableau avec une case à cocher ?
 Comment colorer une ligne d'un tableau avec une case à cocher ?
dimanche 14 août 2011 à 12:34:40 |
Comment colorer une ligne d'un tableau avec une case à cocher ?
Gwendal3
|
Bonjour,
Je cherche à colorer une ligne dont la case à cocher, en début de ligne, est validée.
Je ne connais pas grand chose au JS, j'ai recherché dans le forum, mais apparemment il y a beaucoup de façon de faire... J'ai une contrainte: La page sur laquelle je dois colorer les lignes est créée par un code que je ne peux pas la modifier (Serveur de Fax Sagem).
Voici comment sont codées les lignes:
Code :
Code Javascript :
<tr class="row1">
<td width="72">
<nobr>
<input type="Checkbox" id="CheckRow" name="CheckRow" value="3" onClick=Check()>
<a href="javascript:getTiff('/fax', 3, 1)" title="Cliquer pour visualiser le fichier-image du fax"><img border="0" src='/fax/images/pdf.gif'></a>
<a href="/fax/status/NoteEditor.jsp?Choice=DisplayNote&CheckRow=3&folderIndex=0&pageNumber=1" title="Modifier la note du fax"><img border="0" width="16" height="17" src="/fax/images/note.gif"></a>
</nobr>
</td>
<td class="faxes"><a id="anchor3" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308828978000).toLocaleString())</script></a></td>
<td class="faxes"><a id="anchor3" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">45</a></td>
<td class="faxes"><a id="anchor3" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
<td class="faxes"><a id="anchor3" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">GlobalComServer</a></td>
<td class="faxes"><a id="anchor3" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
<td class="faxes"><a id="anchor3" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">Fax System</a></td>
<td class="faxes"><a id="anchor3" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308828983000).toLocaleString())</script></a></td>
<td class="faxes"><a id="anchor3" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=3" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">RG - Rexel Fgs
OP</a></td>
</tr>
<tr class="row0">
<td width="72">
<nobr>
<input type="Checkbox" id="CheckRow" name="CheckRow" value="4" onClick=Check()>
<a href="javascript:getTiff('/fax', 4, 1)" title="Cliquer pour visualiser le fichier-image du fax"><img border="0" src='/fax/images/pdf.gif'></a>
<a href="/fax/status/NoteEditor.jsp?Choice=DisplayNote&CheckRow=4&folderIndex=0&pageNumber=1" title="Modifier la note du fax"><img border="0" width="16" height="17" src="/fax/images/note.gif"></a>
</nobr>
</td>
<td class="faxes"><a id="anchor4" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308821037000).toLocaleString())</script></a></td>
<td class="faxes"><a id="anchor4" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">43</a></td>
<td class="faxes"><a id="anchor4" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
<td class="faxes"><a id="anchor4" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">0299518393</a></td>
<td class="faxes"><a id="anchor4" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
<td class="faxes"><a id="anchor4" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">Fax System</a></td>
<td class="faxes"><a id="anchor4" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308821042000).toLocaleString())</script></a></td>
<td class="faxes"><a id="anchor4" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=4" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">VF - Derrouch
CR EPAHD Louvigné</a></td>
</tr>
<tr class="row1">
<td width="72">
<nobr>
<input type="Checkbox" id="CheckRow" name="CheckRow" value="5" onClick=Check()>
<a href="javascript:getTiff('/fax', 5, 1)" title="Cliquer pour visualiser le fichier-image du fax"><img border="0" src='/fax/images/pdf.gif'></a>
<a href="/fax/status/NoteEditor.jsp?Choice=DisplayNote&CheckRow=5&folderIndex=0&pageNumber=1" title="Modifier la note du fax"><img border="0" width="16" height="17" src="/fax/images/note.gif"></a>
</nobr>
</td>
<td class="faxes"><a id="anchor5" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308731568000).toLocaleString())</script></a></td>
<td class="faxes"><a id="anchor5" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">24</a></td>
<td class="faxes"><a id="anchor5" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
<td class="faxes"><a id="anchor5" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
<td class="faxes"><a id="anchor5" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
<td class="faxes"><a id="anchor5" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">Fax System</a></td>
<td class="faxes"><a id="anchor5" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308731573000).toLocaleString())</script></a></td>
<td class="faxes"><a id="anchor5" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=5" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">DG - Bouygues</a></td>
</tr>
<tr class="row0">
<td width="72">
<nobr>
<input type="Checkbox" id="CheckRow" name="CheckRow" value="6" onClick=Check()>
<a href="javascript:getTiff('/fax', 6, 1)" title="Cliquer pour visualiser le fichier-image du fax"><img border="0" src='/fax/images/pdf.gif'></a>
<a href="/fax/status/NoteEditor.jsp?Choice=DisplayNote&CheckRow=6&folderIndex=0&pageNumber=1" title="Modifier la note du fax"><img border="0" width="16" height="17" src="/fax/images/note.gif"></a>
</nobr>
</td>
<td class="faxes"><a id="anchor6" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308062381000).toLocaleString())</script></a></td>
<td class="faxes"><a id="anchor6" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">22</a></td>
<td class="faxes"><a id="anchor6" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
<td class="faxes"><a id="anchor6" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
<td class="faxes"><a id="anchor6" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
<td class="faxes"><a id="anchor6" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">Fax System</a></td>
<td class="faxes"><a id="anchor6" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1308062386000).toLocaleString())</script></a></td>
<td class="faxes"><a id="anchor6" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=6" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">Tous - Loxam Tarif</a></td>
</tr>
<tr class="row1">
<td width="72">
<nobr>
<input type="Checkbox" id="CheckRow" name="CheckRow" value="7" onClick=Check()>
<a href="javascript:getTiff('/fax', 7, 1)" title="Cliquer pour visualiser le fichier-image du fax"><img border="0" src='/fax/images/pdf.gif'></a>
<a href="/fax/status/NoteEditor.jsp?Choice=DisplayNote&CheckRow=7&folderIndex=0&pageNumber=1" title="Modifier la note du fax"><img border="0" width="16" height="17" src="/fax/images/note.gif"></a>
</nobr>
</td>
<td class="faxes"><a id="anchor7" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1306829840000).toLocaleString())</script></a></td>
<td class="faxes"><a id="anchor7" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">101</a></td>
<td class="faxes"><a id="anchor7" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
<td class="faxes"><a id="anchor7" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">0299992662</a></td>
<td class="faxes"><a id="anchor7" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"></a></td>
<td class="faxes"><a id="anchor7" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">Fax System</a></td>
<td class="faxes"><a id="anchor7" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'"><script type='text/javascript' language='JavaScript' >document.write(new Date(1306829845000).toLocaleString())</script></a></td>
<td class="faxes"><a id="anchor7" href="/fax/status/ShowDetails.jsp?folderIndex=0&pageNumber=1&FaxIndex=7" title="Utiliser le visualiseur pour afficher les détails d'un fax " class='unbold'">YR - SOFRICA Cde</a></td>
</tr>
La fonction Check()
Code Javascript :
/*
* \brief This function is triggered when the user press
* any of the CheckRow boxes. This function valids
* the state of the CheckRowAll box.
**/
function Check()
{
if (document.ProcessFaxes.CheckRow.length > 0 )
{
for (i = 0; i < document.ProcessFaxes.CheckRow.length; i++)
{
if (document.ProcessFaxes.CheckRow[i].checked == false)
{
document.ProcessFaxes.CheckRowAll.checked = false;
return;
}
}
document.ProcessFaxes.CheckRowAll.checked = true;
}
else
{
document.ProcessFaxes.CheckRowAll.checked = document.ProcessFaxes.CheckRow.checked;
}
}
Merci du coup de main
Gdal |
|
dimanche 14 août 2011 à 18:27:12 |
Re : Comment colorer une ligne d'un tableau avec une case à cocher ?
kazma
|
normalement en faisant le parent de la checkbox on se retrouve se retrouve sur le td et le parent du td c'est le tr c'est a dire la ligne ce qui donnne pour modifier la couleur
Code Javascript : document.ProcessFaxes.CheckRow[i].parenyNode.parentNode.style.backgroundColor='red Code Javascript :
function Check()
{
if (document.ProcessFaxes.CheckRow.length > 0 )
{
for (i = 0; i < document.ProcessFaxes.CheckRow.length; i++)
{
if (document.ProcessFaxes.CheckRow[i].checked == true)
{
document.ProcessFaxes.CheckRow[i].parenyNode.parentNode.style.backgroundColor='red'
}
if (document.ProcessFaxes.CheckRow[i].checked == false){
document.ProcessFaxes.CheckRow[i].parenyNode.parentNode.style.backgroundColor='white'
}
}
|
|
lundi 15 août 2011 à 12:10:18 |
Re : Comment colorer une ligne d'un tableau avec une case à cocher ?
Gwendal3
|
Salut,
Je suis actuellement en vancances et je n'ai pas accès au serveur de fax. Avant de partir, j'ai enregistrer sous la page et récupérer le code JS Check().
Je viens d'essayer mais ton code ne fonctionne pas, mais j'ai aussi remarqué que le code d'origine Check ne fonctionne pas non plus. Est-ce du au faite que je sois en "local" avec une page enregistrée et non sur le serveur?
Si c'est le cas, je ferais la modification à mon retour de mi septembre.
Merci!
Gdal
|
|
mardi 16 août 2011 à 00:22:04 |
Re : Comment colorer une ligne d'un tableau avec une case à cocher ?
kazma
|
sa peut etre possible
bonnes vacances
|
|
vendredi 2 septembre 2011 à 14:31:49 |
Re : Comment colorer une ligne d'un tableau avec une case à cocher ?
pmcoste
|
Il y a juste une erreur javascript dans la dernière ligne.
remplace :
document.ProcessFaxes.CheckRow[i].parenyNode.parentNode.style.backgroundColor='white'
par :
document.ProcessFaxes.CheckRow[i].parentNode.parentNode.style.backgroundColor='white'
---------------------
Oderint dum metuant
|
|
Cette discussion est classée dans : date, document, write, tolocalestring, processfaxes
 Répondre à ce message
 Sujets en rapport avec ce message
onMouseOver [ par lu6fer ]
bonjour, voila j'ai un petit probleme avec mon onMouseOver. je voudrai que lors du passage de la souri sur une image reactive, le frame de gauche ce m
form ????? [ par lu6fer ]
bonjour, j'ai un petit probleme avec un form, je voudrai que lors du passage de la souris sur l'image reactive, un nom soir automatiquement ecrit dans
format de date [ par perruche1 ]
Bonjour à tous, Dans le code suivant j'obtiens ce que je veux (la date du jour et celle de 18 jours après), mais je n'arrive pas à trouver comment je
Appeler un fichier JS [ par squago ]
Bonsoir à tous, J'ai une question certainement très idiote, mais en tant que super novice vous m'en excuserez, j'espère. Voilà, j'ai récupéré un javas
pb compatibilité de ma galerie d'images. [ par fluffenfrance ]
Bonjour, voici le code que j'utilise pour une galerie d'image sur mon site internet: <!-- function popupImage(url,titre) { var img = nu
Affiché valeur checkbox/radio si coché [ par amine38 ]
Bonjour ! voilà j'ai un petit travail à faire et je ne parviens pas à résoudre mon problème : Je souhaite affiché la valeur des radios et checkbox co
Changer la couleur du texte en javascript [ par Zoulien ]
Bonjour à tous, je souhaite modifier le script suivant afin que le texte s'écrive en blanc. J'ai tous essayé, et je suis au bord du précipice... Merci
Probleme javascript au niveau du passage de variable [ par samox007 ]
Bonjour, J'ai besoin de votre aide ,merci. [u]Etape 1(Code JavaScript):[/u] //Ajoute une ligne dans mon tableau function createLigne(date_semaine,a
probleme pour afficher un popup [ par tupense ]
bonjour j'ai un script qui liste des dossier dans un dossier puis qui affichent ceux-ci en lien au click il liste les fichier du dit dossier il affic
probleme pour afficher un popup php et javascript [ par tupense ]
bonjour je veux faire un popup en recuperant des variables pour la popup elle marche mais l'image ne s'affiche pas dedans c'est blanc avec dans la bar
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|