11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'ai lu ce magnifique tutoriel.

C'est super mais je me demandais comment faire un lien sur une image (comme une pub), sans avoir l'icone qui indique que c'est un lien externe. Mais j'aimerais avoir quand même un title qui indique que cela s'ouvrira dans une nouvelle fenêtre.

Je ne comprend pas pourquoi le title ne s'affiche pas.

J'ai pas pu utiliser le même code mais presque.

Javascript

function open_ext_link()
{
	var liens = document.getElementsByTagName('a');
	// On récupère tous les liens (<a>) du document dans une variable (un array), ici liens.
	// Une boucle qui parcourt le tableau (array) liens du début à la fin.
	for (var i = 0 ; i < liens.length ; ++i)  {
		// Si les liens ont un nom de class égal à lien_ext, alors on agit.
		if (liens[i].className == 'lien_ext')  {
			liens[i].title = 'S\'ouvre dans une nouvelle fenêtre';
			// Au clique de la souris.
			liens[i].onclick = function()  {
				window.open(this.href);
				return false; // On ouvre une nouvelle page ayant pour URL le href du lien cliqué et on inhibe le lien réel.
			};
		}
	}
}
window.onload = open_ext_link;
// Au chargement de la page, on appelle la fonction.




CSS

a.lien_ext {background:url(images/external.gif) no-repeat center right; padding-right:13px;}


HTML

<p><a class="lien_ext">lien externe</a></p>
[/i][/i][/i]
Modifié par britanicus75 (02 Mar 2009 - 20:52)