Discussion :

[SpaceFrog]

Bon c'est réglé pour les select multiples !!

la syntaxe dans la HasH est:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

'multiple':1  ou  0

(0 si pas de 'multiple' précisé ...)


Pour le htmlFor c'est dasn la syntaxe du HasH !!!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var Radios=new Array();
    var Labels=new Array();
    for(i=0;i<5;i++){
     
     Radios.push ( new  $C({'obj':'input', 'type':'radio','name':'rad','value':'radio_'+i,'id':'Rad_'+i}) )
     Labels.push(new  $C({'obj':'label','htmlFor':'Rad_'+i,'innerHTML':'Label '+i }))
      $C({'obj':'br'}) 
        }

[polothentik]

Autant pour moi SpaceFrog... une erreur de lecture (j'ai du perdre quelques dixièmes à chaque oeil depuis le temps que je scrute l'écran )

Oups : L'ORTHOGRAPHE

[SpaceFrog]

Autant pour moi SpaceFrog... une erreur de lecture (j'ai du perdre quelques dixièmes à chaque oeil depuis le temps que je scrute l'écran )

Au temps pour moi

http://www.langue-fr.net/index/A/au_temps-autant.htm

[polothentik]

"Joliment fait" comme on dit...

J'en reviens à ton exemple sur les labels que tu faisais apparaître avec une boucle for... Le fait qu'ils apparaissent in-line vient-il du fait que tu les stockent dans un Array()...

Explication pour bibi :

Je déclare un <div> dans lequel je place un <label> et <input type="text">. Pourtant, ils s'affichent l'un en-dessous de l'autre alors qu'il me semble que normalement l'affichage est in-line.
Qu'en dis-tu ?

[EDIT] : Erreur de ma part, c'était un problème de CSS dans le Hash !

[SpaceFrog]

ouf

[polothentik]

Une petite question quand même avant le WE...

Je charche à déclarer une variable string qui contiendrait ma ligne CSS d'un des éléments de mon formulaire

seulement si je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 var labelCSS = " 'color' " + ' : ' + " ' #FFFFFF ' " ;

et que je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[...],"css":{labelCSS} } );

Il n'accepte pas la chaine...

T'aurais pas une idée ?

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

"css":eval("{"+labelCSS+"}" } );

mais bon
et pis ça marche pas

mais quel est d'essaye de faire un Hash en string ...
autant le faire direct non ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
 var labelCSS = {'color' : ' #FFFFFF ' } ;
[...],"css":labelCSS } );

[FremyCompany]

essaie ceci, c'est compatible W3C (et comme ca a été inventé par IE, ca marche sur tous les navigateurs)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

"css":{"cssText", 'font: menu; display: block;'}

[SpaceFrog]

oui en plus c'est la syntaxe utilisée par window prototype

ça fait une possibilté de plus

[FremyCompany]

Que penses-tu d'un test genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
if (typeof(xxx.css)=="string") {
   // Méthode supplémentaire, si on passe un string en argument
   el.style.cssText=xxx.css;
} else {
   // Méthode actuelle avec un object
}

Comme ca, on peut aussi faire un bête "css":"color: red;"

[SpaceFrog]

Mieux vaut garder css et cssTxt non ?
Comme ça on peut faire les deux

le Hash css avec css
et le string avec cssText

[polothentik]

Pour info, chez moi ça marche seulement si on fait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[...],"css":{"cssText":stringcss}

et pas avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[...],"css":{"cssText",stringcss}

voilà l'info

[SpaceFrog]

polo

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[...],"cssText","color:red,font-family:verdana"

dasn le cas du cssText il faut le comprende comme un attribut comme les autres ...

donc rien que du texte , on ne parle plus de l'objet 'css' qui lui est interprété par mon code pou rattribuer les styles javascript;
mais de la propriété cssText de l'objet qui lui sera attribué normalement

[polothentik]

OK ! Merci beaucoup !

[EDIT] En fait non !

FremyCompnay :

"css":{"cssText", 'font: menu; display: block;'}

Donc il faut mettre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var test = 'font: menu; display: block;';
[...],"cssText":test

Je suis perdu entre les ":" les "," et les ";" !

Je suppose que tu voulais dire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[...],"cssText","color:red,font-family:verdana"

[SpaceFrog]

Toutes mes confuses !!!


cssText est une propriété de style ...

Donc la syntaxe est:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

'css': {'cssText':stringCss},

exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 var Div2= $C( {"obj":"div","css":{'cssText':'border:solid 2px;border-color:green;width:200px;padding:10px;text-align:center;margin-top:2px'},'innerHTML':'Boujou' } );
   $Close(Div2);

Ce qui permet tout de même d'utiliser la syntaxe css des propriétés ...

[polothentik]

Autrement dit, ce que j'ai fait est correct !!!

[SpaceFrog]

Donc il faut mettre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var test = 'font: menu; display: block;';
[...],"cssText":test

Je suis perdu entre les ":" les "," et les ";" !

Je suppose que tu voulais dire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[...],"cssText","color:red,font-family:verdana"

heu non

"css" le faux attribut parsé par le code

puis le Hash :
{"cssText" => la propriété
:
"color:red;font-size:10px" => le contenu de la propriété sous forme de string
}

ce qui donne:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var Div2= $C( {"obj":"div","css":{'cssText':'color:red;font-size:10px'},'innerHTML':'Boujou' } );
   $Close(Div2);

[polothentik]

Oui... tout à fait... c'est vrai que je n'ai pas été très clair
Je faisais référence au POST encore plus haut !
Je valide totalement ta syntaxe puisqu'elle marche parfaitement chez moi

[MasterOfChakhaL]

attention:
css : float-left => javascript : cssFloat
(il y en apeut être d'autres pmais pas beaucoup

Pour info, cssFloat n'est pas implémenté par IE. C'est styleFloat dans ce cas.

[SpaceFrog]

Merci M.of C.
Ajouté dans les notes