Javascript/DOM ajout input/select en colonne dans un tableau

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Javascript/DOM ajout input/select en colonne dans un tableau

Elenglor

Bonjour,

J'ai actuellement un petit prob d'affichage des noms dans mes balises option.
Je génère mon formulaire par du Javascript/DOM comme ceci :

Code :

function addTimeCrit(row)
{
if(noCrit[row]<=2){
var tbody = document.getElementById("nomTable" ).getElementsByTagName("tbody" )[0];
var vrow = document.getElementById(row);
var cell = document.createElement("td" );
var sel = document.createElement("select" );
var opt1 = document.createElement("option" );
var opt2 = document.createElement("option" );
var opt3 = document.createElement("option" );
var opt4 = document.createElement("option" );
var opt5 = document.createElement("option" );
opt1.setAttribute("value",">" );
//opt1.setAttribute("name",">" );
opt2.setAttribute("value","<" );
opt3.setAttribute("value",">=" );
opt4.setAttribute("value","<=" );
opt5.setAttribute("value","!=" );
var inp = document.createElement("input" );
inp.setAttribute("type","text" );
inp.setAttribute("size",7);
inp.setAttribute("name",row+"_crit"+noCrit[row]);
inp.setAttribute("id",row+"_crit"+noCrit[row]);
sel.setAttribute("name",row+"_comp"+noCrit[row]);
sel.setAttribute("id",row+"_comp"+noCrit[row]);
sel.appendChild(opt1);
sel.appendChild(opt2);
sel.appendChild(opt3);
sel.appendChild(opt4);
sel.appendChild(opt5);
cell.appendChild(sel);
cell.appendChild(inp);
vrow.appendChild(cell);
noCrit[row]++;
}

Les > , < , >= ,<= , != ne s'affichent pas dans le select en HTML, please help

l'HTML et le javascript se trouve à cette adresse : http://gymway.celeonet.fr/other/Retest.html
Pour ceux qui veulent s'inspirer aussi de l'affichage du form en tableau, go ahead !!

Merci d'avance,

Publicité

anapajari

s/travail/glanding on hfr/gs;

Et comme ça?

Code :

opt1.setAttribute("value",">" );

edit: Et un lien un lire pour faire un setAttribute('name','XXX'):
http://www.easy-reader.net/archive [...] entations/

Message édité par anapajari le 12-07-2006 à 10:53:52

Elenglor

Non le ">" ne marche pas, ce n'est pas un problème d'affichage HTML, mais bien le fait que je passe par du javascript pour générer les options du select. Il doit me manquer quelque chose...

Si tu fais un clic droit>"view page info">forms>post sous Firefox, tu verras que les valeurs >, >= ,etc sont bien prises en compte, idem lorsque tu mets un input et que tu envoies le formulaire.

anapajari

s/travail/glanding on hfr/gs;

Code :

opt1.value = ">";

et ça devrait rouler
par contre tu auras toujours ton problème sur le name!!!

Elenglor

Non plus ..
en fait : opt1.value = ">"; ne est l'équivalent de : opt1.setAttribute("value",">" );

En fait le input et le select/option sont différents en html :

le input avec ça :

Code :

<input name="name" value="v_name">

t'affichera "v_name" dans le input

alors que pour le select option :

Code :

<select name="select" value="s_name">
<option name="opt1" value="superieur"> > </option>

t'affichera le > (qui est ">" comme tu me l'a dis)

Mon prob reste le même, comment passer ce > en Javascript, qui n'est pas dans la balise <option> mais entre <option></option>

j'ai été un peu plus clair ? hope so

anapajari

s/travail/glanding on hfr/gs;

ah oui j'avais rien lu en fait:

Code :

opt1.appendChild(document.createTextNode('>'));

Promis la prochaine fois je lis

Elenglor

GENIAL merci beaucoup ! j'avais bien galéré sur l'ensemble pour au final ne rien voir là c'est beaucoup mieux

pour info en fait le ">" ne passe pas, il faut mettre ">"

Code :

opt1.appendChild(document.createTextNode('>'));

Thanks

FORUM HardWare.fr

Programmation

HTML/CSS

Javascript/DOM ajout input/select en colonne dans un tableau

Sujets relatifs
[VB.NET et C#.Net] Problème de tableau /click bouton (postback?)	Javascript et opener
count() d'une colonne entière d'une table de données	[resolu] Initialisation d'un tableau
Changer une image quand ajout dans une bdd	largeur tableau
[JavaScript] Cookies	Onclick et visibilité d'une suite tableau
[Javascript] Liste à choix multiple - Tout sélectionner	[Javascript/PHP] Récuperer le contenu d'un array et le passer par GET
Plus de sujets relatifs à : Javascript/DOM ajout input/select en colonne dans un tableau

Page générée en 0.034 secondes