Discussion :

[Esil2008]

Bonjour,
Est ce que c'est possible de mettre du Javascript dans du css, par exemple :

Code :

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

<ice:panelGroup style="width:30px; "/>

au lieu de 30px mettre un screen.height

Sinon si c'est pas possible, est ce que c'est possible de créer une méthode qui me retourne un String (une chaine de caractére)
par exemple

Code :

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

1
2
3
String largeurFenetre() {
 return screen.width;
}

Merci pour l'aide

[SpaceFrog]

sous IE il me semble qu'il est possible de faire un truc du genre

Code :

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

width: expression( ici le javascript )

à verifier ...
sinon c'est sur le onload de l apage qu'il faut sniffer la largeur de la fenetre et l'appliquer au style avec javascript

[Esil2008]

merci,
tu peux me donner deux exemples simples(un pour chaque cas) pour mieux comprendre comment je dois procéder !
merci encore

ah oui sinon pour la méthode qui retourne un String ???
Au fait je pourrais comme ca stocker le string dans un bean java que je traiterai par la suite.

je viens de voir la syntaxe des fonctions javascript apparemment c'est pas possible

[bigboomshakala]

à noter que le js dans les css ça peut très méchamment faire ramer les pages (j'ai pu constater). par contre c'est sûr que c'est simple à mettre en place.

[nabab]

Moi, mes CSS utilisant des données provenant de JS (comme la largeur de l'écran , de la fenetre du browser, voire d'un élément) sont en .php. JS envoie a PHP les infos de l'utilisateur sur une redirection lors de la connection a la page d'accueil. Ensuite, je conserve ces infos en session, et c'est PHP qui génere ma CSS.

Une autre solution serait de ne pas spécifier la taille dans ta CSS, d'intégrer une fonction de ce style:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function getElementsByClassName(className, tag, elm){
	var testClass = new RegExp("(^|\\\\s)" + className + "(\\\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}

(celle-ci vient de la, mais bcp de trucs similaires existent (voir aussi X library sur cross-browser.com).
Tu fais un

Code :

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

1
2
3
4
5
6
7
8
 
window.onload=function(){
var myElements=getElementsByClassName('maClasse');
var myWidth = screen.width;
for (i=0; i<myElements.length; i++){
  myElements[i].style.width=myWidth+'px';
}
}

Ca devrait marcher de l'une ou l'autre maniere...

[Esil2008]

Merci pour vos reponses,
Au fait dans mon cas c'est une application web J2EE, JSF, JSPX etc. Je sais pas comment adapter les exemples php pour mon cas particulier.
En tous cas je vais essayer de bien lire tes exemples et d'essayer de faire la correspondance en java.

Merci