elements de formulaire au nom inconnu

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : elements de formulaire au nom inconnu

ctnul

bonjour,
j'ai généré des eleemnts dans un formulaire a l'aide de php du style:
pour i de 0 à fin
<td><input type=text name=cbox[$i] D6D3CE' disabled onclick=func_able($i)></td>
<td><input type=text name=toto[$i] D6D3CE' disabled></td>

mon but c'est de rendre ces elements accessibles a l'aide d'un js. Mais apparement il ne reconnait pas
document.form.element[i].disabled
c'est normal?

Publicité

antp

Super Administrateur
Champion des excuses bidons

Ton HTML généré ressemble à quoi ?

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

ctnul

Il ressemble a ce que je veux!

pour i de 1 à n
<td><input type=text name=cbox[1] D6D3CE' disabled onclick=func_able(1)></td>
<td><input type=text name=toto[1] D6D3CE' disabled></td>
<td><input type=text name=cbox[2] D6D3CE' disabled onclick=func_able(2)></td>
<td><input type=text name=toto[2] D6D3CE' disabled></td>
...
<td><input type=text name=cbox[n] D6D3CE' disabled onclick=func_able(n)></td>
<td><input type=text name=toto[n] D6D3CE' disabled></td>

mais dans le js: if(document.form.cbox[0].disabled) y reconnait pas!?

antp

Super Administrateur
Champion des excuses bidons

heu c'est quoi ces crochets, cette espace et cette apostrophe dans le nom :heink:
Puis en HTML faut mettre les valeurs des attributs entre guillemets ou apostrophes

Message édité par antp le 23-12-2003 à 11:54:56

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

ctnul

dsl un abbus de CtrlC CtrlV lol
qt au "" c'est pour pas avoir de pb avec php
en propre ca fait :
<td><input type=text name=cbox[1] disabled onclick=func_able(1)></td>
<td><input type=text name=toto[1] disabled></td>
<td><input type=text name=cbox[2] disabled onclick=func_able(2)></td>
<td><input type=text name=toto[2] disabled></td>
...
<td><input type=text name=cbox[n] disabled onclick=func_able(n)></td>
<td><input type=text name=toto[n] disabled></td>

le message d'erreur sur la ligne if(document.form.cbox[0].disabled) c qui dit document.form.cbox Null. Alors que c pas vrai!!! Mais j'ai l'impression qui bloque sur mes [].

antp

Super Administrateur
Champion des excuses bidons

T'appelles ça propre ? [:ddr555]

Ces crochets dans le nom je ne vois pas comment ça peut marcher. cbox[0] = le premier element d'une liste appelée cbox

Et pour PHP, bah suffit de mettre des ' en HTML dans les chaînes " PHP, ou l'inverse. (ou mettre des \ devant les guillemets).

Message édité par antp le 23-12-2003 à 12:09:23

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

ctnul

Bon d'accord j'ai pas tendance a faire du propre mais la j'ai fait l'effort de joli \" partout et pourtant il n'obtient pas l'objet attendu

Mara's dad

Yes I can !

Bon les crochet, ça sert à recevoir les données dans des tableaux en PHP !

Le problème n'est pas là. En JS, c'est l'ID qu'il faut utiliser, pas le NAME ! ! ! !

Ton HTML généré doit ressembler à ça :

Code :

<td><input type="text" name="cbox[1]" id="cbox_1" disabled onclick="func_able(1);"></td>
<td><input type="text" name="toto[1]" id="toto_1" disabled></td>
<td><input type="text" name="cbox[2]" id="cbox_2" disabled onclick="func_able(2);"></td>
<td><input type="text" name="toto[2]" id="toto_2" disabled></td>
...
<td><input type="text" name="cbox[n]" id="cbox_n" disabled onclick="func_able(n);"></td>
<td><input type="text" name="toto[n]" id="toto_n" disabled></td>

Avec les " et le ; pour le javascript dans les événements

En js, tu fait comme ça pour tester :

Code :

function func_able( x )
{
if( document.getElementById( 'cbox_' + x ).disabled )
{
...
}
}

Je sais pas ce que tu veux en faire, mais il me semble que tu te fais chier Grâve...
M'enfin, c'est normal au début

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.

antp

Super Administrateur
Champion des excuses bidons

Pas besoin d'id ; pour les forumulaires on peut accéder aux éléments via leur nom comme il le faisait...
mais comme je l'ai dit plusieurs fois (je parle dans le vide ?) des crochets dans les noms ça ne passera pas !

Message édité par antp le 23-12-2003 à 13:24:23

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

Mara's dad

Yes I can !

Les crochet ça passe ! ! !
demo : http://www.surleau.org/test/demo.php

Et les IDs, c'est pas pour les chiens !

Surtout si tu ne numérote pas les []

M'enfin ça marche avec document.form à condition d'avoir une form qui s'appelle form

Surtout, s'il met tout disabled, y'a aucune chance qu'un 'onclick' se déclanche :lol:

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.

Publicité

antp

Super Administrateur
Champion des excuses bidons

mara's dad a écrit :

Les crochet ça passe ! ! !

ha tiens, j'aurai appris quelque chose

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

Mara's dad

Yes I can !

Ben en fait, avec la syntaxe document.NomDuFormulaire.NomDuChamps y'a des problèmes.
D'ou l'utilisation de l'id et de document.getElementById('IdDuChamps') qui en plus d'être indépendante du formulaire est standard !
La syntaxe document.<form_name> ne fait pas partie du DOM.
En revanche document.forms est une collection qui elle fait partie du DOM. Idem pour elements qui est aussi une collection.

