Variable mitgeben und zur Sprungmarke springen

Franky2207 · 17. April 2015

Hey,

ich benutze folgenden Befehl um eine Variable mitzugeben und zu einer bestimmten Sprungmarke zu springen (ist auf derselben Seite):

HTML

<a href="Seitenname.php?aktion=abgesendet#sprung">Text </a>

D.h. er soll die Seite wieder aufrufen, dabei die Variable aktion = abgesendet mitgeben und zur Stelle mit der id=#sprung springen.
Er springt zwar zu der Stelle, aber die Seite wird nicht neu aufgerufen - außer beim ersten Mal, da klappts komischerweise. Klicke ich danach weiter drauf, tut sich nix mehr..

Setze ich nur

HTML

<a href="Seitenname.php?aktion=abgesendet">Text </a>

ruft er zwar die Seite neu auf und übergibt die Variable mit, aber hier fehlt eben die Sprungmarke.. sobald die drin ist, klappts nicht mehr.

Weiß da jemand eine Lösung? Und die Seite muss leider neu aufgerufen werden, es wird ein neuer Inhalt aus MySQL reingeladen.

wolf · 18. April 2015

HTML

<a href="Seitenname.php#sprungmarke?aktion=abgesendet">Text </a> <!-- SO WOHL NICHT .. -->

Franky2207 · 18. April 2015

Das hatte ich ursprünglich. Da funktioniert weder der Sprung, noch wird die Seite neu aufgerufen. (nur lokal, nicht online getestet)

Basi · 18. April 2015

