Comment dessiner un tableau si le nombre de cases est inconnu

Comment dessiner un tableau si le nombre de cases est inconnu - HTML/CSS - Programmation

Marsh Posté le 03-03-2005 à 20:01:51    

Comment dessiner un tableau si le nombre de cases est inconnu au départ ?
J'aimerai dessiner un tableau autour de mes données
Mais le nombre de cases du tableau sera fonction des éléments entré par l'utilisateur
Je ne vois pas comment cela est possible en html
Vous savez si JS on peut tracer des tableau en les dessinant ?
Merci  :hello:


---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 03-03-2005 à 20:01:51   

Reply

Marsh Posté le 03-03-2005 à 20:11:39    

[:petrus75]
 
Si tu crées un tableau rempli dynamiquement tu les fais côté serveur, en PHP/ASP/JSP/CGI [:petrus75]
Donc tu peux faire un tableau de taille variable [:petrus75]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 03-03-2005 à 20:19:25    

Si tu tiens as le faire en JS, tu peux le faire via DOM
 
http://fr.selfhtml.org/javascript/objets/node.htm

Reply

Marsh Posté le 03-03-2005 à 20:57:35    

rompi a écrit :

Si tu tiens as le faire en JS, tu peux le faire via DOM
 
http://fr.selfhtml.org/javascript/objets/node.htm


 
Arf, je ne vois pas les fonctions qui permettent de tracer des lignes de tableau en JS dans ton lien
 
Masklinn :
Ce script ne sera pas sur un serveur, il ne sera pas mis ligne


Message édité par aragorns le 03-03-2005 à 20:59:18

---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 03-03-2005 à 22:05:48    

J'ai trouvé une idée
Je vais utiliser des <input type=text size=1> et à l'intérieur je mettrai les valeurs adéquates
Mais je ne peut pas fabriquer des input de façon dynamique
J'en mettrai donc un grand nombre (qui peut le plus peut le moins)
A moins que vous ayez une idée pour générer dynamiquement des input ?
 :hello:


---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 03-03-2005 à 22:15:49    

aragorns a écrit :

Arf, je ne vois pas les fonctions qui permettent de tracer des lignes de tableau en JS dans ton lien

Peut être par ce que ni l'html ni le javascript ne sont des "languages" disposant de fonctions de dessin.

Reply

Marsh Posté le 03-03-2005 à 22:29:27    

aragorns a écrit :


Mais je ne peut pas fabriquer des input de façon dynamique
J'en mettrai donc un grand nombre (qui peut le plus peut le moins)
A moins que vous ayez une idée pour générer dynamiquement des input ?
 :hello:


 
Regarde mon premier message, parce que c'est pareil....
 
tien voila un autre lien:
 
http://www.mozilla.org/docs/dom/te [...] e/#getting
 
et le bout de code Sample1.html  

Code :
  1. <html>
  2. <head>
  3. <title>Sample code - Traversing an HTML Table with JavaScript and DOM Interfaces</title>
  4. <script>
  5.     function start() {
  6.         var mybody=document.getElementsByTagName("body" ).item(0);
  7.         mytable = document.createElement("TABLE" );
  8.         mytablebody = document.createElement("TBODY" );
  9.         for(j=0;j<2;j++) {
  10.             mycurrent_row=document.createElement("TR" );
  11.             for(i=0;i<2;i++) {
  12.                 mycurrent_cell=document.createElement("TD" );
  13.                 currenttext=document.createTextNode("cell is row "+j+", column "+i);
  14.                 mycurrent_cell.appendChild(currenttext);
  15.                 mycurrent_row.appendChild(mycurrent_cell);
  16.             }
  17.             mytablebody.appendChild(mycurrent_row);
  18.         }
  19.         mytable.appendChild(mytablebody);
  20.         mybody.appendChild(mytable);
  21.         mytable.setAttribute("border","2" );
  22.     }
  23. </script>
  24. </head>
  25. <body onload="start()">
  26. </body>
  27. </html>


 
voila comment "dessiner" des cellules dans un tableau...

Reply

Marsh Posté le 03-03-2005 à 22:51:14    

Merci beaucoup pour ton aide  :love:  
Waaaa, bien alors ça c'est du caustaud  :ouch:  
Un peu ardu de prime abord en tout cas
Je connais un peu le C, mais je suis pas doué en JS...
Domage que le code ne soit pas commanté  :cry:  
Je vais essayer de comprendre ce script  :??:


---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 04-03-2005 à 13:50:23    

C'est exactement se qu'il me fallait, un grand merci à toi rompi  :love:  
J'adapte le code à mes besoin  :whistle:


---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 06-03-2005 à 14:00:55    

Savez-vous comment changer la couleur d'un texte avec la méthode DOM ?
 
Quelque chose du genre :
currenttext.style.fontColor="rgb(255,255,255)";
Mais cette ligne ne fonctionne pas
Merci :jap:

Reply

Marsh Posté le 06-03-2005 à 14:00:55   

Reply

Marsh Posté le 06-03-2005 à 14:20:28    

element.style.color="#FFFFFF"
normalement
(il faut bien sûre remplacer "element" par le point d'accès à l'élément dont tu veux modifier la couleur)


Message édité par masklinn le 06-03-2005 à 14:20:52

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Sujets relatifs:

Leave a Replay

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