Comment faire des liens avec la DOM ?

Comment faire des liens avec la DOM ? - HTML/CSS - Programmation

Marsh Posté le 18-03-2005 à 22:59:07    

Comment faire des liens avec la DOM ?
Dans le code ci-dessous, j'affiche un petit tableau, et j'aimerai que le contenu de chaques cases du tableau soit cliquable
 
Merci de me dire vos idées  :wahoo:  
 
<HTML>
<script type="text/JavaScript">
 
function affichage()
{
 
var mybody=document.getElementsByTagName("body" ).item(0);  
mytable = document.createElement("TABLE" );  
mytablebody = document.createElement("TBODY" );
mytable.style.fontSize='30px';
 
mycurrent_row=document.createElement("TR" );  
 
mybody.appendChild(mytable);  
mytable.setAttribute("border","0" );  
 
for(i=0;i<3;i++) {  
mycurrent_cell=document.createElement("TD" );  
currenttext=document.createTextNode(i);
mycurrent_cell.appendChild(currenttext);  
mycurrent_row.appendChild(mycurrent_cell);  
mytablebody.appendChild(mycurrent_row);
                 }
 
mytable.appendChild(mytablebody);  
mybody.appendChild(mytable);  
mytable.setAttribute("border","12" );
}
 
</script>
 
 
<body onload="affichage()">
 
</HTML>


Message édité par aragorns le 18-03-2005 à 23:03:21

---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 18-03-2005 à 22:59:07   

Reply

Marsh Posté le 20-03-2005 à 19:17:01    

Serait-ce une question très compliquée que personne ne réponde ?
 :bounce:


---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 21-03-2005 à 11:11:24    

aragorns a écrit :

Serait-ce une question très compliquée que personne ne réponde ?
 :bounce:


 
Je pense qu'un ptit truc du genre pourrait peut être faire ton bonheur...
 
for(i=0;i<3;i++) {  
mycurrent_cell=document.createElement("TD" );  
 var link = document.createElement('a');  
    link.href = '#';
    link.appendChild(document.createTextNode(i));
    link.onclick = TaFonction;
    mycurrent_cell.appendChild(link);
    mycurrent_row.appendChild(mycurrent_cell);  
    mytablebody.appendChild(mycurrent_row);  
                 }  
 
 

Reply

Marsh Posté le 21-03-2005 à 23:33:21    

Merci beaucoup transistor  :love:  
Ton code marche avec Firefox mais pas avec IE  :cry:  
C'est déjà pas facile, et en plus il y a des incompatibilité entre les navigateurs... (il fait chier billou)
Pourrais-tu m'expliquer qu'est-ce qu'il faudrait écrire pour que Ie acepte le code ?
Y-a-t-il une façon de coder compatible avec la plupart des navigateurs ?
 
Merci de ta précieuse aide  :jap:


---------------
Membre d'honneur du CLUB DOROTHEE (abonné à Dorothée magazine depuis 1978).  Directeur honnoraire de l'association "Sauvez Bernard Minet" (plus connue sous le nom de Bernard's Mined Club).
Reply

Marsh Posté le 23-03-2005 à 15:49:26    

lu,
essaye de mettre ton lien directement dans la ligne :
link.href = '#';  
ex : link.href = 'http://forum.hardware.fr';
 
et du coup de supprimer la ligne
link.onclick = TaFonction;  
 
 
Sinon dsl mais pas d'autre idée...suis pas plus calé que ça en DOM et son interprétation entre les différents navigateur...sinon n'oubli pas que google est ton ami... ;)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed