[JAVASCRIPT] chargement fichier lors de lappel d'une fonction

chargement fichier lors de lappel d'une fonction [JAVASCRIPT] - HTML/CSS - Programmation

Marsh Posté le 31-05-2007 à 13:47:56    

Bonjour, je souhaiterais savoir comment on peut faire, pour charger un fichier externe que l'orsque la fonction cache rend la div (id=cache) visible. Cela pour eviter une surcharge inutile de la page.
 
ode html : index.html

Code :
  1. <DIV id="cache" onclick="cache();">
  2. <script type="text/javascript" src="script/cachediv.js"></script>
  3.     <div  id="TB_overlay">
  4.  </div>
  5.  <div  style="margin-left: -475px; margin-top: -170px; display: block;" id="TB_window">
  6.   <div>
  7.    <?php require("traitement/fckeditor/wysiwyg.php" ); ?>  //fichier à chargé lors du clic sur le lien
  8.   </div>
  9.  </div>
  10. </DIV>


 
lien qui permet l'apparition de la div :

Code :
  1. <a class="menud" href="#" onclick="cache();">Guide des démarches</a>


 
script qui permet de caché, décaché : cachediv.js
 

Code :
  1. /*
  2. SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
  3. http://www.editeurjavascript.com
  4. */
  5. var nava = (document.layers);
  6. var dom = (document.getElementById);
  7. var iex = (document.all);
  8. if (nava) { cach = document.cache }
  9. else if (dom) { cach = document.getElementById("cache" ).style }
  10. else if (iex) { cach = cache.style }
  11. largeur = screen.width;
  12. cach.left = Math.round((largeur/2)-425);
  13. cach.visibility = "hidden";
  14. function cache() {
  15. if (cach.visibility == "hidden" ){
  16.  cach.visibility = "visible";
  17. }
  18. else cach.visibility = "hidden";
  19. }


 
Merci d'avance

Message cité 2 fois
Message édité par mule_panda le 07-06-2007 à 09:05:31
Reply

Marsh Posté le 31-05-2007 à 13:47:56   

Reply

Marsh Posté le 31-05-2007 à 13:50:56    

mule_panda a écrit :

cette ensemble de div et caché, quand je clic sur un lien cela la rend visible et je voudrais que sa charge à ce moment là le fichier php.


lu, relu et re-relu mais toujours rien compris [:w3c compliant]

Reply

Marsh Posté le 31-05-2007 à 13:57:09    

Bon j'ai réécrit se que je voulais, excusez moi.

Reply

Marsh Posté le 31-05-2007 à 15:48:17    

On devrait pendre les mecs de l'éditeur js par les couilles  [:pingouino]

anapajari a écrit :

lu, relu et re-relu mais toujours rien compris [:w3c compliant]


C'est grave si j'ai tout compris?

 


Code :
  1. function cache() {
  2.     if (cach.visibility == "hidden" ){
  3.         cach.visibility = "visible";
  4.     }
  5.     else cach.visibility = "hidden";
  6. }
 

[:pingouino]  [:pingouino]

 
Code :
  1. function cache(el) {
  2. var styledEL = el.style;
  3. styledEl.visible  = (styledEL.visible == "hidden" ) ? "" : "hidden";
  4. }
 

[:pingouino]  [:pingouino]

Message cité 1 fois
Message édité par Shinuza le 07-06-2007 à 11:15:40

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 31-05-2007 à 16:10:25    

je vai etudié ton code, n'étant pas un expert en javascript...
 
Sinon pour ma question du chargement de  fichier???

Reply

Marsh Posté le 31-05-2007 à 16:11:23    

mule_panda a écrit :

Bon j'ai réécrit se que je voulais, excusez moi.


Nan mais t'as rien compris en fait :o

 

D'abord sa première phrase était over pas claire ( voir ma quote).
Ensuite ce qu'il veut vraiment faire c'est un chargement via XHR du contenu "traitement/fckeditor/wysiwyg.php" dans son div TB_window lorsque l'appel de la fonction cache().
Le but de tout ça était, selon lui, d'éviter de charger le dit php pour alléger la page.

 

Et comme ça sent le paté, moi j'avais grave pas envie d'expliquer comment on fait ce bouzin ...

Message cité 1 fois
Message édité par anapajari le 31-05-2007 à 16:12:08
Reply

Marsh Posté le 31-05-2007 à 16:19:25    

c'est mieu? mais je ne voit pas trop comment expliquer mon probléme.  :(


Message édité par mule_panda le 31-05-2007 à 16:19:35
Reply

Marsh Posté le 31-05-2007 à 16:34:37    

anapajari a écrit :

Nan mais t'as rien compris en fait :o
 
D'abord sa première phrase était over pas claire ( voir ma quote).
Ensuite ce qu'il veut vraiment faire c'est un chargement via XHR du contenu "traitement/fckeditor/wysiwyg.php" dans son div TB_window lorsque l'appel de la fonction cache().
Le but de tout ça était, selon lui, d'éviter de charger le dit php pour alléger la page.
 
