L'appel d'une fonction sans cliquer où que ce soit

Je suis nouveau dans la programmation et je vais essayer d'appeler une fonction sans n'importe quel bouton ou cliquez sur l'événement. Je suis en train de faire un tableau dans un tableau à l'aide de la fonction javascript. Voici mon code pour l'instant:

<html>
<head> <title> Hello </title> </head>
<body>
<table border=1>
    <tr>
        <td> Hello! <input type='hidden' value='0' id='theValue' /> <script> add(); </script> <div id='myDiv'> </div> </td>
    </tr>

<script>
$ctra = 1;
$ctr1a = 1;  
function add() { 
    var ni = document.getElementById('myDiv');
    var numi = document.getElementById('theValue');
    var num = (document.getElementById('theValue').value -1)+ 2;
    numi.value = num;
    var newdiv = document.createElement('div');
    var divIdName = 'my'+num+'Div';
    newdiv.setAttribute('id',divIdName);
    newdiv.innerHTML = "<table border=1>"+
                        "<tr>"+
                        "<td> Hello! <input type='hidden' value='0' id='theValue' /> <script> add(); </script> <div id=('" + divIdName + "')> </div> </td>"+
                        "</tr>"+
                        "</table>";
    if($ctra<100){
        ni.appendChild(newdiv);
        $ctra++;
    }
}
</script>

</table>
</body>
</html>

Quand je le lance, il affiche

"+ ""+ "
Hello!
"; if($ctra<100){ ni.appendChild(newdiv); $ctra++; } }

dans le navigateur. Quel pourrait être le problème? Je vous remercie à l'avance!

MODIFIER

function add() { 
    var ni = document.getElementById('myDiv');
    var numi = document.getElementById('theValue');
    var num = (document.getElementById('theValue').value -1)+ 2;
    numi.value = num;
    var newdiv = document.createElement('div');
    var divIdName = 'my'+num+'Div';
    newdiv.setAttribute('id',divIdName);
    newdiv.innerHTML = "<table border=1><tr><td> Hello! <input type='hidden' value=0 id='theValue' /><div id='" + divIdName + "'></td></tr></table>";
    ni.appendChild(newdiv);
    for(var i=1;i<100;i++) {
        var ni = document.getElementById(divIdName);
        var numi = document.getElementById('theValue');
        var num = (document.getElementById('theValue').value -1)+ 2;
        numi.value = num;
        var newdiv = document.createElement('div');
        var divIdName = 'my'+num+'Div';
        newdiv.setAttribute('id',divIdName);
        newdiv.innerHTML = "<table border=1><tr><td> Hello! <input type='hidden' value='" + i + "' id='theValue' /><div id='" + divIdName + "'></td></tr></table>";
        ni.appendChild(newdiv);
    }
}

votre script ne semble pas être le bon endroit. l'écrire dans la section de la tête, puis appeler votre funcation
si vous avez obtenu votre solution de marquer qu'une réponse

InformationsquelleAutor Yngve Vahit | 2013-03-01

3

Essayer cette
```
<html>
<head> <title> Hello </title> </head>
<script type="text/javascript">

    $ctra = 1;
    $ctr1a = 1;
    function add() { 
    alert('s')
    var ni = document.getElementById('myDiv');
    var numi = document.getElementById('theValue');
    var num = (document.getElementById('theValue').value -1)+ 2;
    numi.value = num;
    var newdiv = document.createElement('div');
    var divIdName = 'my'+num+'Div';
    newdiv.setAttribute('id',divIdName);
    newdiv.innerHTML = "<table border=1><tr><td> Hello! <input type='hidden' value='0' id='theValue' /></tr></table>";
    if($ctra<100){
        ni.appendChild(newdiv);
        $ctra++;
    }
}

</script>

<body onload="add()">
<table border="1">
    <tr>
        <td> Hello! <input type='hidden' value='0' id='theValue' />

        <div id='myDiv'> </div> </td>
    </tr>
</table>
</body>
</html>
```
Espère que cela fonctionne pour vous..:)
- Merci beaucoup, monsieur! Une autre question, est-il une manière que je peux l'appeler comme <body onload="add()"> 100 fois? Je sais qu'il va appeler uniquement add() une fois, même si je copier-coller à tout jamais. Je suis en train de créer un tableau dans un tableau 100x. Il semble que la if déclaration à l'intérieur de la fonction n'est pas de travail.
- ya. Si vous voulez alors changer votre si la condition De la boucle. Il n'est pas nécessaire de s'condition. vous pouvez parcourir ce code à l'aide de la boucle. essayez cette for(var i=0;i<100;i++) { //faire votre travail }
- Marqué. 🙂 Je vois.. Cependant, cela crée des 100 tables différentes à l'intérieur de la table principale. Il doit générer un tableau dans un tableau. Je suis confus, à chaque itération de modifier les valeurs des variables?
- Merci :), l'itération des changements de la valeur de i. Ce que vous code est fait, il ajoute une table à MainDiv(ni.append(newdiv) à chaque itération. Si vous souhaitez ajouter une table dans la table de la vous devez ajouter newdiv à récemment ajouté div
- Je pensais que le divIdName dans la ligne newdiv.innerHTML = "<table border=1><tr><td> Hello! <input type='hidden' value='0' id='theValue' /><div id='" + divIdName + "'></td></tr></table>"; déjà fait. A theValue quelque chose à faire avec ça? Est il possible que je peux changer leurs valeurs? 🙂
- function ajouter() { var ni = document.getElementById('myDiv'); var numi = 0; for (var i = 0; i < 100; i++) { alert(i); var newdiv = document.createElement('div'); var divIdName = 'ma' + i + 'Div'; newdiv.setAttribute('id', divIdName); newdiv.innerHTML = "<table border=1><tr><td> Bonjour! <input type='hidden' value='0' id='theValue' /></tr></table>"; ni.appendChild(newdiv); ni = document.getElementById('mon' + i + 'Div'); alert(ni.getAttribute ("Id"));} } le remplacer
- Merci monsieur, mais c'est toujours le même. Il ne génère pas d'un tableau dans un tableau. J'ai essayé de modifier mon code aussi. Pls voir modifier. 🙂
InformationsquelleAutor Sachin
2

