Comment écrire dans la table d'un fichier html en cliquant sur une ligne d'une table dans un autre fichier html?

Question

J'ai deux fichiers html information.html et employee.html.

Information.html contient deux tables ayant les ID 'top' et 'bottom'. Employee.html est inclus dans le <table id='top'> de information.html.

code de Employee.html, contenant juste un <table> factice, est comme suit:

<!-- employee.html --> 
    <table align = "center" border="1" height="100px"> 
     <tr></b><td><b>No.</b></td><td><b>Name</b></td><td><b>Age</b></td></tr> 

     <script type="text/javascript"> 
     var i =0; 
     for (i= 0;i<20;i++) 
     { 
     document.write("<tr onclick= '---' ><td><b>" + i);    
     document.write("</b></td><td>Usman</td><td>56</td></tr>"); 
     } 
     </script> 
    </table> 

Quand j'ouvre information.html dans mon navigateur, je vois employee.html inclus dans le <table id='top'> de information.html.

Maintenant, que dois-je écrire dans onclick (dans le code ci-dessus) de sorte que lorsque l'utilisateur clique sur une ligne dans le tableau figurant dans le tableau « top » de information.html, un texte arbitraire peut apparaître dans la <table id='bottom'> de information.html.

Veuillez me guider.

Merci

Answer 1

Vous devez obtenir l'élément sur la page dans laquelle vous souhaitez insérer le texte, cela se fait en utilisant la fonction getElementById pour obtenir l'élément avec id #bottom. Vous pouvez ensuite utiliser innerHTML pour définir le contenu de la table.

document.write("<tr onclick='document.getElementById(\"bottom\").innerHTML = \"some text\"'><td><b>" + i); 

Ne pas oublier les barres obliques inverses, sinon vous pourriez trouver les citations ne seront pas correctement échappé