On peut donc aussi ecrire :

Code :

function func_able( x, y )
{
if( document.forms[x].elements[y].disabled )
{
...
}
}

M'enfin, je préfère les IDs ou même 'this'...

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.

Mara's dad

Yes I can !

Un de mes exemples préférés :

Code :

<html>
<head>
<script language="javascript">
function suppr( myNode )
{
var curNode = myNode.parentNode.parentNode
curNode.parentNode.removeChild( curNode );
}
function ins( myNode, aTemplate )
{
var curNode = myNode.parentNode.parentNode
curNode.parentNode.insertBefore( newLine( aTemplate ), curNode );
}
function up( myNode )
{
var curNode = myNode.parentNode.parentNode
var prevNode = curNode.previousSibling;
if( prevNode )
{
curNode.parentNode.insertBefore( curNode, prevNode );
}
}
function down( myNode )
{
var curNode = myNode.parentNode.parentNode
var nextNode = curNode.nextSibling;
if( nextNode )
{
curNode.parentNode.insertBefore( nextNode, curNode );
}
}
function add( aTarget, aTemplate )
{
document.getElementById( aTarget ).appendChild( newLine( aTemplate ) );
}
function newLine( aTemplate )
{
var newTr = document.getElementById( aTemplate ).cloneNode( true );
newTr.removeAttribute( 'id' );
return newTr;
}
function init( aTarget, aTemplate )
{
if( ! document.getElementById( aTarget ).hasChildNodes() )
{
add( aTarget, aTemplate );
}
}
</script>
</head>
<body onload="init( 'tb', 'newLine' );init( 'tub', 'newYear' );">
<form>
<table>
<thead>
<tr>
<th>Actions</td>
<th>Nom</th>
<th>Prénom</th>
<th>Adresse</th>
<th>Actions</td>
</tr>
</thead>
<tbody id="tb"></tbody>
</table>
<button type="button" onclick="add( 'tb', 'newLine' );">*</button>
<table>
<thead>
<tr>
<th>Actions</td>
<th>Année</th>
<th>Classes</th>
<th>Actions</td>
</tr>
</thead>
<tbody id="tub"></tbody>
</table>
<button type="button" onclick="add( 'tub', 'newYear' );">*</button>
<input type="submit">
</form>
<table style="display:none;">
<tbody>
<tr id="newLine">
<td>
<button type="button" onClick="up( this )">↑</button>
<button type="button" onClick="down( this )">↓</button>
</td>
<td>
<input type="text" name="Nom[]" value="">
</td>
<td>
<input type="text" name="Prenom[]" value="">
</td>
<td>
<input type="text" name="Adresse[]" value="">
</td>
<td>
<button type="button" onClick="ins( this, 'newLine' )">+</button>
<button type="button" onClick="suppr( this )">-</button>
</td>
</tr>
<tr id="newYear">
<td>
<button type="button" onClick="up( this )">↑</button>
<button type="button" onClick="down( this )">↓</button>
</td>
<td>
<input type="text" name="Annee[]" value="">
</td>
<td>
<input type="text" name="Classe[]" value="">
</td>
<td>
<button type="button" onClick="ins( this, 'newYear' )">+</button>
<button type="button" onClick="suppr( this )">-</button>
</td>
</tr>
</tbody>
</table>
</body>
</html>

J'ai enlevé les commentaires, c'est plus drôle

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.

ctnul

waouhh,
on voit les pros!! Content de vous avoir appris et amusez à la fois c. Juste histoire d'apprendre un peu plus: faut voir les "name" comme des classes et les "id" comme des sous classes ou je suis mal formaté? Et puis pour finir <script> ca suffit, le <script language=JavaScript... c juste pour les debutants?
en tt cas merci.

Mara's dad

Yes I can !

Je vois le NAME comme l'attribut qui sera envoyé comme identifiant la valeur du champs pour le serveur qui reçois le formulaire.
L'ID est un identifiant qui permet d'avoir accès à l'objet HTML dans le DOM du navigateur.
Tous les tags peuvent avoir un ID. Le name, je le réserve au éléments de formulaires, même si la norme l'autorise. Par exemple pour une image http://www.w3.org/TR/html401/struc [...] f-name-IMG
En même temps, il disent bien qu'on devrait utiliser l'ID dans un script, et que si le name est autorisé pour une image par exemple, c'est pour des raisons de compatibilité.

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.

ctnul

waaaaouuhhhhh! le resultat est plus plaisant que le code! je crois que je vais mieux comprendre les noeuds et les this avec ca mais bono les fetes de noel ca sera opas pour cette année!

antp

Super Administrateur
Champion des excuses bidons

ctnul a écrit :

Et puis pour finir <script> ca suffit, le <script language=JavaScript... c juste pour les debutants?

aucun des deux.
Normalement on doit mettre <script type="text/javascript">

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

FORUM HardWare.fr

Programmation

HTML/CSS

elements de formulaire au nom inconnu

Sujets relatifs
Vérification de la source des données formulaire	code inconnu...
comment fermer un pop-up et valider un formulaire d'1 seul clic ?	formulaire
Mon premier formulaire dynamique...	obtenir ip après avoir remplir un formulaire
Griser 2 champs d'un formulaire par rapport au choix dans une liste :o	Impression d'un formulaire Access
Envoi de formulaire	Formulaire dans un formulaire ?
Plus de sujets relatifs à : elements de formulaire au nom inconnu

Page générée en 0.102 secondes