[RESOLU]document.getElementById() = null mais pourquoi ??

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [RESOLU]document.getElementById() = null mais pourquoi ??

headquaker

Bonjour,

J'ai une liste d'articles et pour les administrateurs il y a une colonne en plus qui permet via un bouton d'éditer un article. Il y a un bouton par article.

J'ai simplifié le nom des différents éléments.

Voici le code HTML:

Code :

<form method="post" action="" id="nomForm" name="nomForm"><input type="hidden" name="nomhidden" value=""><a href="#" onclick="htmlPost_edit(\'editArticle\')">EDIT</a></form>

Voici le code JS:

Code :

function htmlPost_edit(variable)
{
document.getElementById("nomForm" ).nomhidden.value = variable;
document.getElementById("nomForm" ).submit();
}

Le souci c'est que j'ai une erreur :

document.getElementById("nomForm" ) is null

Quelqu'un peut m'aider. Bizarrement ce code fonctionne pour d'autres éléments du site

Merci !

Message édité par headquaker le 20-06-2010 à 01:40:08

Publicité

Pascal le nain

Essaye de donner un id différent du name...
Sinon comme ça... je vois pas d'où vient le problème...
Ca vient peut-être du contexte...

Tu peux mettre ta page en ligne ?

Message édité par Pascal le nain le 13-06-2010 à 06:28:51

gatsu35

Blablaté par Harko

il faut un id sur ton form pas un name

---------------
Blablaté par Harko

headquaker

Ok je teste, si ca ne marche pas je post ma page.

olivthill

Ca dépend du navigateur.

Pour Firefox, il faut un id.
Mais pour IE et quelques versions d'Opera, getElementById marche aussi avec name.

Il y a aussi des subtilités avec la sensibilité aux majuscules et minuscules.

Citation :

oElement = object.getElementById(sIDValue)
Returns the first object with the specified ID or NAME.
Internet Explorer 8 and later. In IE8 mode, getElementById performs a case-sensitive match on the ID attribute only. In IE7 mode and previous modes, this method performs a case-insensitive match on both the ID and NAME attributes, which might produce unexpected results.
If more than one element is found, getElementById returns the first object in the collection.
For more information, see Defining Document Compatibility http://msdn.microsoft.com/en-us/li [...] S.85).aspx .

