begin process at 2012 05 29 12:45:56
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

lien url dans tableau dynamique !


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

lien url dans tableau dynamique !

mardi 10 mars 2009 à 11:49:57 | lien url dans tableau dynamique !

san67

Bonjour tout le monde, petit souci en ce mardi matin :)

Alors voila j'ai un tableau dynamique en javascript et j'aimerai que dans une partie du tableau s'affiche des liens ...

Code du tableau :

function tabSuiviProjet()
{
 var doc = document.forms[0];

 if (doc.Pnbetap.value != ""){
 
  document.getElementById("suiviProjet").style.display="block";
 
  var oTable = document.createElement("TABLE");
  var oTHead = document.createElement("THEAD");
  var oTBody0 = document.createElement("TBODY");
  var oTBody1 = document.createElement("TBODY");
  var oCaption = document.createElement("CAPTION");
  var oRow, oCell;
  var i, j;
  
  var nbetap = parseInt(doc.Pnbetap.value);
  var nomEtap = doc.Pnometap.value;
  var date = doc.Pdateetap.value;
  var statut = doc.Pstatutetap.value;
  var  poids = doc.Ppoidsetap.value;
  var idEtap = doc.idEtape.value;
  
  var tabNomEtap = nomEtap.split("; ");
  var tabdate = date.split("; ");
  var tabStatutEtap = statut.split("; ");
  var tabPoids = poids.split("; ");
  var tabidEtap = idEtap.split("; ");
 
  var heading = new Array();
  heading[0] = "Nom Etape";
  heading[1] = "Date Echeance";
  heading[2] = "Avancement";
  heading[3] = "Poids";

  var stock = new Array();
  for (i=0;i<nbetap;i++){
     stock[i] = new Array(tabNomEtap[i], tabdate[i], tabStatutEtap[i], tabPoids[i]);}
   
    oTable.appendChild(oTHead);
    oTable.appendChild(oTBody0);
    oTable.appendChild(oTBody1);
    oTable.appendChild(oCaption);
  
     oTable.bgColor="#000000";
    oTable.cellSpacing=1;
    oTable.cellPadding=1;
    oTable.width = '75%';
    oTable.height = '50px';

    oRow = document.createElement("TR");
    oTHead.appendChild(oRow);
    oTHead.setAttribute("bgColor","#FFFFFF");
  
    for (i=0; i<4; i++){
       oCell = document.createElement("TH");
       oCell.innerHTML = heading[i];
       oRow.appendChild(oCell);}
  
   for (i=0; i<nbetap; i++){
       var oBody = (i<nbetap) ? oTBody0 : oTBody1;
       oRow = document.createElement("TR");
       oBody.appendChild(oRow);
       for (j=0; j<4; j++){
         oCell = document.createElement("TD");
         oCell.innerHTML = stock[i][j]; 
         oRow.appendChild(oCell);
      }
   }
    
      suiviProjet.appendChild(oTable);
 }
}

et j'aimerai que dans

for (i=0;i<nbetap;i++){
     stock[i] = new Array(tabNomEtap[i], tabdate[i], tabStatutEtap[i], tabPoids[i]);}

tabNomEtap[i] soit sous forme de lien .. quelqu'un peut il m'aider ?

Cordialement, Didier.

mardi 10 mars 2009 à 12:42:41 | Re : lien url dans tableau dynamique !

Bul3

Membre Club


Bonjour,
ben ??? comme tu fais !
createElement("a") + appendChild... non ?
Cordialement [mon Site] [M'écrire] Bul
mardi 10 mars 2009 à 13:01:46 | Re : lien url dans tableau dynamique !

san67

ouai mais je n'arrive pas à le mettre sous form de lien dans mon tableau

for (i=0;i<nbetap;i++){
   link = document.createElement("a");
   link.href = " [ Lien ]" + tabidEtap[i] + "?OpenDocument";
   text = document.createTextNode(tabNomEtap[i]);
   link.style.color = "Black";
   stock[i] = new Array(link.appendChild(text).nodeValue, tabdate[i], tabStatutEtap[i], tabPoids[i]);}

voila ce que je fais pour le moment.
 
Cela m'affiche bien le nom que je désire avoir comme lien mais le soucis c'est que ce n'est pas un lien ... :s
mardi 10 mars 2009 à 13:11:12 | Re : lien url dans tableau dynamique !

Bul3

Membre Club
ch'tiot exemple

<body>
    <div id="ou">
    </div>
    <script>
        var link=link = document.createElement("a");
        link.href = "http://www.javascriptfr.com";
        //text = document.createTextNode(tabNomEtap[i]); ??????
        link.style.color = "red";
        link.innerHTML="texte du lien";
        document.getElementById("ou").appendChild(link);
    </script>
</body>

mardi 10 mars 2009 à 14:34:00 | Re : lien url dans tableau dynamique !

san67

je peux pas l'appeler dans une div ... c'est une cellule d'un tableau .. d'où le titre du sujet ;)
mardi 10 mars 2009 à 14:51:17 | Re : lien url dans tableau dynamique !

