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

Marsh Posté le 12-07-2006 à 10:36:06

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,

Reply

Marsh Posté le 12-07-2006 à 10:36:06

Reply

Marsh Posté le 12-07-2006 à 10:52:46

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

Reply

Marsh Posté le 12-07-2006 à 11:02:37

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.

Reply

Marsh Posté le 12-07-2006 à 11:08:09

Code :

opt1.value = ">";

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

Reply

Marsh Posté le 12-07-2006 à 11:27:54

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

Reply

Marsh Posté le 12-07-2006 à 11:32:37

ah oui j'avais rien lu en fait:

Code :

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

Promis la prochaine fois je lis

Reply

Marsh Posté le 12-07-2006 à 11:36:13

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

Reply

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

Sujets relatifs:

Leave a Replay