Avoir du code plus court.

Salut,

J'ai du code qui ressemble à ceci:

Code:

---

window.parent.window.parent.document.getElementById('iframe_main').style.height = window.parent.window.parent.document.getElementById('iframe_main').scrollHeight + (JS_new_page_size - window.parent.JS_size_page) ;

---

Donc les lignes peuvent être assez longues...

Existe-t'il une librairie ou un moyen de transformer "window.parent" en "w.p" et "document.getElementById" en "d.g" par exemple pour avoir des lignes de codes plus courtes, ce serait plus lisible, plus rapide à coder et aussi moins lourd à charger.

Merci,
Vincent.

salut,

il suffit d'utiliser des variables temporaires... et ne pas faire des getElementById à tout bout de champ (à chaque fois on reparcoure le DOM à la recherche de l'élément alors que la variable le référence directement)

Code:

---

1 2 3

var parentWin = window.parent.window; var mainFrame = parent.document.getElementById('iframe_main'); mainFrame.style.height = ...;

---

maintenant si tu veux "raccourcir" le doc.get, beaucoup de tools utilisent le $ par exemple :

Code:

---

1 2 3 4 5 6 7

//version simple function $(elt){ if (typeof elt == "string") return document.getElementById(elt); else return elt; }

---

Citation:

---

Envoyé par bigboomshakala

salut,

maintenant si tu veux "raccourcir" le doc.get, beaucoup de tools utilisent le $ par exemple :

Code:

---

1 2 3 4 5 6 7

//version simple function $(elt){ if (typeof elt == "string") return document.getElementById(elt); else return elt; }

---

---

Salut,

J'arrive bien à utiliser ta solution pour window.parent:

Code:

---

1 2 3 4

var WP = window.parent.window ; var WPP = window.parent.window.parent.window ; WPP.document.getElementById('iframe_main').style.height = WPP.document.getElementById('iframe_main').scrollHeight - (WP.JS_size_page - JS_new_page_size) ;

---

Mais par contre je n'arrive pas à utiliser ta fonction avec un $ pour le document.getElementById.

Comment l'appeler pour utiliser d.g en lieu et place de document.getElementById ?
J'aimerai vraiment avoir d.g('DIV_XX') dans le code.

Merci,
Vincent?

Salut à tous,

Quelqu'un a compris ce que voulait dire bigboomshakala par rapport aux fonctions qui commencent par un $ pour pouvoir raccourcir le document.getElemebtById('X') du coding JavaScript et avoir à la place style get('X') ?

Moi j'ai jamais et je sèche :oops:

Merci,
Vincent.

Renseignes-toi sur la portée des variables et le contexte...
Si tu définis une fonction de type $ dans ta page mais que tu l'appelles dans window.parent ça rique pas de marcher :aie:

j'ai compris ce qu'il veut dire

tu cree une fonction j'ai retreci sa fonction pour bien comprendre

Code:

---

1 2 3 4

function $(elt){   return document.getElementById(elt); }

---

la fonction s'appel donc $()

ensuite dans une fonction ou tu a besoin de faire un document.getElementById('blabla') tu appelle la fonction en mettant comme parametre le nom de l'element ciblé

Code:

---

1 2 3 4 5

function mafonction(){   alert($('blabla').id);   }

---

le returne dans la la fonction $() sert a renvoyer la valeur a la fonction qui a appeler la fonction $()

Merci les gars, ça marche.

En fait, ce que j'avais pas compris c'est que le "$" était en fait le nom de la fonction, pas un "symbole" spécifique au JavaScript.

J'en ai même profité pour me débarrasser du .style ! ;)

Donc maintenant ca donne ça:

Code:

---

1 2 3 4 5 6 7 8

var WP = window.parent.window ; var WPP = window.parent.window.parent.window ; function get(elt){ return document.getElementById(elt) ; } function getS(elt){ return document.getElementById(elt).style ; } ...et tout le code ressemble donc à: WPP.getS('iframe_main').height = WPP.get('iframe_main').scrollHeight + (JS_new_page_size - WP.JS_size_page) ;

---

Ce qui ait tout de même mieux que ceci:

Code:

---

window.parent.window.parent.document.getElementById('iframe_main').style.height = window.parent.window.parent.document.getElementById('iframe_main').scrollHeight + (JS_new_page_size - window.parent.JS_size_page) ;

---

Et cela ne peut être que plus rapide à charger.
Par contre au niveau perf du navigateur ca appelle une fonction à chaque fois que l'on fait qqchose, non ?
Donc, peut-être à éviter pour les routines on peut lourde qui manipule les images... :roll:

Citation:

---

Envoyé par defacta

Par contre au niveau perf du navigateur ca appelle une fonction à chaque fois que l'on fait qqchose, non ?

---

Citation:

---

Envoyé par bigboomshakala

il suffit d'utiliser des variables temporaires... et ne pas faire des getElementById à tout bout de champ (à chaque fois on reparcoure le DOM à la recherche de l'élément alors que la variable le référence directement)

---