Votre JS résultats dans les blocs imbriqués, ce n'est pas autorisé dans le code html. La fonction add() dans vos blocs n'est pas défini, car lorsque le navigateur rencontre, il n'a pas vu votre définition de l'ajouter() pour le moment. Votre table contient un script qui contient une autre table qui contient encore un autre script. Il est très déroutant 😛

OK, si je comprends bien: vous avez un seul tableau. Vous aimeriez avoir JS mettre une autre table à l'intérieur. La chose que vous voulez mettre à l'intérieur est, dans cet exemple, une copie de la table. Vous souhaitez retrouver avec un tableau dans un tableau et que vous souhaitez l'obtenir par programmation.

D'abord séparer de vos préoccupations: les scripts html et:
Si vous mettez votre add() d'après la définition, et que vous mettez votre script après le corps, puis le navigateur de la rencontre et de l'exécuter. HTH:
```
<html>
<head> <title> Hello </title> </head>
<body>
    <table id="t1" border=1>
        <tr>
            <td> Hello! <input type='hidden' value='0' id='theValue' />
                <div id='myDiv'></div>
            </td>
        </tr>
    </table>

<script>
    function add_table() {
        var table1 = document.getElementById("t1"),
            table2 = table1.cloneNode(true),
            mydiv = document.getElementById("myDiv"),
            mydiv2;

        table2.setAttribute('id', 't2');
        mydiv2 = table2.getElementsByTagName("div")[0];
        mydiv2.setAttribute('id', 'myDiv2');
        mydiv.appendChild(table2);
    }
    //call the function
    add_table();

</script>
</body>
</html>
```
- Oui monsieur, c'est ce que je suis en train de faire. 🙂 Votre code en faire un tableau dans un tableau. Merci! J'aimerais le faire 100x. J'ai donc essayé table3.setAttribute('id', 't3'); mydiv3 = table3.getElementsByTagName("div")[1]; mydiv3.setAttribute('id', 'myDiv3'); mydiv2.appendChild(table3); pour ajouter une autre table, ce qui rend le bloc précédent modèle. Mais il ne fonctionne pas. Ce qui pourrait être fait pour remédier à ce problème?
- Oups! Une centaine de fois! Qui peut ne pas être possible. Avoir un jeu avec ça: [lien]jsfiddle.net/electrophoto/jLBJ4
InformationsquelleAutor MrMinshall
0

Vous avez </script> à l'intérieur du code. Navigateur qui interprète comme une fin de javascript et des sauts en arrière pour HTML. Pour résoudre ce problème, vous pouvez diviser cette chaîne en par exemple </sc'+'ript>. Qui va résoudre ce problème, mais probablement vous aurez toujours besoin d'un peu de travail sur le script, mais c'est une autre histoire.

InformationsquelleAutor leafnode

Vous devez basculer entre les différentes citations, et de supprimer les accolades pour le code, comme ceci :

newdiv.innerHTML = "<table border=1>"
    +"<tr>"
    +'<td> Hello! <input type="hidden" value="0" id="theValue" /> '
    +'<script> add(); </script> <div id="' + divIdName + '"> </div> </td>'
    +"</tr>"
    +"</table>";

InformationsquelleAutor Menencia

0

Parce que vous ne pouvez pas accéder à la fonction sans evnt dans les dom..Vous devez appeler la fonction sur n'importe quel événement de l'elemnt.

InformationsquelleAutor Deepu
0
1. déplacer le script en dehors de la table-élément à la tête ou à la fin du corps.
2. d'abord ajouter la div, puis d'appeler le script. vous voudrez peut-être appeler votre add() dans <body onload='add'>
3. supprimer les accolades ici pour créer un code html valide: <div id=('" + divIdName + "')>
InformationsquelleAutor mindandmedia

Vous devez vous connecter pour publier un commentaire.