Question javscript

Marsh Posté le 13-01-2010 à 12:27:01

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 ?

Reply

Marsh Posté le 13-01-2010 à 12:27:01

Reply

Marsh Posté le 13-01-2010 à 14:06:57

tu peux poster un extrait de ton html?

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

Reply

Marsh Posté le 13-01-2010 à 14:26:23

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

Reply

Marsh Posté le 13-01-2010 à 15:26:06

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

Reply

Marsh Posté le 13-01-2010 à 15:46:19

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

Reply

Question javscript

Sujets relatifs:

Leave a Replay