Comment créer un tableau avec JavaScript ?

Question

J'ai cette fonction php, que je veux convertir en fonction javascript, mais je ne sais pas comment créer une table en javascript.

Je suppose que je dois avoir un conteneur (DIV) pour insérer la table avec javascript.

Voici la fonction php simplifiée : (elle compte la hauteur et la largeur et répète une ombre de 1px pour créer un effet de drop-shadow)

function drpShadow($pic_url){

    $pic_display="";
    for ($i=0; $i<($height-4); $i++){
        $pic_display.="";
    }
    $pic_display.="";
    for ($i=0; $i<=($width-6); $i++){
        $pic_display.="";
    }
    $pic_display.="";
    return $pic_display;
}

S'il vous plaît guidez-moi, ou mieux encore, donnez-moi un peu de code :)

Merci

Answer 1

Essayez ceci...

function dynamictable()
{
var table1=document.createElement("table");
table1.id="tab1";
table1.border=1;
var tmpRow = null;
var tmpCell = null;
tmpRow=table1.insertRow();
tmpCell=tmpRow.insertCell();
tmpCell.innerText = "Ligne1 Cellule1";
tmpCell=tmpRow.insertCell();
tmpCell.innerText = "Ligne1 Cellule2";
tmpRow=table1.insertRow();
tmpCell=tmpRow.insertCell();
tmpCell.innerText = "Ligne2 Cellule1";
tmpCell=tmpRow.insertCell();
tmpCell.innerText = "Ligne2 Cellule2";
document.getElementById("div1").appendChild(table1);

}

Answer 2

Tout d'abord, je verrais si vous pouvez le faire avec CSS, cependant votre JavaScript pourrait ressembler à ce qui suit, je n'ai pas vérifié cela.

function drpShadow(pic_url, width, height) {
    var i;
    var pic_display
        = "";

    for (i = 0; i < (height - 4); i++) {
        pic_display += "";
    }

    pic_display +=
        "";

    for (i = 0; i <= (width - 6); i++) {
        pic_display += "";
    }

    pic_display
       += "";
    return pic_display;
}

Answer 3

Il suffit de préparer la chaîne HTML (comme vous le faites en PHP) et de l'assigner à l'attribut innerHTML de n'importe quel élément parent que vous souhaitez - un div est bien entendu possible, mais cela pourrait être presque n'importe quoi. Votre code PHP n'insère pas cette HTML à un endroit particulier - vous pouvez écrire une fonction JavaScript qui renvoie la chaîne HTML, et cela ressemblera beaucoup - dans les deux cas, le simple fait d'avoir la fonction ne fait rien, vous devrez l'appeler et mettre sa sortie HTML quelque part!-)

Answer 4

Dans le cas où vous souhaitez faire plus avec votre tableau JavaScript plus tard, vous voudrez peut-être vous intéresser à un type de plugin pour un framework JavaScript. Un exemple d'un tel plugin serait http://www.datatables.net ...

Answer 5

C'est presque du JavaScript.

Changez la concaténation de chaînes ".=" en "+=.

L'autre chose que vous devrez changer : PHP peut voir les $variables à l'intérieur des chaînes, mais JavaScript ne le peut pas.