Créer un lien dans un tableau html avec javascript

J'utilise le code suivant pour ajouter des colonnes dynamiquement un tableau html:

var tblHeadObj = window.opener.document.getElementById("maintable").tHead;
var j=0;
while(j < fname.length)
{ 
  if(tblHeadObj != null) 
  {
    for(var h = 0; h < tblHeadObj.rows.length; h++) 
    {
      var newTH = window.opener.document.createElement('th');

      tblHeadObj.rows[h].appendChild(newTH);
      //newTH.innerHTML='[th]row:'+h+'cell:'+(tblHeadObj.rows[h].cells.length-1)
    }
  }
  var tblBodyObj = window.opener.document.getElementById("maintable").tBodies[0];
  //for(var i = 0; i < tblBodyObj.rows.length; i++) {
  var newCell=tblBodyObj.rows[0].insertCell(-1);
  var newCell=tblBodyObj.rows[0].insertCell(-1);
  //newCell.innerHTML = (tblBodyObj.rows[0].cells.length - 1)
  newCell.innerHTML=  fname[j];
  j++;
}

Maintenant, je veux faire des colonnes en tant que lien.Comment puis-je le faire?

Grâce

  • Veuillez expliquer ce que vous entendez par "faire de colonnes que le lien".
  • les valeurs dans les colonnes de table devrait être montré que des liens sur lesquels je peux rediriger vers un certain endroit.
InformationsquelleAutor | 2009-05-03
  1. 9

    Comme d'autres l'ont noté, il est assez difficile de ce que vous entendez par "faire de colonnes que le lien". Cependant, nous en tant que communauté ont pris l'habitude de faire des suppositions sur le vrai problème et de fournir une solution basée sur cette hypothèse. À mesure que nous acquérons de l'expérience de la lutte contre de plus en plus et ignore les questions, notre ESP compétences deviennent plus perfectionné.

    Il semble que vous êtes la création d'un tableau HTML via les méthodes du DOM. Je vais supposer que vous souhaitez créer un lien dans le créé tablecell et voici ma suggestion:

    Utiliser le même createElement méthode pour créer tous les éléments dont vous avez besoin. Par exemple, un lien (ancre) peuvent être créés avec le code suivant:

    var link = document.createElement("a");
link.setAttribute("href", "http://www.microsoft.com")
link.className = "someCSSclass";
//For IE only, you can simply set the innerText of the node.
//The below code, however, should work on all browsers.
var linkText = document.createTextNode("Click me");
link.appendChild(linkText);

//Add the link to the previously created TableCell.
newCell.appendChild(link);

    Alternativement, vous pouvez également définir le innerHTML de la TableCell comme @Anonyme a suggéré.

    • C'est le moins sujettes à erreur de méthode si l'ancre contenu du texte en clair; vous obtenir de belles mises en garde quand quelque chose est mal, au lieu de traiter avec typoes dans le mauvais balisage.
    InformationsquelleAutor Cerebrus
  2. 3

    Si vous essayez de mettre le contenu de la cellule dans un point d'ancrage, puis un moyen est de changer

    newCell.innerHTML=  fname[j];

    à

    newCell.innerHTML=  '<a href="'+whatever+'">'+fname[j]+'</a>';

    où whatever est une variable contenant une chaîne appropriée.

    Méfiez-vous que le contenu de fname[j] sont en ligne (par exemple, pas de tables ou de blocs comme la div, en-têtes, formes, mais les entrées d'un formulaire sont d'accord) ou de l'ancre sera fermé par la plupart des navigateurs prématurément. En cas de besoin, vous pouvez mettre l'ancre uniquement autour des parties du contenu de la cellule, mais la meilleure façon de faire cela dépendrait de ce que le contenu sont.

    • ses pas l'extraction des valeurs de la fname.son montrant +fname[j]+ en sortie
    • Si vous voulez dire que le script sorties littéralement "+fname[j]+" dans votre document, puis vous avez une erreur en citant. Prenez soin de noter où les guillemets simples sont: ils jalonnent les littéraux de chaîne.
    • +1 pour deviner l'intention de l'OP correctement! 😉
    InformationsquelleAutor Anonymous
  3. 1

    Ce sont tous bons, mais j'ai besoin d'une image dans le lien donc, ici, est que le code:

      cell[k] = document.createElement('td');
   var link = document.createElement('a');
            link.setAttribute('href', "http://www.ilovethismusic.com");
            link.setAttribute('target', "_blank");

            var newimg = document.createElement('img');
            newimg.src = "http://www.ilovethismusic.com/Views/Images/bg_header.jpg";
            newimg.alt = "imageMissing";
            newimg.width = "95";
            newimg.height = "45";
            newimg.border = "0";

            link.appendChild(newimg);




        cell[k].appendChild(link);
    InformationsquelleAutor ta4ka