Faire apparaître un tableau progressivement

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Faire apparaître un tableau progressivement

pouzy

Ne signe pas d'autographes..

Bonjour tout le monde !

Voilà, je cherche à faire apparaître les lignes d'un tableau progressivement, avec un petit temps d'attente entre chaque (et le must serait un fondu quand la case apparaît).

Je n'ai que quelques vagues notions de JS, alors je suis un peu paumé.

Quelqu'un pourrait me guider vers une piste, ou encore mieux, me donner le bout de code adéquat ?

Merci !

PS : Mon tableau est généré via un while, je pense que cela importe peu

Code :

<table>';
while (cond) { echo '<tr><td>case</td></tr>'; }

---------------
Hello hello super jello

Publicité

olivthill

Je ne comprends pas pourquoi faire cela, mais en tous cas, echo n'existe pas en javascript. Il existe document.write, et le navigateur affiche habituellement une page quand il connait le contenu entier, et non pas au fur et à mesure.

cesar666

CHO CACAO

va voir du cote de la librairie scriptaculous
http://script.aculo.us/

---------------
VNR CAMENBERT

GordonF_69

Pour moi ya 2 facon de faire assez simple :

Soit t'affiche tt ton tableau dans une DIV, et t'affiche ta DIV petit a petit

height : 100px;
height : 110px
120
130
Jusqu'a sa taille max.

Soit tu cré ligne par ligne, mais c un peu plus complexe:

Code :

MALIGNE= document.createElement("tr" ); // on cré une ligne
for(var i = 0; i < x; i++) MALIGNE.appendChild(document.createElement("td" ); // on cré x cellule sur la ligne
MONTABLEAU.appendChild(MALIGNE); // on affiche tout

La ca cré une ligne avec des cellule (x est nombres de cellules)
Apres ya plus qua les remplir avec INNERhtml ex :

MONTABLEAU.rows[y].cells[x].INNERhtml='BLABLA';

Message cité 1 fois
Message édité par GordonF_69 le 02-10-2008 à 03:21:22

Profil supprimé

GordonF_69 a écrit :

Pour moi ya 2 facon de faire assez simple :

Code :

MALIGNE= document.createElement("tr" ); // on cré une ligne
for(var i = 0; i < x; i++) MALIGNE.appendChild(document.createElement("td" ); // on cré x cellule sur la ligne
MONTABLEAU.appendChild(MALIGNE); // on affiche tout

+1 pour cette solution qui utilise le DOM couplé avec un setTimeout avec une fonction récursive pour ne pas dépendre de la perfomance de la machine pour afficher le tableau

FORUM HardWare.fr

Programmation

HTML/CSS

Faire apparaître un tableau progressivement

Sujets relatifs
Tableau PHP en tableau javascript : Probleme	espace suspect en bas de tableau
Liste en HTML alignée facon "sommaire" SANS tableau	PHP: Une commande pour parcourir un tableau...
[JS]Parcours de tableau	commande ALT d'une image sur une case d'un tableau
[CSS] hauteur d'un tableau sous IE	hauteur d'un tableau et insertion d'iframe
conception d'un site sans frame (ni tableau)	probleme de tableau sous internet explorer
Plus de sujets relatifs à : Faire apparaître un tableau progressivement

Page générée en 0.054 secondes