Das Problem ist ganz einfach erklärt: Die Funktionsweise von Sprungmarken prüft ob die aufgerufene Url (bis auf alles hinter #) die gleiche ist wie die aktuelle.

datei.php unterscheidet sich von datei.php?aktion=abgesendet, also wird die Seite neu geladen und die Sprungmarke angepeilt.

Nun ist die Adresszeile jedoch mit datei.php?aktion=abgesendet#sprungmarke gefüllt, rufen wir also datei.php?aktion=abgesendet#sprungmarke auf wird nur die Sprungmarke angepeilt ohne die Seite neu zu laden, denn nichts würde sich ändern.

Spontan fällt mir als Lösung nur ein den Aufruf dynamisch zu gestalten, also mit einem Seed zu füllen:

HTML

<a href="?name=karl&seed=<?php print $seed; ?>#sprungmarke1">Absenden</a>

Und dazu PHP:

PHP

$seed = 0;
	if(isset($_GET['seed']))
		if($_GET['seed'] == 0)
			$seed = 1;

Dadurch verhinderst du die gleiche URL, ich habe noch einen anderen Lösungsansatz, muss jedoch erst ein mal zum Barbier.

Franky2207 · 18. April 2015

Ah, das bringt doch mal etwas Licht in die Sache.

Ich lasse vorher sowieso jedes Mal die "$id" um eins erhöhen um bei jedem Klick dann jeweils die nächste Ausgabe aus MySQL zu bekommen.
Das habe ich jetzt mal bei mir mit php eingebaut, funktioniert auch, also quasi das was du fürn seed vorgeschlagen hast einfach durch die sich weiter erhöhende $id ersetzt.

Eins macht mich aber noch stutzig: In einer Übung hat die Übergabe der $id auch ohne php im Link funktioniert:

PHP

while ($inhalt = mysql_fetch_array($db_erg, MYSQL_ASSOC))
{
$id = $inhalt['id'];
$inhalt[] = '<a href="Seitenname.php?id=$id&aktion=abgesendet">Blabla</a>';
tabellenausgabekomplett ($inhalt);
}

Hover ich über den Link, steht im Befehl die richtige id, also id=2,3,4 anstatt id=$id. Hier funktioniert das also ohne

PHP

<?php print $id; ?>

Liegt das vielleicht daran, weil hier der Inhalt noch mal in den Array aufgenommen wurde?

Basi · 18. April 2015

Das Geheimnis sind einfache und doppelte Anführungszeichen:

PHP

$zahl = 5;




print "Die gegebene Zahl ist $zahl.";
// Ausgabe: Die gegebene Zahl ist 5.




print 'Die gegebene Zahl ist $zahl.';
// Ausgabe: Die gegebene Zahl ist $zahl.

Alles anzeigen

In doppelten Anführungszeichen werden Variablen interpretiert, in einfachen nicht, hier wird alles als Klartext behandelt. Du erkennst es auch am Syntax Highlighting hier im Forum, in den doppelten Anführungszeichen ist $zahl blau hervorgehoben, genau wie bei der Definition 2 Zeilen höher. In den einfachen Anführungszeichen ist $zahl rot.

Franky2207 · 18. April 2015

Aaah ok. Das macht dann Sinn. Danke dir!

Basi · 18. April 2015

Das hat mich nun doch ein wenig mehr interessiert und ich habe einen Weg gefunden die Mechanik auszuhebeln und das Ganze zum Laufen zu bekommen.

Bei Interesse einfach den Code in die Datei aufnehmen und entsprechende a-Tags mit class="anchor_extended" ausstatten. Alternativ ein beliebiges Element anlegen, die selbe Klasse vergeben und statt href="" data-href="" verwenden. Der Klassenname kann in Zeile 10 angepasst werden.

JavaScript

window.addEventListener("load", function () {




    // Falls der Browser nicht automatisch zum gewünschten Element springt
    // erledigt das Javascript.
    if (window.location.hash)
        window.location.href = window.location.hash;




    // Die Steuerelemente, welche den Mechanismus auslösen sollen, werden selektiert,
    // sie müssen via class="anchor_extended" ausgezeichnet werden.
    var anchors = document.getElementsByClassName("anchor_extended");




    for (var i = 0; i < anchors.length; i++) {
        anchors[i].addEventListener("click", function (event) {
            // Prevent the anchor to perform its href-jump.
            event.preventDefault();




            // Variablen vordefinieren.
            var target = {},
            current = {}
            path = window.location.origin;




            // URL und Hash des Ziels extrahieren. Unterschieden wird zwischen a-Tag's dessen href
            // ausgelesen wird und anderen Elementen (wie z.B. div), bei denen auf das data-href=""-Attribut
            // zugegriffen wird. Für den 2. Fall benötigen wir die eben definierte path-Variable
            // welche den absoluten Pfad enthält.
            target.href = this.href ? this.href.split("#") : (path + this.dataset.href).split("#");
            target.url = target.href.length > 2 ? target.href.slice(0, -1).join("#") : target.href[0];
            target.hash = target.href.length > 1 ? target.href[target.href.length - 1] : "";




            // URL und Hash der aktuellen Datei.
            current.url = window.location.href.split("#").slice(0, -1).join("#");
            current.hash = window.location.hash;







            if (current.url == target.url)
                if (current.hash == target.hash)
                    // Dateiname und Hash sind identisch, die Seite
                    // wird lediglich neu geladen.
                    window.location.reload();
                else {
                    // Der Hash unterscheidet sich, dem location-Objekt
                    // wird dieser zugeteilt, anschließend wird die Seite
                    // neu geladen.
                    window.location.hash = target.hash;
                    window.location.reload();
                }
            else
                // Der Dateiname unterscheidet sich, $_GET-Daten wurden geändert
                // oder eine andere Datei soll aufgerufen werden, es wird lediglich
                // auf diese Datei verwiesen.
                window.location.href = this.href;
        });
    }




});

Alles anzeigen

Das deckt nun sehr viele Fälle ab, sicherlich nicht alle aber es reicht wohl als Denkanstoß.

Franky2207 · 21. April 2015

Nicht übel da haste dir aber Gedanken zu gemacht!
Werd ich bestimmt später noch mal brauchen!

Variable mitgeben und zur Sprungmarke springen

Jetzt mitmachen!

Teilen