Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

TABLEAU HTML DYNAMIQUE AVEC JAVASCRIPT DOM


Information sur la source

Description

construire un tableau html interface graphique avec javascript dom :
c'est un petit objet javascript à développer, à améliorer, c'est une base, actuellement sans commentaire, mais c'est déjà ça.
 

Source

  • function tab(col,lign)
  • {
  • this.tab = document.createElement("table");
  • this.autoid=1;
  • for(j=0;j<lign;j++)
  • {
  • this.newRow = this.tab.insertRow(-1);
  • for(i=0;i<col;i++)
  • {
  • this.newCell = this.newRow.insertCell(i);
  • this.newCell.innerHTML = /* "&nbsp;"; */ this.autoid;
  • this.newCell.setAttribute("id",this.autoid);
  • with(this.newCell.style)
  • {
  • borderStyle = 'solid';
  • borderWidth = '2px';
  • borderColor = "#000000";
  • width = '100px';
  • height = '50px';
  • textAlign = 'center';
  • }
  • this.autoid++;
  • }
  • }
  • this.addtxt = function(id)
  • {
  • document.getElementById(id).innerHTML = "ne";
  • }
  • document.body.appendChild(this.tab);
  • }
function tab(col,lign)
{
  this.tab = document.createElement("table");
  this.autoid=1;

 for(j=0;j<lign;j++)
 {

   this.newRow = this.tab.insertRow(-1);

   for(i=0;i<col;i++)
   {
    
     this.newCell = this.newRow.insertCell(i);
     this.newCell.innerHTML = /* "&nbsp;"; */ this.autoid;
     this.newCell.setAttribute("id",this.autoid);


     with(this.newCell.style)
     {
       borderStyle = 'solid';
       borderWidth = '2px';
       borderColor = "#000000";
       width = '100px';
       height = '50px';
       textAlign = 'center';
     }

   this.autoid++;
  }


}

  this.addtxt = function(id)
  {
    document.getElementById(id).innerHTML = "ne";
  }





  document.body.appendChild(this.tab);

     

}

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de Kimjoa le 10/05/2008 14:26:13

salut je viens de télécharger tas source , et elle ne fonctionne pas sous ff, sans doute a cause des fonctions insertRow et insertCell que je connais pas. Si tu veux utiliser un code utilisable par tout les navigateur utilise cette structure .

var table = document.createElement("table");
var tbody = document.createElement("tbody");
var tr= document.createElement("tr");
var td= document.createElement("td");
      
maSible.appendChild(table);
table.appendChild(tbody);
tbody.appendChild(tr);
tr.appendChild(td);

le tbody est obligatoire lorsqu on construit une tablepar le DOM ,bonne continuation

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Formulaire avec verification dynamique [ par bladebo ] BonjourVoila j'aimerai savoir comment faire pour vérifier un formulaire et faire un affichage qui se modifie si certaines zones du formulaire ne sont Fomulaire Dynamique JavaScript [ par umaga ] Bonjour &#224; tous,Une petite question de n&#233;ophyte en Javascript. Je cherche &#224; r&#233;aliser un formulaire dynamique. Disons que une partie Tableau dynamique asp + controle bt radio javascript [ par ROM105 ] Bonjour je réalise actuellement une application pour mon stage afin de rechercher et réserver un bouquin et j apprends à manipuler asp + javascript.J' Javascript+DOM [ par naima2005 ] Bonjour, j'ai besoin de savoir comment récuperer la position du premier caractère et celle du dernier d'une chaine de caractère selectionnée d'une pag Executer du javascript dans une tabs dynamique ? [ par niksam ] Bonjour bonjour,  Ca va fair bientot 2 jours(et 2 nuits) que je cherche une solution a mon probleme -&gt; j'ai besoin de vous !  Jutilise <a rel="nofo Livre sur Javascript / DOM [ par el_teedee ] Salut les gens,voilà en parcourant rapidement le net, je suis tombé sur un site (http://www.quirksmode.org/) qui m'a paru pas mal fait.J'ai vu que l' Text d'une "TableCell" ASP dynamique [ par BasicBrain ] Pitite question toute bete, je cherche sur le forum mais je ne trouve pas :Je veux avoir un texte dynamique dans une TableCell chargée par un javascri gros problème menu dynamique [ par lilyvirus ] Bonjour, j'ai un gros problèeme. Je ne suis pas très doué en javascript (je prefère 100* le flash) et la je suis en stage, ma seconde partie de stage code javascript ne marche pas [ par sb38 ] Bonjour, Je suis un gros débutant en javascript. J'ai fait un script qui fonctionne tres bien sur une machine avec xp et ie compatible MSIE 6.0 Par co Pb javascript [ par aprosper ] J'utilise un menu qui fonctionne très bien quand je teste mon site en local, mais qui n'apparait même pas sur la page quand elle est publiées sur le w


Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,406 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.