Un soupçon de FrameWork

**WibiMaster** · 16/02/2010, 10h27

Bonjour à tous !

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

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

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

Merci !

**SpaceFrog** · 16/02/2010, 10h38

e est une lettre réservée de javascript ...

**WibiMaster** · 16/02/2010, 10h45

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

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..

**SpaceFrog** · 16/02/2010, 10h54

style.s ne passe pas ...

style[s] si

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
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>

**Bovino** · 16/02/2010, 10h54

Code :

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

function css(e,s,v){id(e).style[s] = v;}

**SpaceFrog** · 16/02/2010, 10h55

trop lent petit scarabée ^^

**WibiMaster** · 16/02/2010, 11h00

Quand je vous disais que j'étais sûr que c'était tout bête

Plusieurs semaines pour découvrir ça.. Faut que je m'enterre

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 !

**SpaceFrog** · 16/02/2010, 15h47

juste pour le fun :

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
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>

Un soupçon de FrameWork

JavaScript

Discussions similaires

Partager

Partager