Un soupçon de FrameWork

Version imprimable

16/02/2010, 10h27
WibiMaster

Un soupçon de FrameWork

Bonjour à tous !

Je me permet de poster ici car vous avez l'air bien compétent dans votre branche :P

J'ai un petit soucis avec un de mes scripts JS, bon un petit soucis facilement contournable, mais j'aime bien faire les choses proprement.. Et là, ça coince, et je suis sûr que c'est tout bête :?

Voilà l'idée : tel jQuery, j'aimerais simplifier ma fonction "style". Pour simplifier l'atteinte à l'ID, no problèm', un petit truc du genre :

function id(e){elt=document.getElementById(e);return elt;}

Mon idée désormais, c'est de simplifier la modification du CSS, avec une fonction du genre :

function css(e,s,v){id(e).style.s = v;}
-> avec "e" l'élement, "s" l'attribut CSS, et "v" sa nouvelle valeur.

Sauf que ben voilà, ça ne renvoie rien... Je ne vois même pas sur quel élément placer mon "return", pour peu qu'il en faille un (ce dont je ne suis VRAIMENT pas sûr :roll: Logiquement, c'est une fonction qui applique directement le style, pas besoin de retourner quoi que ce soit..)

Quelqu'un aurait une solution, ou une approche à me proposer ? J'ai déjà poster ce problème un peu partout, mais jusque là aucune réponse... Et j'ai tout de même attendu quelques semaines.

Je serais vraiment reconnaissant à celui ou celle qui pourra me guider :oops:

Merci !
16/02/2010, 10h38
SpaceFrog

e est une lettre réservée de javascript ...
16/02/2010, 10h45
WibiMaster

Autant pour moi, je l'ignorais... Pourtant ma fonction id(e) fonctionne correctement :?

Quoi qu'il en soit, même en remplaçant "e" par "a" ou autre, ça ne fonctionne pas mieux, il ne se passe absolument rien, pas même un petit message d'erreur dans la Toolbar de développement :calim2:

Je saisi pas d'où vient le problème... J'ai placé des alert pour vérifier, les variables passent correctement, mais la fonction "n'agit" pas..

style.s ne passe pas ...

style[s] si

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript">
function Id(elt) {
var temp=document.getElementById(elt);
return temp;
}
 
function Css(elt,s,v){
Id(elt).style[s]=v
}
 
 
 
</script>
 
</head>
 
<body onload="Css('foo','backgroundColor','red')">
<div id="foo" >dfqs</div>
</body>
 
</html>

16/02/2010, 10h54
Bovino

Code:

function css(e,s,v){id(e).style[s] = v;}
16/02/2010, 10h55
SpaceFrog

trop lent petit scarabée ^^
16/02/2010, 11h00
WibiMaster

Quand je vous disais que j'étais sûr que c'était tout bête :roll:
Plusieurs semaines pour découvrir ça.. Faut que je m'enterre :mouarf:

Merci à vous, vraiment ! Et surtout quelle rapidité, je suis impressionné, c'est un excellent forum que vous tenez là !

Je vous souhaite une excellente journée et mes remerciements les plus chaleureux ! :D

juste pour le fun :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<script type="text/javascript">
function Id(elt) {
var temp=document.getElementById(elt);
return temp;
}
 
function Css(param){
for (elt in param){
 for (s in param[elt]){
   Id(elt).style[param[elt][s][0]]=param[elt][s][1]
	}
 }	
}
 
 
</script>
 
</head>
 
<body onload="Css({foo:[ ['backgroundColor','red'],['color','white']] , bar:[ ['backgroundColor','silver'],['color','red']] })">
<div id="foo" >dfqs</div>
<div id="bar" >dfqs</div>
 
</body>
 
</html>