Et comme ça sent le paté, moi j'avais grave pas envie d'expliquer comment on fait ce bouzin ...


Mais à qui tu parles? :D
 
J'ai juste amélioré le code pourri de EJS, le reste j'm'en fous un peu,j'ai pas necessairement envie de donner la bécqué  :o


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 31-05-2007 à 16:41:56    

Au lieu de vous tirer dans les pattes je demandais, juste un petit peut d'aide...

Reply

Marsh Posté le 31-05-2007 à 16:48:04    

mule_panda a écrit :

Au lieu de vous tirer dans les pattes je demandais, juste un petit peut d'aide...


Personne tire dans les pattes de personne, ana et moi nous nous aimons [:atsuko]
 
Et pour ton "problème", je te conseille de te documenter sur XHR et sa documentation


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 31-05-2007 à 16:48:04   

Reply

Marsh Posté le 31-05-2007 à 17:04:49    

mule_panda a écrit :

Au lieu de vous tirer dans les pattes je demandais, juste un petit peut d'aide...


Tu l'as eu ( en lisant certes un peu entre les lignes). Mais la ( enfin une des) solution pour ton problème c'est d'utiliser  xmlHttpRequest. A toi les joies de l'ajax.

Shinuza a écrit :

Et pour ton "problème", je te conseille de te documenter sur XHR et sa documentation


Comme te le dit mon bisounours, c'est important de se documenter sur la documentation :o

 

Message cité 1 fois
Message édité par anapajari le 31-05-2007 à 17:04:58
Reply

Marsh Posté le 31-05-2007 à 17:10:09    