Bul3

Membre Club
c'est un exemple ! à la place du div, met ton td !


mardi 10 mars 2009 à 15:20:34 | Re : lien url dans tableau dynamique !

san67

bon ben soit, j'ai essayé et j'ai lui est donc rajouter une id mais ca bug sur

document.getElementById(id).appendChild(link);
mardi 10 mars 2009 à 15:38:35 | Re : lien url dans tableau dynamique !

Bul3

Membre Club
et que contient id ?
parce que c'est une variable, pas une chaîne de caractères

mardi 10 mars 2009 à 15:52:07 | Re : lien url dans tableau dynamique !

san67

id est alimenté dans la boucle comme suit :

var id = "td"+i
oCell = document.createElement("TD");
oCell.setAttribute("id",id)
mardi 10 mars 2009 à 16:12:20 | Re : lien url dans tableau dynamique !

Bul3

Membre Club
° setAttribute ne fonctionne pas de la même manière avec tous les navigateurs
          je n'utilise jamais : oCell.id="td"+i; peut-être  ?
          il vaut mieux éviter les noms connus du html/javascript ( var id  )
          un jour ou l'autre ça te posera des problèmes
° doit être fait après l'appendChild du td
° ... ou autre erreur ?
si tu fais correctement, ça doit baigner
vérifie aussi le contenu du l'ID ?





1 2 3

Cette discussion est classée dans : var, document, createelement, appendchild, otable


Répondre à ce message

Sujets en rapport avec ce message

Petit souci avec les Dom [ par mikl74 ] Salut a tous, j'ai un petit problème avec un script utilisant les dom, en faite , je souhaite créer un tableau ou je peux ajouter des ligne grâce au Probleme setAttribute dans une table dynamique [ par ShivaanKeldon ] Bonjour J'ai créé un petit outil de comptage de points pour le tarot, en javascript. le calcul en lui meme fonctionne très bien, mais c'est au niveau removeChild et formulaire dynamique php [ par tiquisrd ] Bonjour, essayant de faire un formulaire PHP dynamique, je suis confronté à un problème que je ne peux résoudre avec mes faibles connaissances... Ce c Marche pas sous ie7 [ par aurelbobol6 ] Bonjour,je débute sous java script..j'ai créé un petit tableau dynamique qui fonctionne très bien sous mozilla firefox mais pas sous ie7. Est ce que q génération d'un menu [ par neg03 ] Bonjour, je souhaite utiliser une fonction javascript pour créer un menu :function menu(div){  var b = document.createElement('b'); div.appendChild(b) div value [ par bossou ] bonjour à tous. je voudrais vous remercier tout un chacun pour les réponses pertinentes que vous apportez sur ce site. j'ai un autre problème dans le Ajout de champs dynamiquement [ par Julien237 ] Bonjour,Je fais très peu de javascript, je viens d'en écrire un permettant d'ajouter dynamiquement des champs à un formulaire qui marche très bien sou Création d'un tableau dynamique [ par stella01 ] Bonjour,Je veux créer un tableau dynamique et à chaque refresh de ma page, supprimer le tableau existant pour en créer un nouveau (car à chaque refres Soucis javascript => Incrémentation dans une fonction [ par nothinghere ] J'utilise le code suivant : function ajoutLigne() {   // Nouveau TD (colonne de gauche)   var newData1 = window.parent.document.createElement('td');  


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,452 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales