Question javscript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Question javscript

Magg27

Bonjour,

J'ai créé cette fonction javascript qui me permet de changer le style des lignes sélectionnées dans un tableau/formulaire et de checker le bouton radio correspondant :

Code :

function select(tr,idradio)
{
if (tr.className!="police_table2" )
{
var lestr = document.getElementsByName("trselect" );
for (i=0; i<lestr.length; i++)
{
if (lestr[i].className=="police_table2" )
{
lestr[i].className="police_table";
}
}
tr.className="police_table2";
document.getElementById(idradio).checked=true;
}
}

Ce script marche très bien à condition qu'il n'y ai qu'un seul tableau/formulaire.

Si je veux en ajouter un autre il faut que je fasse un nouveau script adapté aux nouveaux idtr et idradio et c'est pas top.

Le truc que j'aimerais bien faire c'est de garder les même idtr et idradio pour tous les formulaire en ne changeant juste que l'id du formulaire et arriver à un code normalisé comme celui-ci

Code :

function select(tr,idradio,idform)
{
if (tr.className!="police_table2" )
{
var lestr = document.idform.getElementsByName("trselect" );
for (i=0; i<lestr.length; i++)
{
if (lestr[i].className=="police_table2" )
{
lestr[i].className="police_table";
}
}
tr.className="police_table2";
document.idform.getElementById(idradio).checked=true;
}
}

En plaçant l'idform en paramètre.
Mais évidemment ce code ne marche pas mais l'idée y est.
Ca m'éviterai de créer une version de ce script pour chacun de mes formulaires ...

Savez-vous comment je peux faire ça ?

Publicité

pataluc

tu peux poster un extrait de ton html?

Message édité par pataluc le 13-01-2010 à 14:07:04

Magg27

Pas de problème :

Code :

<table name="contrat_hardware">
<tr id="trselect<?php echo $ContratHW_Id; ?>" name="trselect" onclick="select(this,<?php echo $ContratHW_Id; ?> );" class="police_table"><td><input name="radio" type="radio" id="<?php echo $ContratHW_Id; ?>" /></td>
<td><?php echo $Solution_Type; ?></td>
<td><?php echo $HW_Num_Serie; ?></td>
<td><?php echo $ContratHW_Num_Order; ?></td>
<td><?php echo $ContratHW_Niveau_Maintenance; ?></td>
<td><?php echo $ContratHW_Date_Fin_Garantie_HW_Customer; ?></td>
<td><?php echo $ContratHW_Date_Fin_Garantie_HW_Supplier; ?></td>
<td><?php echo $ContratHW_ContractingOrg; ?></td>
<td><?php echo $ContratHW_Contractor; ?></td>
</tr>
</table>
<table name="contrat_sw">
<tr id="trselect<?php echo $ContratSW_Id; ?>" name="trselect" onclick="select(this,<?php echo $ContratSW_Id; ?> );" class="police_table"><td><input name="radio" type="radio" id="<?php echo $ContratSW_Id; ?>" /></td>
<td><?php echo $Solution_Type; ?></td>
<td><?php echo $Product_Designation; ?></td>
<td><?php echo $Product_Version; ?></td>
<td><?php echo $ContratSW_Product_License; ?></td>
<td><?php echo $ContratSW_Etat; ?></td>
<td><?php echo $ContratSW_Product_NiveauMaint; ?></td>
<td><?php echo $ContratSW_Product_DateExp; ?></td>
<td><?php echo $ContratSW_Cares; ?></td>
</tr>
</table>
<table name="offres">
<tr id="trselect<?php echo $Offre_Id; ?>" name="trselect" onclick="select(this,<?php echo $Offre_Id; ?> );" class="police_table"><td><input name="radio" type="radio" id="<?php echo $Offre_Id; ?>" /></td>
<td><?php echo $Offre_Libelle; ?></td>
<td><?php echo $Offre_Date; ?></td>
<td><?php echo $Offre_Tarif; ?></td>
</tr>
</table>

Je voudrais que la fonction javascript select prenne en compte le name de la table pour faire son traitement ...
Faudrait quelquechose du genre document.name_de_la_table.getElementById ou getElementByName, mais bon ça marche pas ...

Si tu as une idée, je te remercie de me le faire savoir !

Message édité par Magg27 le 13-01-2010 à 14:27:09

pataluc

pour aller au plus simple, il faudrait utiliser jquery (ou un autre framework javascript), qui te permettrait d'écrire:

Code :

function select(tr,idradio,idform)
{
if (tr.className!="police_table2" )
{
$(idform + " > trselect" ).each(function(){
if (this.className=="police_table2" )
{
this.className="police_table";
}
}
}
tr.className="police_table2";
$(idform + " #" + idradio).checked = true;
}
}

(attention, j'ai écrit ca comme ca c'est pas testé je sais pas si ca marche, mais c'est l'idée...)

sinon j'ai un peu de mal à voir l'intérêt d'avoir 3 tableaux d'une ligne chacun???

Message édité par pataluc le 13-01-2010 à 15:28:02

Magg27

OK Merci pataluc, ça tombe bien j'ai jquery, je vais donc essayer ton script !

Il n'y a pas qu'une ligne dans chaque tableau : c'était qu'un extrait du code, il y a une boucle for pour chacune des table.

Message édité par Magg27 le 13-01-2010 à 15:46:45

FORUM HardWare.fr

Programmation

HTML/CSS

Question javscript

Sujets relatifs
[Python] Questions de nOob	CSS pas pris en compte + question sur firebug
question sur polyline avec dxflib	[Resolu][C++] Question Architecture avec interface multiple
Question sur les dll	(resolu) Problème de positionnement d'un bouton CSS
Question sur la réservation mémoire	[CSS] Question de mise en page/structure générale (résolu)
Question SOAP	Question de compatibilité internet explorer 7 et inférieur
Plus de sujets relatifs à : Question javscript

Page générée en 0.051 secondes