on ne pourrai pas faire avec une condition if (chache==visible) onLoad="tel fichier" ?? (le code et juste a titre d'exemple...)
 
J'ai essayer mais aucun succé

Reply

Marsh Posté le 31-05-2007 à 17:19:22    

anapajari a écrit :

Tu l'as eu ( en lisant certes un peu entre les lignes). Mais la ( enfin une des) solution pour ton problème c'est d'utiliser  xmlHttpRequest. A toi les joies de l'ajax.
 
Comme te le dit mon bisounours, c'est important de se documenter sur la documentation :o


[:tinostar]


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 31-05-2007 à 17:23:47    

c'est que sa me fait peur, trop compliqué à mon gout, j'ai étudié un peu la doc sa donne mal au crâne...

Reply

Marsh Posté le 31-05-2007 à 17:37:19    

Sinon t'utilise un framework, et si tu penses que faire du web se résume au copier coller, tu te touches.


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 01-06-2007 à 08:36:09    

Je veut juste avoir plusieur méthode, je veut comprendre se que je fait, sinon sa sert à rien, donc plus j'ai de méthode diiférente plus je peut comparer.
 
Bon j'ai trouvais un exemple qui me paré clair XHR


Message édité par mule_panda le 01-06-2007 à 08:37:07
Reply

Marsh Posté le 01-06-2007 à 09:49:49    

mule_panda : ce que tu veux faire, tu ne peux le faire qu'avec des techniques genre ajax (cf XHR).
 
En tout cas, tu ne peux pas  demander à ton serveur de n'inclure un fichier php que lorsque le client demande l'affichage du DIV masquée par des css. Enfin, si, mais uniquement avec XHR !
 
Pour t'en convaincre, relis les docs concernant le fonctionnement client/serveur, et ou est exécuté le code PHP, et le résultat HTML, bref, tout ça quoi ! [:tinostar]
 
Ouais, je sais, je suis un peu grillé, mais c'était histoire d'en remettre une couche quoi !  [:tinostar]


Message édité par kao98 le 01-06-2007 à 09:53:52

---------------
Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98
Reply

Marsh Posté le 01-06-2007 à 09:56:18    

Je voi bien se que tu veut dire... , maintenant que j'ai comprix la méthode XHR, je comprend mieu le principe, mais je savais bien que je ne pouvais pas le faire sans de nouvel méthode tel que l'ajax. J'ai pas mal de connaissance en html, css, php, mais il me manque le gros morceau ... javascript,  :pt1cable: . Mais se que je trouve dommage c'est que l'on trouve peut de doc sur le XHR, mais plus généralement sur l'ajax et les possibilité, on trouve souvent des truc tout fait  :D , mais beaucoup moin du tutorial... .


Message édité par mule_panda le 01-06-2007 à 10:35:43
Reply

Marsh Posté le 01-06-2007 à 10:02:28    

Sans méchanceté: poser une question telle que celle-ci montre une profonde incompréhension du fonctionnement client/serveur d'un site web.
A mon avis c'est plus de ce coté là que tu devrais investiguer (avant de te mettre à apprendre le js).

 

Enfin comme te l'a dit Shishi, inutile de réinventer la roue. Tu as tout plein de frameworks qui intègrent toukivabien.

Message cité 1 fois
Message édité par anapajari le 01-06-2007 à 10:02:48
Reply

Marsh Posté le 01-06-2007 à 10:40:09    

anapajari a écrit :

Sans méchanceté: poser une question telle que celle-ci montre une profonde incompréhension du fonctionnement client/serveur d'un site web.
A mon avis c'est plus de ce coté là que tu devrais investiguer (avant de te mettre à apprendre le js).
 
Enfin comme te l'a dit Shishi, inutile de réinventer la roue. Tu as tout plein de frameworks qui intègrent toukivabien.


 
ALors deja j'aimerai savoir ou j'ai dit que je voulais chargé le fichier en avec une technologie tel que le php, je sais trés bien que le php et un langage éxécuté coté serveur lors de l'appel de la page. Dans tout les cas, dans le titre du post, j'ai marqué HTML JAVASCRIPT, se qui veut dire, que je recherché une méthode avec du javascript, style ajax (mais je ne suis pas avançé ne connaissant pas accé cette technologie). Vous m'avez indiqué XHR, que je suis en train d'implementer. voila bonne journée

Message cité 1 fois
Message édité par mule_panda le 01-06-2007 à 10:41:23
Reply

Marsh Posté le 01-06-2007 à 11:33:09    

mule_panda a écrit :

ALors deja j'aimerai savoir ou j'ai dit que je voulais chargé le fichier en avec une technologie tel que le php, je sais trés bien que le php et un langage éxécuté coté serveur lors de l'appel de la page. Dans tout les cas, dans le titre du post, j'ai marqué HTML JAVASCRIPT, se qui veut dire, que je recherché une méthode avec du javascript, style ajax (mais je ne suis pas avançé ne connaissant pas accé cette technologie). Vous m'avez indiqué XHR, que je suis en train d'implementer. voila bonne journée


mule_panda a écrit :


Code :
  1. <DIV id="cache" onclick="cache();">
  2.     <script type="text/javascript" src="script/cachediv.js"></script>
  3.         <div  id="TB_overlay">
  4.         </div>
  5.         <div  style="margin-left: -475px; margin-top: -170px; display: block;" id="TB_window">
  6.             <div>
  7.             
  8.                 <?php require("traitement/fckeditor/wysiwyg.php" ); ?>  //fichier à chargé lors du clic sur le lien
  9.             
  10.             </div>
  11.         </div>
  12. </DIV>




:o


---------------
Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98
Reply

Marsh Posté le 01-06-2007 à 14:23:35    

oui, le "require" et la car je m'en servait pour charger le module. Et c'est a ce moment la que jme suis rendu compte que ma page devenait beacoup trop lourde, d'ou ma question... .
 
Je peut pas marqué la réponse avant que vous m'aidiez....


Message édité par mule_panda le 01-06-2007 à 14:24:22
Reply

Marsh Posté le 01-06-2007 à 16:31:48    

Euh, si tu t'inquiètes pour le chargement de fckE c'est légèrement normal que ça prenne 5 ans


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 01-06-2007 à 20:23:00    

oui, vous en connaissait un plus léger mais aussi complet?? car il est vraie qu'il est lourd  :(

Reply

Marsh Posté le 01-06-2007 à 20:37:17    

Essaye TinyMCCE


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 07-06-2007 à 09:04:21    

Shinuza a écrit :

On devrait pendre les mecs de l'éditeur js par les couilles  [:pingouino]  
 
C'est grave si j'ai tout compris?
 
 

Code :
  1. function cache() {
  2.     if (cach.visibility == "hidden" ){
  3.         cach.visibility = "visible";
  4.     }
  5.     else cach.visibility = "hidden";
  6. }


 
 [:pingouino]  [:pingouino]  
 

Code :
  1. function cache(el) {
  2. var styledEL = el.style;
  3. styledEl  = (styledEL == "hidden" ) ? "" : "hidden";
  4. }


 
 [:pingouino]  [:pingouino]


Pour le XHR, je suis presque. Mais je me suis penchez un peu sur ton code, mais je n'arrive pas a la comprendre. Sourtout cette ligne : styledEl  = (styledEL == "hidden" ) ? "" : "hidden";
 
Cette fonction require un paramétre aussi. On doit lui dire si elle doit caché ou inversmeent??? ou le parametre c'est l'état actuel de la div???  :??:  :(

Reply

Marsh Posté le 07-06-2007 à 10:57:18    

La ligne en question s'apelle un opérateur ternaire.
Cherche des infos dessus et tu comprendras la fonction.


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 07-06-2007 à 11:16:04    

Bon par contre j'ai édité parce que j'avais légèrement oublié un truc à la base :o


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 07-06-2007 à 11:19:21    

a oui, merci avec ta corection je comprend un peut plus de quoi il s'agit, merici pour l'explication  :jap:

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed