J'essaie de définir mon texte comme un lien afin que lorsque je clique dessus, il exécute une fonction. À l'heure actuelle, je le mets sur google.com pour que le texte apparaisse sous forme de lien, mais il ne semble rien faire du tout. C'est juste du texte statique. Aucune suggestion?
var leftDiv = document.createElement("div"); //Create left div
leftDiv.id = "left"; //Assign div id
leftDiv.setAttribute("style", "float:left; width:66.5%; line-height: 26px; text-align:left; font-size:12pt; padding-left:8px; height:26px;"); //Set div attributes
leftDiv.style.background = divColor;
a = document.createElement('a');
a.setAttribute('href', 'google.com');
user_name = a.appendChild(document.createTextNode(fullName + ' '));
leftDiv.appendChild(user_name); // Add name to left div
Regardez cet exemple:
J'ai ajouté quelques commentaires dans le code qui expliquent les différentes étapes.
var leftDiv = document.createElement("div"); //Create left div
leftDiv.id = "left"; //Assign div id
leftDiv.setAttribute("style", "float:left; width:66.5%; line-height: 26px; text-align:left; font-size:12pt; padding-left:8px; height:26px;"); //Set div attributes
leftDiv.style.background = "#FF0000";
a = document.createElement('a');
a.href = 'google.com'; // Insted of calling setAttribute
a.innerHTML = "Link" // <a>INNER_TEXT</a>
leftDiv.appendChild(a); // Append the link to the div
document.body.appendChild(leftDiv); // And append the div to the document body
Essayez ceci: http://jsfiddle.net/HknMF/5/
var divColor = "red";
var fullName = "bob";
var leftDiv = document.createElement("div"); //Create left div
leftDiv.id = "left"; //Assign div id
leftDiv.setAttribute("style", "float:left; width:66.5%; line-height: 26px; text-align:left; font-size:12pt; padding-left:8px; height:26px;"); //Set div attributes
leftDiv.style.background = divColor;
a = document.createElement('a');
a.setAttribute('href', 'google.com');
a.appendChild(document.createTextNode(fullName + ' '));
leftDiv.appendChild(a); // Add name to left div
document.body.appendChild(leftDiv);