Was ist eine gute Lösung für cross-browser-javascript-redirect mit der Geschichte?

Ich bin derzeit kämpfen Google Chrome auf die folgende Aktion:

location.href = url
location.replace(url)
document.location = url
window.navigate(url) //doesn't work in Chrome/Firefox
location.assign(url)
window.open(url, '_self')
window.location.href = url

Ich habe alles versucht, und weder hinzufügen eines history-Eintrags. Gibt es eine Möglichkeit in Google Chrome zu tun, ein javascript-redirect MIT Geschichte?

Dank.

Erklärung
Wir haben eine Tabelle der Elemente, wenn Sie klicken auf die Zeile, ich möchte die Seite für die Navigation zu einem angegebenen URL, wenn jemand eine gute Lösung, um diese anderen als die onclick= "send" - Methode wir verwenden nun, lassen Sie es mich bitte wissen.

Update
Es scheint, dass Stackoverflow-seiner-selbst hat genau dasselbe Problem. In der Haupt-Ansicht, klicken Sie auf eine der ersten 3 Spalten in der Frage Liste (# Antworten, etc..), dann klicken Sie auf die zurück-Taste, es wird Sie zurück 2 Seiten.

Ich bearbeitet meine Antwort. Bitte versuchen Sie es.
Auch, Chrome verhält sich richtig für mich. Es geht zurück, wie erwartet.
Ich gebe diese ein kleines versuchen Sie heute, sehen Sie, wenn es ist einfach zu implementieren mit einem jquery-Lösung.
Die Formular-Methode nicht so gut funktionieren.
Haben Sie werfen Sie einen Blick in Ihre Geschichte (History im Menü Verlauf Anzeigen)?

InformationsquelleAutor Tom Anderson | 2009-07-23

  1. 6

    Obwohl, ich muss zuerst sagen, dass das Chrom verhält sich dumm, und man sollte wohl keine sorgen machen. Versuchen Sie, erstellen Sie ein dummy-form und mit einer GET-Methode und programmgesteuert senden...

    <form id="dummyForm" method="GET" action="#">
  <input type="hidden" name="test" value="test" />
</form>

    Dann ist dein onclick...

    var frm = document.forms["dummyForm"];
frm.action = url;
frm.submit();
    siehe meine Antwort, aber ich habe im Grunde nahm dieser Methode und es Super geklappt, vielen Dank!
    Ich weiß, es ist weit von einer idealen Lösung, aber ich bin froh, dass es geklappt für Sie!
    Diese Art der Umleitung nicht funktionieren bei mir in Firefox 13.0.1, mit JQuery 1.7.1 und den folgenden code: $('<form id="dummyForm" method="GET" action="/content/application-submit.php"> <input type="hidden" name="application" value="success" /></form>').submit();. Jedoch, es funktioniert, wenn Sie so etwas wie: $('<form id="dummyForm" method="GET" action="/content/application-submit.php"> <input type="hidden" name="application" value="success" /></form>').appendTo('body'); document.getElementById('dummyForm').submit();.
    I. e., Sie können diese Umleitung in Firefox, es sei denn, es ist tatsächlich in dem Dokument.
    Nachdem ich es getestet. Es funktioniert im IE8 und Chrome, aber die umgeleitete url am Ende mit einer unnötigen Fragezeichen, Wie es zu entfernen ?danke.

    InformationsquelleAutor Josh Stodola

  2. 2

    alle javascript-Lösung auf Basis von @Josh Stodola Antwort

    function goTo(url, data){
    var ele_form = document.createElement("FORM");
    ele_form.method = "POST";
    ele_form.id = 'dummy_form';
    ele_form.action = url;
    if (!!data){
        for(key in data){
            var dummy_ele = document.createElement('INPUT');
            dummy_ele.name = key;
            dummy_ele.value = data[key];
            dummy_ele.type = 'hidden';
            ele_form.appendChild(dummy_ele);
        }
    }
    document.getElementsByTagName('body')[0].append(ele_form);
    document.getElementById('dummy_form').submit();
}
    Hi, rbawaskar, Nachdem ich es getestet. Es funktioniert im IE8 und Chrome, aber die umgeleitete url am Ende mit einer unnötigen Fragezeichen, Wie es zu entfernen ?Dank
    aktualisiert die Antwort... zugegeben form Methode POST

    InformationsquelleAutor rbawaskar

  3. 0

    Was Sie tun können, mithilfe von jQuery ist so etwas wie:

    $("table tbody td").wrapInner('<a href="myurl.htm?id=' + getTheIDSomehow + '"></a>');

    Da ich nicht weiß, die Struktur des markup ist es schwierig einen bestimmten fix.

    Sehen die jQuery-Dokumentation auf wrapInner.

    InformationsquelleAutor Jason Berry

  4. 0

    Was ist mit "Klick" auf einen link mit JS?

    <a href="/url.html" id="clickme">blah blah</a>
<script type="text/javascript">
$(document).ready(function() {
    $('#clickme').click();
});
</script>

    Ich bin mir nicht sicher, ob das funktioniert, aber es sollte imitieren ein Benutzer auf die Verknüpfung klicken.

    Ich weiß, das ist eine alte Antwort, aber ich glaube, die .click() nur auslösen, die click registrierten Ereignisse auf die a tag. Ich könnte falsch sein. Ich hatte ein problem vor kurzem wo das nicht funktioniert und ich musste jquery.simulate.js.

    InformationsquelleAutor Darryl Hein

  5. 0

    Nehmen, was Josh Stodola empfohlen, und Sie tun es mit jquery stattdessen habe ich eine Methode erstellt, die scheint, dies zu umgehen, Chrome-Problem ohne viel Aufwand in das markup.

    Hier eine voll funktionierende version.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Row Navigation with History</title>
<style type="text/css">
    body {
        font: 14px Georgia, serif;
    }

    #page-wrap {
        width: 800px;
        margin: 0 auto;
    }

    table {
        border-collapse:collapse;
        width:100%;
    }
    thead {
        text-align:left;
        font: 16px serif;
    }
    tbody {
        font: 14px Georgia, serif;
    }

    tr {
        cursor:pointer;
    }

    td {
        border: 1px solid #ccc;
        padding:10px;
    }

    .slim {
        width:88px;
    }

    .wide {
        width:300px;
    }

    .hover {
        background-color:#eee;
    }

