html ouvrir une URL sur la nouvelle cible et se concentrer

Je suis en train de corriger un site web.

Il ouvre une page d'aide dans une nouvelle fenêtre/onglet via <a href="..." target="help"> (aucun autre cadre a ce nom)

Cela fonctionne bien la première fois que l'ouverture d'une nouvelle fenêtre/onglet, pour l'aider.
Mais la suite, clique sur la fenêtre/onglet est chargé, mais qui reste caché.

J'ai essayé ceci:

<script>
    function OpenAndFocusHelp() {
        win=window.open('help/1000CH00017.htm','help');
        win.focus();
    }      
</script>

<a href="help.html" target="help" 
   onclick="OpenAndFocusHelp()">Help</a>

Il ne fonctionne pas!

source d'informationauteur ctrl-alt-delor

  1. 3

    Je pense que cette fonctionnalité est un navigateur spécifique et vous ne pouvez pas définir le comportement pour la mise au point de nouveaux onglets ou fenêtres..

  2. 7

    Il semble que les navigateurs ne vous permettent pas de window.focus une fenêtre existante. Ou au moins, il ne donnera pas de fenêtre qui a le focus. (IE9 sera fait clignoter l'onglet, mais la plupart des autres navigateurs simplement le charger, mais ne donnent pas d'indication que l'attention de l'utilisateur doit être attirée sur la nouvelle fenêtre.)

    Par conséquent, une solution qui se présente est de fermer la fenêtre en premier, puis l'ouvrir de nouveau immédiatement après. Par exemple, déclarer la fonction suivante:

    window.openOrFocus = function(url, name) {
    if (!window.popups)
        window.popups = {};
    if (window.popups[name])
        window.popups[name].close();
    window.popups[name] = window.open(url, name);
}

    Maintenant, vous pouvez écrire le code HTML comme ceci:

    <a href="javascript:void(0);" onclick="openOrFocus('http://jsfiddle.net/k3t6x/2/', 'window1')">Window 1</a><br />
<a href="javascript:void(0);" onclick="openOrFocus('http://jsfiddle.net/KR6w3/1/', 'window2')">Window 2</a><br />

    Depuis la fermeture de la fenêtre, de manière fiable donne le focus à l'enfant nouvellement créé de la fenêtre.

    Cette solution utilise également le window.popups espace de noms, afin de renommer les usages que dans l'échantillon de javascript si vous avez une fonction nommée popups ou autrement entré en collision avec lui.

    Mise en garde: Cela ne fonctionne toujours pas après un post-retour. C'est parce que une fois que vous naviguez à partir de la page actuelle, il n'est plus le propriétaire de l'enfant de windows. Par conséquent, il ne peut plus les fermer. Cependant, il se borne à se dégrade à l'habitude (sans accent) comportement de l'utilisation de la target attribut.

    Testé Dans: Firefox 4, Chrome 11, c'est à dire 9

    JsFiddle Démo: http://jsfiddle.net/aqxBy/7/

  3. 2

    Vous pouvez avoir ce code à la place:

    var _arrAllWindows = new Array();
function OpenOrFocus(oLink, sTarget) {
    var oWindow = _arrAllWindows[sTarget];
    if (!oWindow || oWindow.closed) {
        oWindow = window.open(oLink.href, sTarget);
        _arrAllWindows[sTarget] = oWindow;
    }
    oWindow.focus();
    return false;
}

    Puis l'appeler, avoir un tel lien:

    <a href="http://www.google.com" onclick="return OpenOrFocus(this, 'help');">Open</a>

    Fonctionne très bien sur Chrome et IE, malheureusement Firefox de désactiver par défaut l'option de relancer windows dans le code afin focus() n'a pas d'effet dans le navigateur n'a pas pu trouver de travail autour de.

    Cas de Test est disponible ici: http://jsfiddle.net/yahavbr/eVxJX/

  4. 1

    Voici un moyen à l'aide de jQuery et HTML5 avec secours pour JavaScript désactivé clients. Il permettra de recharger les pages sur chaque clic. Testé et fonctionne dans Firefox et Chrome.

    <script>
    $(document).ready(function() {
        $('a[data-popup]').click(function(event) {
            event.preventDefault();
            window.open(this.href, this.dataset['popup'], 'resizable,scrollbars').focus();
        });
    });
</script>

<a href="https://stackoverflow.com/" target="_blank" data-popup="stackoverflow">Stack Overflow</a>
<a href="https://superuser.com/" target="_blank" data-popup="superuser">Super User</a>
<a href="https://serverfault.com/" target="_blank" data-popup="serverfault">Server Fault</a>