(source : http://msdn.microsoft.com/en-us/li [...] S.85).aspx )

Message cité 1 fois

gatsu35

Blablaté par Harko

olivthill a écrit :

Citation :

Oui mais c'est un comportement débile juste pour des soucis de compatibilité car des mecs on codé des sites comme des gros porc.

getElementById ça porte bien son nom, ça retourne un élément par son ID, pas son name

---------------
Blablaté par Harko

headquaker

de toute facon j'utilise l'ID...et comme je l'ai dit, ce code fonctionne avec pleins d'autres fonctionnalités. Y'a juste là...

Message cité 1 fois
Message édité par headquaker le 13-06-2010 à 23:12:54

lasnoufle

La seule et unique!

headquaker a écrit :

de toute facon j'utilise l'ID...et comme je l'ai dit, ce code fonctionne avec pleins d'autres fonctionnalités. Y'a juste là...

Balise input mal fermée? Enfin je suppose que à peu près n'importe quel navigateur le corrigera. Mais sinon je vois pas.

Edit: Je viens de C/C ton code dans un fichier HTML tout simple, et ca marche sous FF3.5 et IE7. T'es sur d'avoir un problème? C'est quoi ton navigateur?

Message édité par lasnoufle le 14-06-2010 à 00:27:06

---------------
C'était vraiment très intéressant.

headquaker

Salut, désolé du retard j'étais en déplacement.

J'ai Firefox et sous Ie8 c'est pareil.

En fait, j'ai un autre souci mais le problème est similaire. Je fouille actuellement le code afin de voir si j'ai oublié quelque chose dans mon code.
voici le code: (je précise qu'il n'est pas propre, ce n'est qu'une ébauche.

Le souci se trouve au niveau de la form:
<form method="post" action="" id="f_loginmgrmenu" name="f_loginmgrmenu">
<input type="hidden" name="h_test" value="test" />
<input type="hidden" name="h_btlogger" value="" />
<a href="#" onclick="htmlPost_f_loginmgrmenu('editlogins')">EDIT</a>
</form>

la valeur de btlogger passe nikel mais pas celle de h_test... alors que pour d'autres parties du site, cela fonctionne très bien...

Code :

<div id="index">
<div id="page-middle">
<table id="liste_header">
<tr>
<td id="colClient_header">COL1</td>
<td id="colLogin_header">COL2</td>
<td id="colPassword_header">COL3</td>
<td id="colDescription_header">COL4</td>
<td id="colAdministration_header">COL5</td>
</tr>
</table>
<table id="liste">
<tr>
<td id="colClient"><table id="domaine_client" border="0">
<tr>
<td id="nom_domaines"><img src="images/icone_ANTIVIRUS.png" height="32" width="32" alt="ANTIVIRUS"></td>
<td id="tiret_client"><hr></td>
<td id="nom_clients"></td>
</tr>
</table></td>
<td id="colLogin"><div id="login">Usert</div></td>
<td id="colPassword">
<div id="password">
<a href="#" class="bulle" id="bulle">
Voir Password
<span id="span_password">
<form id="f_d_Password" name="f_d_Password">
<input type="text" id="tb_d_Password" name="tb_d_Password" readonly onMouseOver="select();" value="bachibouzok" />
</span>
</a>
</div>
</td>
<td id="colDescription"><div id="description">MDP de test pour l'appli</div></td>
<td id="colAdministration">
<form method="post" action="" id="f_loginmgrmenu" name="f_loginmgrmenu">
<input type="hidden" name="h_test" value="test" />
<input type="hidden" name="h_btlogger" value="" />
<a href="#" onclick="htmlPost_f_loginmgrmenu('editlogins')">EDIT</a>
</form>
</td>
</tr>
</table>
</div>
</div>

Message édité par headquaker le 18-06-2010 à 00:27:35

lasnoufle

La seule et unique!

Dans le dernier bout de code que t'as mis, tu fermes jamais la première balise <form>, 99% de chances que ca vienne de là.

---------------
C'était vraiment très intéressant.

Publicité

headquaker

Salut,

bien vu mais c'est pas ca

Message cité 1 fois

lasnoufle

La seule et unique!

headquaker a écrit :

Salut,

bien vu mais c'est pas ca

Ben je vais faire mon chiant, mais en faisant un c/c de ton code dans une page bidon, ca marche pour moi:

<html><head><script>
function htmlPost_f_loginmgrmenu(variable)
{
alert(document.getElementById("f_loginmgrmenu" ).h_test.value);
alert(document.getElementById("f_loginmgrmenu" ).h_btlogger.value);
}
</script><head><body>

<div id="index">
<div id="page-middle">
<table id="liste_header">
<tr>
<td id="colClient_header">COL1</td>
<td id="colLogin_header">COL2</td>
<td id="colPassword_header">COL3</td>
<td id="colDescription_header">COL4</td>
<td id="colAdministration_header">COL5</td>
</tr>
</table>
<table id="liste">
<tr>
<td id="colClient"><table id="domaine_client" border="0">
<tr>
<td id="nom_domaines"><img src="images/icone_ANTIVIRUS.png" height="32" width="32" alt="ANTIVIRUS"></td>
<td id="tiret_client"><hr></td>
<td id="nom_clients"></td>
</tr>
</table></td>
<td id="colLogin"><div id="login">Usert</div></td>
<td id="colPassword">
<div id="password">
<a href="#" class="bulle" id="bulle">
Voir Password
<span id="span_password">
<form id="f_d_Password" name="f_d_Password">
<input type="text" id="tb_d_Password" name="tb_d_Password" readonly onMouseOver="select();" value="bachibouzok" />
</form>
</span>
</a>
</div>
</td>
<td id="colDescription"><div id="description">MDP de test pour l'appli</div></td>
<td id="colAdministration">
<form method="post" action="" id="f_loginmgrmenu" name="f_loginmgrmenu">
<input type="hidden" name="h_test" value="test" />
<input type="hidden" name="h_btlogger" value="prout" />
<a href="#" onclick="htmlPost_f_loginmgrmenu('editlogins')">EDIT</a>
</form>
</td>
</tr>
</table>
</div>
</div>
</body></html>

---------------
C'était vraiment très intéressant.

headquaker

Ça marche, j'ai trouvé d'où venait le problème. J'avais un souci au niveau des noms de formulaire avec un doublon sur ma page.

FORUM HardWare.fr

Programmation

HTML/CSS

[RESOLU]document.getElementById() = null mais pourquoi ??

Sujets relatifs
(resolu) requetes sur 900 bases mysql avec boucles	[Résolu] Petit problème "for" déjà dans une boucle ...
[RESOLU] [SHELL] extraction et reformattage des données d'un fichier	[resolu] GWT et image
[Resolu] Ouvrir un fichier ".csv" par macro proprement	[Résolu] Positionnement d'une image/banniere dans le CSS
[résolu]Accorder les hauteurs de deux <div>	[RESOLU] Ouvrir une vue
[VB - Excel] Insertion ligne qui n'incrémente pas formules [résolu]	[resolu] compilation release Visual Studio 2008
Plus de sujets relatifs à : [RESOLU]document.getElementById() = null mais pourquoi ??

Page générée en 0.058 secondes