Discussion :

[saitaman]

Bonjour,

Ceci est mon premier post !

Je travaille sur un logiciel de gestion médical et je dois afficher un certain nombre de listes que je génère en PHP et que je traite en Javascript. En bref je passe mon tableau à ma fonction JS qui créé une div par liste. En arrivant sur la page, toutes les listes générées sont cachées grâce à la méthode hide() de JQuery et une seule est affichée grâce à la méthode show(). J'ai un menu qui lorsque je clique sur une catégorie, cache la liste actuellement affichée pour montrer celle qu'on a sélectionnée.

Le problème est qu'au chargement de la page ce traitement est affreusement long (environ 7000 ms) et j'aimerai que l'utilisateur ait accès à la première liste pendant que toutes les autres soient créés.

Je cherche à exécuter un traitement en Javascript en "arrière plan". J'ai effectué pas mal de recherches mais je n'ai pas arrivé à saisir comment utiliser JQuery dans ce cas précis.

Quelqu'un pourrait m'éclairer ? Merci d'avance

[mathieu]

vous parlez de PHP et ensuite JavaScript. cela veut dire que PHP génère la page avec toutes les données et ensuite c'est JavaScript qui construit tout ?

dans ce cas, votre code JavaScript devrait ressembler à cela

Code :

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

1
2
3
4
5
// 1re étape : générer la 1re liste
 
// 2e étape : afficher cette liste
 
// 3e étape : faire une boucle qui va générer les autres listes

pendant la 3 étape, le code JavaScript continue de s'exécuter en arrière-plan pendant que l'affichage de la 1re liste est déjà en place.

[saitaman]

En reprenant votre exemple et avec plus de détails, mon code ressemble à ça :

1) Php récupère les informations et les stocke dans un tableau

2) Php envois le tableau en format JSON au JS

3) Javascript créé les divs à partir du tableau

Code :

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

1
2
3
4
5
6
7
8
 
//début boucle
 
document.write("<div id='nomDuTableau"+indice+"' style='display: none'>" +
// Contenu du tableau
"</div>");
 
//fin boucle

4) On affiche la div qu'on veut avec

Code :

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

$ ("nomDuTableau1").show()

Si j'affiche la première liste à la fin de la première boucle ça ne bloquera pas la page tant que la boucle n'est pas terminée ?
J'ai oublié de préciser que je suis sous symfony 1.4

[fredoche]

le temps de traitement est il lié à PHP ou à javascript ? Ou les 2 ?
Face à ce genre de problème j'aurai tendance à utiliser AJAX dont le premier A signifie Asynchrone, et cet asynchronisme permet justement de charger en tache de fond les tableaux qui ne sont pas affichés sans bloquer le navigateur.

[saitaman]

Malheureusement les 2 mais je suis "obligé" de faire le traitement PHP en 1er car sans lui je n'afficherai pas la première liste.

Du coup j'avais pensé à l'AJAX mais j'ai pense qu'il perd son utilité vu qu'il n'y a plus de demande à faire au serveur et que je veux seulement "optimiser" le Javascript, non ?

Je ne suis pas très expérimenté en Javascript mais je connais les bases, il y a certains points qui sont assez flous pour moi notamment les tâches asynchrone en JS et les callback que je n'ai pas vraiment réussis à saisir malgré mes recherches, c'est pour ça que je suis un peu perdu

[fredoche]

Il y a plein de solutions de toute façon : plutôt que de générer toutes les listes et les cacher à l'affichage avec du javascript, puisque ces listes doivent se distinguer par un critère choisi dans le menu pour les afficher, on peut par exemple les appeler sur le serveur avec JS/Jquery une fois le critère choisi et les afficher dans le <div> avec une fonction comme jQuery.load() ou jQuery.getJSON()
Le PHP ne génère que la liste en fonction du critère choisi et qui est passé en paramètre, et coté Javascript l'affichage ne concerne que cette partie de la liste.

Ce n'est qu'un exemple les solutions sont infinies