[javascript]tableau dynamic

tableau dynamic [javascript] - HTML/CSS - Programmation

Marsh Posté le 21-07-2004 à 13:13:28    

Bonjour a tous  
voila je demar en javascript et jessay de faire un tableau dynamique je mesplique :
On a 2 variable colonne et ligne et avec ces variables le javascript nous fait un beau tableau.
 
voici mon code mé vue mon niveau il n' est pas etonnat que celui ci marche pas :
 
fonction tableau()
{
var table = "<table width=\"100%\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\">";
var ligne = 3;
var colonne = 3;
var c = 0;
var l = 0;
while ( l <= ligne)
{
table += "<tr>";
while ( c <= colonne)
{
table += "<td>1</td>";
c++;
}
table += "</tr>";
l++;
}
if(document.getElementById)  
document.getElementById('t').innerHTML = "table";
}
 
merci a ceux qui pourons maider  :)

Reply

Marsh Posté le 21-07-2004 à 13:13:28   

Reply

Marsh Posté le 21-07-2004 à 13:17:16    

Code :
  1. if(document.getElementById) 
  2. document.getElementById('t').innerHTML = "table";


 
Je savais pas qu'on pouvait faire
 

Code :
  1. if(document.getElementById)


 
Sinon, pour ton problème, remplace :

Code :
  1. // remplace le contenu HTML par le mot "table"
  2. document.getElementById('t').innerHTML = "table";


par  

Code :
  1. // remplace le contenu HTML par ce que contient la varaible table
  2. document.getElementById('t').innerHTML = table;

 

Reply

Marsh Posté le 21-07-2004 à 13:23:18    

javé vu ce probleme aussi mé sa vien pas de la puisque le mot table le saffiche pas le problem vien du code aussi avec les boucles mé je c pas trop ou

Reply

Marsh Posté le 21-07-2004 à 13:29:18    

bon jui le pire des boulet c function pas fonction :(

Reply

Marsh Posté le 21-07-2004 à 13:40:57    

bon les colonnes saffiche met sur une seul ligne :(
si quelqu un a la soluces ? :)
 
voila le code :
function tableau()
{
var table = "<table width=\"100%\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\">";
var ligne = 3;
var colonne = 3;
var co = 1;
var li = 1;
while ( li <= ligne)
      {
      table += "<tr>";
       while ( co <= colonne)
             {
             table += "<td>1</td>";
              co++;
             }
      table += "</tr>";
      li++;
       }
   
  if(document.getElementById)    
document.getElementById('t').innerHTML = table;
}

Reply

Marsh Posté le 21-07-2004 à 13:48:51    

Code :
  1. function tableau()
  2. {
  3. var table = "<table width=\"100%\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\">";
  4. var ligne = 3;
  5. var colonne = 3;
  6. var co = 1;
  7. var li = 1;
  8. while ( li <= ligne)
  9.       {
  10.       table += "<tr>";
  11.        while ( co <= colonne)
  12.              {
  13.              table += "<td>1</td>";
  14.               co++;
  15.              }
  16.       table += "</tr>";
  17.       li++;
  18.        }
  19. table += "</table>"; // faut la fermer la balise table :)    
  20.   if(document.getElementById)  
  21. document.getElementById('t').innerHTML = table;
  22. }

Reply

Marsh Posté le 21-07-2004 à 14:03:14    

decvidement jui le roi des bouley :) merci pour laide :)

Reply

Marsh Posté le 21-07-2004 à 17:34:12    

Démo : http://www.surleau.com/edit/tab.html
 
Le js : http://www.surleau.com/edit/tab.js
 
Evitez à tout prix d'utiliser innerHTML, document.write et compagnie ! Le DOM est beaucoup plus adapté pour ce genre de manips !


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Sujets relatifs:

Leave a Replay

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