Discussion :

[lorddomistring]

Bonjour a tous.

Je souhaiterai savoir comment


eviter de repeter une fonction


voici mon code

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
28
29
30
31
32
33
34
35
 
 
var version = navigator.appVersion;
 
 
function type_positionnement (selection, valeur){
 
	var element = document.getElementById(selection);
 
	element.style.position = valeur;
 
};
 
 
function positionnement (selection, valeur){
 
	var element = document.getElementById(selection);
 
	element.style.bottom = valeur;
 
};
 
 
 
 
if(version.indexOf('MSIE 7')> -1){
 
 
type_positionnement("formulaire_admin", "relative");
 
 
positionnement("formulaire_admin", "50px");
 
 
}

car lorsque je fait

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
function positionnement (selection, valeur, sousAttribut){
 
	var element = document.getElementById(selection);
 
	element.style.sousAttribut = valeur;
 
};
 
positionnement("formulaire_admin", "relative", position);
 
positionnement("formulaire_admin", "50px", bottom);

cela ne marche pas.

[andry.aime]

Bonjour,

Code :

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

1
2
3
4
function positionnement (selection, valeur, sousAttribut){
	//document.getElementById(selection).style[sousAttribut] = valeur;
document.getElementById(selection).setAttribute("style",sousAttibut+":"+valeur+";");
};

A+.

[lorddomistring]

Salut et merci pour cette réponse.

Mais cela ne fonctionne pas ^^.

[andry.aime]

Code :

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

document.getElementById(selection).setAttribute("style",sousAttribut+":"+valeur+";");

[lorddomistring]

Re ^^


non sa ne fonctionne toujours pas ^^.

[arnogues]

Code :

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

document.getElementById(selection).style[sousAttribut]=valeur;

Pour appliquer un style sur un élément, il ne faut surtout pas passer par setAttribute. Car en plus tu écrase la valeur des autres styles, s'il y en avait de déclarés
Et sinon, pourquoi ne pas utiliser une librairie, genre jQuery ou autre.

[sekaijin]

j'utilise

Code javascript :

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
document.getExtendedElementById = function(id) {
   return this.extendElement(document.getElementById(id));
}
 
document.extendElement = function(node) {
   node.setStyleProperties = function(styles) {
      if (navigator.appVersion.match(/MSIE/)) {
         for (key in styles) {
            this.getAttribute('style').setAttribute(key, styles[key]);
         }
      } else {
         for (key in styles) {
            this.style.setProperty(key, styles[key], '');
         }
      }
   }
   node.setAttributes = function(attributes) {
      for (key in attributes) {
         this.setAttribute(key, attributes[key]);
      }
   }
}

comme ceci

Code javascript :

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

1
2
3
4
5
document.getExtendedElementById('formulaire_admin')
   .setStyleProperties({
      'position': 'relative', 
      'bottom': '5px'
   });

A+JYT