TheJoe.it Dans le (ouvrir) Source

17Sep/125

Javascript: ouvrir automatiquement les liens externes dans une nouvelle fenêtre

javascript

L'article d'aujourd'hui est un petit conseil sur les liens d'avoir un site conforme au W3C(1). Cette procédure est valable dans le cas où nous utilisons la version "XHTML 1.0 Strict", un peu "daté, mais toujours d'actualité s'il est déclaré tag dans le "HTML" Site.

Le concepteur du site a différentes façons de régler l'ouverture d'un lien donné dans une nouvelle page (ou un nouvel onglet) navigateur partie. Le premier à être mis en œuvre a été l'inclusion de 'attribuer "target='_blank'" dans la balise pour consulter les liens "<a>". C'est le moyen le plus facile d'ouvrir un lien dans une deuxième fenêtre, mais malheureusement, ne pas répondre à la norme w3c. La solution proposée par le W3C est l'inclusion de ces autres attributs "onclick='window.open(this.href); return false;'", pour autant résoudre le problème avec une brève javascript instruction.

Heureusement pour nous, JavaScript est un langage très différent, l'un des comportements que nous pouvons gérer est l'ouverture de la liaison. Avec ce troisième et dernier exemple va ouvrir dans un nouvel onglet tous les liens externes, à savoir celles qui en tant que référence à partir de "http://" nous évite d'avoir à écrire à chaque fois que le code proposé par le W3C sur un lien externe. Est-ce le numéro de référence:

externalLinks de fonction() {
  si (!document.getElementsByTagName) retour;
  ancres var = document.getElementsByTagName("une");
  pour (var i = anchors.length-1; i>= 0; i -) {
    ancres var ANCRE;[i];
    si (anchor.href && anchor.href.substr(0,7) == "http://")
    anchor.target = "_blank";
    }
  }
window.onload = externalLinks;

(1)_ Le W3C est une organisation à but non lucratif qui traite avec une certaine rigidité à établir des normes que les webmasters et les développeurs de navigateurs doivent suivre pour créer et visualiser ces pages "XHTML", assurant ainsi un maximum de compatibilité entre le site et les différents navigateur. En savoir plus sur les objectifs de l'organisation sont expliqués (ainsi que sur le site Web de l'organisation) à la page du Wikipedia.

Content de cet article?

Inscrivez vous à notre fil rss!

Sur

Je garde ce blog comme un hobby par 2009. Je suis passionné de graphisme, la technologie, logiciel Open Source. Parmi mes articles ne sera pas difficile de trouver de la musique, et quelques réflexions personnelles, mais je préfère la ligne directe du blog principalement à la technologie. Pour plus d'informations me contacter.

Commentaires (5) Trackbacks (0)
  1. Il est trop facile pour…intendevo x Maisons. J'ai dû ajouter le ou
    qui:
    si ((anchor.href && anchor.href.substr(0,7) == “http://”) || (anchor.href && anchor.href.substr(0,8) == “https://”))

    l'extension de la gamme de 8 et l'ajout d'une s
    ciaoooo

  2. Cela ouvre une nouvelle fenêtre pour la prot seulement http et https?

  3. Eh bien, spécifications du W3C sont encore plus anciens (2002 – “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”) et sont encore utilisées en tant que norme. Et il est également vrai que le HTML 5 est pendant un certain temps ", mais il est encore la norme.

    La seule façon d'assurer la compatibilité avec l'ouverture forcée d'un lien dans un second onglet est d'utiliser l' “transition” au lieu de “strict”. La transition serait provisoire.

    À cet égard, nous soulignons une statistique intéressante compilé par Yahoo: http://developer.yahoo.com/blogs/ydn/posts/2010/10/how-many-users-have-javascript-disabled/ qui a seulement un petit nombre de pays dans le monde (c'est le plus mis à jour: 2010). Même si le pourcentage est faible (dans le pire des cas autour de 2%) vous m'apprenez que vous avez besoin pour assurer la compatibilité.
    En fait, la méthode décrite dans cet article ne se traduit pas par un manque de compatibilité pour l'utilisateur qui a désactivé js, simplement les liens s'ouvriront dans la même page (le webmaster n'aura pas atteint son objectif, mais l'utilisateur ne sera pas endommagé par cette).

  4. En dehors de cela l'article original 2003 est un peu’ plus (http://www.sitepoint.com/standards-compliant-world), il est vrai que dans 2012 il n'est guère logique de citer le cas mais.. Si Javascript est désactivé?


Laisser un commentaire

Aucun trackbacks pour l'instant