</style>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
    google.load("jquery", "1.3.2");
</script>
<script type="text/javascript">
    $(function() {

        $("td").hover(function() {
            $(this).parent().addClass("hover");
        }, function() {
            $(this).parent().removeClass("hover");
        });


        $("tr").click(function() {
            if (navigator.userAgent.toString().indexOf("Chrome/2") != -1)
            {
                var form = $("<form></form>");
                form.attr("method", "get");
                form.attr("action", $(this).attr("rel"));
                form.submit();
            } else {
                location.href = $(this).attr("rel");
            }
        });
    });

</script>

</head>
<body>
<div id="page-wrap">
<table>
    <colgroup />
    <colgroup class="wide" />
    <colgroup class="slim" />
    <colgroup class="slim" />
    <thead>
        <tr>
            <th>Title</th>
            <th>Description</th>
            <th>Date</th>
            <th>Status</th>
        </tr>
    </thead>
    <tbody>
        <tr rel="http://stackoverflow.com/questions/1173912/what-is-a-good-solution-for-cross-browser-javascript-redirect-with-history">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
        <tr rel="http://www.stackoverflow.com">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
        <tr rel="http://www.stackoverflow.com">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
        <tr rel="http://www.stackoverflow.com">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
        <tr rel="http://www.stackoverflow.com">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
        <tr rel="http://www.stackoverflow.com">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
        <tr rel="http://www.stackoverflow.com">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
        <tr rel="http://www.stackoverflow.com">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
        <tr rel="http://www.stackoverflow.com">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
        <tr rel="http://www.stackoverflow.com">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
        <tr rel="http://www.stackoverflow.com">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
        <tr rel="http://www.stackoverflow.com">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
        <tr rel="http://www.stackoverflow.com">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
        <tr rel="http://www.stackoverflow.com">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
        <tr rel="http://www.stackoverflow.com">
            <td>Title</td>
            <td>Description</td>
            <td>1/1/2009</td>
            <td>Available</td>
        </tr>
    </tbody>
</table>
</div>
</body>
</html>

    InformationsquelleAutor Tom Anderson

  6. 0

    chrome wird nicht unterstützt Lage.reload. Verwenden Fenster.open(url, '_self') für die Seite umleiten

    Dass eigentlich gar nicht die Geschichte.

    InformationsquelleAutor

  7. 0

    Ich weiß, dies ist eine ältere Frage, aber wenn Sie auf der Navigation einen link auf der gleichen Seite sind, sollten Sie in der Lage sein, einfach folgende, 123, wo ist die item-id:

    window.location = "items/123";

    InformationsquelleAutor frodo2975

  8. 0

    Hier eine schöne, funktionale und saubere jQuery-Lösung, basierend auf Josh Stodola (was für mich nicht funktioniert).

    function redirect(url, data) {
    var form = $('<form method="get"></form>');
    form.attr("action", url);

    for (key in data){
        var input = $('<input type="hidden"/>');

        input.attr("name", key);
        input.attr("value", data[key]);

        form.append(input);
    }

    $("body").append(form);

    $(form)[0].submit();
}

    InformationsquelleAutor maxhud

Schreibe einen Kommentar