Discussion :

[defacta]

Salut,

J'ai du code qui ressemble à ceci:

Code :

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

      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.

[bigboomshakala]

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 :

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

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 :

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

1
2
3
4
5
6
7
//version simple
function $(elt){
  if (typeof elt == "string")
    return document.getElementById(elt);
  else
    return elt;
}

[defacta]

salut,

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

Code :

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

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 :

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

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?

[defacta]

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

Merci,
Vincent.

[Bovino]

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

[Invité]

j'ai compris ce qu'il veut dire

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

Code :

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

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 :

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

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 $()

[defacta]

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 :

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

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 :

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

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

[bigboomshakala]

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

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)