eviter les repetitions

Version imprimable

Bonjour a tous.

Je souhaiterai savoir comment

eviter de repeter une fonction

voici mon code

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

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.

Bonjour,

Code:

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

A+.

03/08/2012, 09h20
lorddomistring

Salut et merci pour cette réponse.

Mais cela ne fonctionne pas ^^.
03/08/2012, 09h30
andry.aime

Code:

document.getElementById(selection).setAttribute("style",sousAttribut+":"+valeur+";");
03/08/2012, 10h27
lorddomistring

Re ^^

non sa ne fonctionne toujours pas ^^.
03/08/2012, 11h33
arnogues

Code:

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.

j'utilise

Code:

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:

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

A+JYT

03/08/2012, 12h03
lorddomistring

salut a tous les 2 et merci a vous aussi pour vos réponses.

@arnogues
Oui alors justement la mon but ^^ c'est d’éviter Jquery parce qu'en plus je ne m'y ai pas encore vraiment intéressé bien comme il ce doit.
La raison est très simple, je souhaite pour réalisé tout ce que je veus sans utiliser jquery disons que j'ai l'impression que tout n'est pas revelé avec Jquery et que ma compréhension de javascript sera un peu faussé.
Peut être me tromperai-je.
Mais en plus je souhaite également maitriser la programmation orienté objet en javascript et que si j'utilise Jquery je pense je ne comprendre pas toutes les nuances de la POO javascript.
Peut être me tromperai-je.

Mais tu as raison si toute ces notions sont maitrisés alors Jquery je pense est un allié de grande puissance tout comme les autre framework.

@sekaijin
Merci.
Je vais étudié ce que tu m'as posté.
Pour en ressortir un code perso.
Le but etant biensur de na pas copié :ccool: mais de comprendre et de s’approprier les notions.

Je vous tien au courant.

Merci a tous.