Kurzzeitige Anzeige einer temporaeren Webseite bevor die gewuenschte Webseite angezeigt wird

hyle · Mar 23rd 2022

Man könnte die statischen HTML-Seiten per PHP parsen, die Links umleiten und den Request erfassen um dann nach 15 Sekunden z.B. per header-Location dahin weiterzuleiten.. Erschwerend kommt da aber hinzu, dass die Webpräsenz von framp sich in X verschiedenen Verzeichnissen verzweigt, wo relative Pfade zu Bildern etc. auch berücksichtigt werden müssten.

Hätte ich die Aufgabe vor 15 oder 20 Jahren bekommen, dann wäre das eine Arbeit von ca. einer Stunde, aber jetzt bin ich viel zu lange raus aus PHP und bräuchte vermutlich mehrere Wochen.

Btw. framp Deine Seite ist z.Zt. echt anstrengend bis unmöglich zu lesen. Pastellfarben wären da wesentlich besser geeignet.

framp · Mar 23rd 2022

Quote from hyle

Deine Seite ist z.Zt. echt anstrengend bis unmöglich zu lesen.

Ich weiss. Aber es gibt sehr viele Menschen die haben gerade sehr viel anstrengendere Probleme und an die sollen die Farben erinnern.

hyle · Mar 23rd 2022

Ich verstehe Deine Intension sehr gut, aber weniger ist manchmal mehr. Will damit sagen, dezente Hinweise (hier dezentere Farben) "brennen" sich tiefer ins Unterbewußtsein ein als aggresive (negative) Erinnerungen nach dem Aufruf Deiner Website.

Das ist nicht böse gemeint!

framp · Mar 23rd 2022

Darum suche ich ja nach einer Methode nur bestimmte Besucher mit einer zwischengeschalteten Webseite auf die anstrengenden Probleme des Landes deren Farben meine Webseite gerade nutzt hinzuweisen. Dann werde ich wieder mein vorheriges Layout reaktivieren.

simonz · Mar 24th 2022

framp Vielleicht eine andere Möglichkeit:

Du könntest Deine farblich angepasste user.css abhängig von der IP machen. Alle anderen Besucher bekommen das normale Layout zu sehen. Ja, das ist dann keine wirkliche Vorschaltseite (auch ein Suchbegriff, der leider nicht zu Deinem speziellen Wunsch passte).

Ich habe keine Ahnung, wie genau das mit Joomla geht, aber hier zwei mögliche Einstiege

framp · Mar 24th 2022

hyle Dein Feedback habe ich mir ueber Nacht noch mal durch den Kopf gehen lassen - und das Layout ist jetzt wieder wie gewohnt Ich sehe mal zu dass ich aus Euren Vorschlaegen eine andere Loesung finde. simonz Idee ist auch eine interessante Alternative.

framp · Mar 29th 2022

Ich habe jetzt mal den JS Weg beschritten. Davon zwei Wege um eine Endlosschleife zu vermeiden:

1) Setzen eines Cookies

2) Setzen eines Query Parameters

D.h. ich habe folgendes in meine .htaccess geschrieben wobei entweder der QueryString oder der HTTPCookie genutzt wird:

Apache Configuration

RewriteCond %{REMOTE_ADDR} <MeineIPAdresse>
RewriteCond %{REQUEST_URI} !/rTemp.html
RewriteCond %{QUERY_STRING} ^visited=1$
#RewriteCond %{HTTP_COOKIE} !/^(.*;)?lta=done(;.*)?$/
RewriteRule ^(.*)$ /rTemp.html?target=$1 [QSA,R=301,B]

r.html soll nur den temporaeren Redirect einleiten. Darin sieht man die beiden Wege: Nutzung von einen Cookie oder Nutzung von Query Parametern. Sie sieht wie folgt aus:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Redirect</title>
</head>

<body>
<script type="text/javascript">

var targetURL = window.location.href;

console.log("TargetURL: " + targetURL);

var url = new URL(targetURL);
var visited = url.searchParams.get("visited");
console.log("visited: " + visited);

if ( visited === null ) {
    window.open("https://www.linux-tips-and-tricks.de/rTemp?targetURL="+currentURL,"_self");
};

</script>

</body>

</html>

Display More

r.Temp soll die temporaere Webseite sein die angezeigt werden soll und dann an die original requestierte Seite weiterleiten.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Temporary page</title>
</head>

<script type="text/javascript">

