SIMULER UN TARGET="_BLANK" VALIDE XHTML STRICT

Commentaire de Arto_8000 le 18/05/2008 06:15:41

En cherchant un peu sur le sujet, je suis tomber sur ceci. C'est un article assez complet qui traite du sujet de l'attribut target avec le HTML/XHTML Strict :

http://www.cybercodeur.net/weblog/commentaires/detailsCarnet.php?idmessage=1088

Commentaire de medium69 le 19/05/2008 20:32:34

J'ai vu... mais là je le propose en une ligne de code à mettre uniquement dans les liens à ouvrir dans une nouvelle fenêtre.

De plus, dans mon cas, cela marche que le lien soit activé à la souris, ou au clavier (accessibilité oblige ;) )

Commentaire de Arto_8000 le 20/05/2008 17:11:50

Pour rajouter au propos de HVB, il est toujours mieux de séparer le javascript/css du code HTML en général. Moindrement que l'on travaille avec des projets assez gros, c'est va beaucoup mieux pour coder s'il l'on sépare le tout.

Commentaire de lvdesign le 31/10/2008 11:25:37

Bonjour,
Tout cela est fort intéressant Mais je vais vous proposer une autre solution plus propre, rapide et évolutive.
Avec seulement un nom de classe, par exemple "popupblank" dans le Body, exemple:

<p>tester le script <a href="LaPageOuLaRéferenceAAtteindre" class="popupblank">À consulter</a></p>

et voilà le tour est joué car dans le Head, un script externe exécute la réference à la class="popupblank".

Bon voici le code du .js:
//function chargement de l'action
function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    } else {
        window.onload = function () {
            oldonload();
            func();
        }
    }
}
//lecture de class concernée dans la page Html
function prepareLinksBlank() {
    if (! document.getElementsByTagName ) return false;
    var links = document.getElementsByTagName("a");//lecture des a
    for (var i = 0; i < links.length; i++) {
        if (links[i].className == "popupblank") { //si "popupblank" alors
            links[i].onclick = function () {
                popUpBlank(this .getAttribute("href"));
                return false;
            }
        }
    }
}
//action de la class popupblank, parametrage à vos souhaits.
function popUpBlank(winURL) {
    window.open(winURL, "popupblank", "toolbar=0,location=0,directories=0,scrollbars=1, target=_blank");
}

//pour plus de détails www.lvdesign.com.fr - rubrique:Tips