function setCookie(name,value,minutes) {
    var expires = "";
    if (minutes) {
        var date = new Date();
        date.setTime(date.getTime() + (minutes*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}

var targetURL = window.location.href;
document.write(targetURL);
console.log(targetURL);

var url = new URL(targetURL);
var target = url.searchParams.get("target");
console.log("target: " + target);
document.write("<br/>"+target);

setCookie("lta","done",1);

var r=""
if ( target.includes('?') ) {
        r=target+'&visited=1';
} else {
        r=target+'?visited=1';
};

window.location.replace(target);

/*
window.location.href = r;
*/

/*
setTimeout(function() {
window.open(targetURL,"_self");
}, 3000);
};
*/
</script>

</body>
Just a temporary displayed webpage
</html>

Display More

Leider erreiche ich ueber beide Wege immer eine Endlosredirectschleife

Sieht jemand wo mein Denk-/Codingfehler liegt?

simonz · Mar 30th 2022

Ich habe einige Zeit damit rumgespielt, bin aber auch nicht viel weiter.

Das mag daran liegen, dass ich die Javascript-Teile zwar halbwegs verstehe, aber nichts sinnvoll dran ändern kann. Jedenfalls bekomme ich die console.log()s irgendwie nicht zum Laufen.

Und der Cache des Browsers macht das Leben hier ganz schön schwer.

Vielleicht kann man ihn für Tests abschalten, keine Ahnung...

Aber zumindest würde ich

Code

RewriteCond %{QUERY_STRING} ^visited=1$

nicht rooten, sondern den gesamten query prüfen. Vor "visited=" kann/wird ja "target=" stehen!

Code

RewriteCond %{QUERY_STRING} visited=1

framp · Mar 30th 2022

Quote from simonz

Das mag daran liegen, dass ich die Javascript-Teile zwar halbwegs verstehe, aber nichts sinnvoll dran ändern kann. Jedenfalls bekomme ich die console.log()s irgendwie nicht zum Laufen.

Ich nutze die FF Development Console und da sehe ich die console.logs - aber nur wenn das JS syntaktisch OK ist.

In der Zwischenzeit bin ich auch wieder etwas weiter:

Das Statement in der .htaccess ist nicht ganz korrekt und muss wie folgt sein um Cookies zu beruecksichtigen:

Apache Configuration

RewriteCond %{REMOTE_ADDR} <myIP>
RewriteCond %{REQUEST_URI} !/r.html
RewriteCond %{HTTP_COOKIE} !lta=(.*);? [NC]
RewriteRule ^(.*)$ /r.html?target=$1 [QSA,R=301,B]

Mein Code von r.html sieh momentan wie folgt aus: Fuehrt aber auch noch nicht zu gewuenschten Ergebnis

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Temp display</title>
</head>

<script type="text/javascript">

function getCookie(name) {
    var dc = document.cookie;
    console.log("Cookies: " + dc);
    var prefix = name + "=";
    var begin = dc.indexOf("; " + prefix);
    if (begin == -1) {
        begin = dc.indexOf(prefix);
        if (begin != 0) return null;
    }
    else
    {
        begin += 2;
        var end = document.cookie.indexOf(";", begin);
        if (end == -1) {
        end = dc.length;
        }
    }
    console.log ("Found: " + decodeURI(dc.substring(begin + prefix.length, end)));
    return decodeURI(dc.substring(begin + prefix.length, end));
}

function setCookie(name,value,minutes) {
    var expires = "";
    if (minutes) {
        var date = new Date();
        date.setTime(date.getTime() + (minutes*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}

function deleteCookie(name) {
  document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

var targetURL = window.location.href;
document.write(targetURL);
console.log(targetURL);

var url = new URL(targetURL);
var target = url.searchParams.get("target");
console.log("target: " + decodeURI(target));
document.write(decodeURI(target)+"<br/>");

var cookie = getCookie('lta');
if ( cookie == null ) {
    console.log("Set cookie");
    setCookie("lta","done",1);
/*
    window.location.replace(target);
    return
*/
    /* target=decodeURI(window.location.hostname+'/'+target); */
    target = decodeURI('/'+target);
    console.log("Open URL " + target + " now");
    /*
    setTimeout(function() {
        window.open(target,"_self");
    }, 15000);
    };
    */
} else {
    console.log("Cookie already set, Deleting cookie");
    deleteCookie('lta');
}

/*
var r=""
if ( target.includes('?') ) {
    r=target+'&visited=1';
} else {
    r=target+'?visited=1';
};
*/

/*
window.location.href = r;
*/

</script>

</body>
</html>

Display More

Users Viewing This Thread