Hi zusammen,
ich habe auf der Seite http://big-data-minds.com/de/ etwas cooles gesehen:
- <title> ist "Big Data Minds 2017"
- wenn man den Tab wechselt, ändert sich der title und damit der Text im Tab zu "We.Miss You! :("
-> Weiß jemand wie das funktioniert bzw. wie man das umsetzen kann?
Danke und viele Grüße
Ne, aber auf alle Fälle mit JS.
Hallo,
Da gibt es verschiedene Möglichkeiten, aber ich verstehe den Hype darum gerade nicht?!
Die Seite führt einen stinknormalen HTTP-Request pro Navigationselement durch. Wo ist das Problem dem ausgelieferten Dokument den entsprechenden <title> mitzugeben?
Ohne HTTP-Request gäbe es wie schon erwähnt die Möglichkeit, JavaScript einzusetzen.
Allerdings funktioniert TabbedContent heutzutage schon sehr gut mit reinem CSS.
Ich bin allerdings versucht, den Beitrag als Spam einzustufen... Mal sehen, was hier noch kommt.
Gruß Arne
EDIT: Da ich die Frage falsch gelesen habe, ist diese Antwort natürlich nicht das, was der TE sucht!
<script>
var focus = true;
window.onblur = function() { focus = false; titel()}
window.onfocus = function() { .... Nein ich sach lieber nix mehr }
... ;
...
</script>
Gute Nacht 
Feigling
Pööh 
<script>
var focus = true;
window.onblur = function() { focus = false; aendernTitele() }
window.onfocus = function() { focus = true; aendernTitele() }
document.onblur = window.onblur;
document.focus = window.focus;
function aendernTitele(){
if(focus) {
document.title="Normaler Titel";
} else {
document.title="NEUER TITEL";
}
}
</script>so zb.
..wie Arne schon sagte :
Da gibt es verschiedene Möglichkeiten, aber ich verstehe den Hype darum gerade nicht?!
Gruß modem-kind
Ich finde es nen schönes Ding
Gerade im Bereich Webdesign Dienstleistung kann man sich mit sowas von anderen abheben, tolle Spielerei. Werde ich mir auf jeden Fall merken.
Wenn schon JavaScript, dann würde ich das eher so machen:
window.onload = function() {
document.querySelectorAll( 'a' ).forEach( function(element) {
element.addEventListener( 'click', function(event) {
event.preventDefault();
document.title = this.title;
});
});
};Je nachdem, wie die Navigation jetzt aufgebaut ist, muss nur die Query im Selektor angepasst werden.
Nach obigen Beispiel sähe die Navigation ganz einfach so aus:
<a href="" title="Standard Titel">Home</a>
<a href="" title="Seite 2">andere Seite</a>
<a href="" title="Seite 3">noch ne andere Seite</a>Über das title-Attribut kann so immer der aktuelle Seitentitel gelesen und an den Dokumententitel übergeben werden.
Der Vorteil bei dieser Variante ist, dass man sich nicht drum scheren muss, wie viele Navigationselemente man hat. Das funktioniert bei 2 genauso wie bei 200 Stück.
Allerdings ist das hier eine reine JS-Variante, die voraussetzt, dass sich die Inhalte bereits auf der Seite befinden ( im Code nicht berücksichtigt! )!
Aber wie gesagt, da auch der TE sich nicht zu Wort meldet, gehe ich mal von Werbung aus.
Sollte sich das bestätigen, mache ich hier eh dicht.
Gruß Arne
EDIT: Da ich die Frage falsch gelesen habe, ist diese Antwort natürlich nicht das, was der TE sucht!
Naaabend
Ja das Funktioniert ja prima mit den titele="xy-Site" für <titele> Anzeigen
..ist aber was anderes als hier am Anfang gewünscht war..
<titele> Änderung bei Tabwechsel
wie auch immer is sowieso nutzloser Spielkram
man könnt ja auch nur
var y = event.clientY; if(y<=0){
auswerten - usw.
Zur Werbung:
Es ist ja bekannt das sich Finanzdienst"leister"
überall einklinken -
Wer sich darauf einlässt hat eh selbst schuld -
Ach herrjeh... Das habe ich ja vollkommen falsch gelesen, sorry!
Jetzt wo ich geschnaggelt habe, was er wirklich will, klingt das allerdings nur noch unsinniger...
Dann stimmt Deins natürlich, würde das allerdings kürzer halten, weil man aus der Lestener-Funktion nicht extra nochmal eine externe Funktion aufrufen muss:
var _titles = [ 'Schön, dass Du da bist', 'KOMM ZURÜCK' ];
window.onload = window.onfocus = function() { document.title = _titles[0] };
window.onblur = function() { document.title = _titles[1] };Gruß Arne
Jo Super
Danke für diese kurze Schreibweise..
wird Gastl ja auch Interessieren u. anderen..
jetzt muss nur noch das Dschungelkamp enden
dann is meine Welt wieder in Ordnung -
PS. wer auf Florian 1000,- Wettet bekommt dafür z.Z. 10.000,- € ~wenns klappt 
Zitat von modem-kind
jetzt muss nur noch das Dschungelkamp enden
dann is meine Welt wieder in Ordnung -
Was? Dschungelcamp läuft? Ich hatte mich schon gewundert, warum jetzt wieder weniger Assis auf der Straße sind.
Was? Dschungelcamp läuft? Ich hatte mich schon gewundert, warum jetzt wieder weniger Assis auf der Straße sind.
[Blockierte Grafik: http://www.smilies.4-user.de/include/Froehlich/smilie_happy_275.gif]
Danke für die Antworten
Auch wenn ich nicht blicke, was die ganzen Vorwürfe bzw. das "Gemotze" soll.
Ich hab doch nur etwas cooles auf einer Seite gesehen und wollte wissen, wie das technisch funktioniert?!
Hallo,
Es gab hier keine persönlichen Vorwürfe und auch kein Gemotze!
Das was Du cool findest, ist halt nichts spannendes und wie es geht, haben wir Dir in #6 und #10 gezeigt.
Dass die Aktion an sich aus meiner Sicht sinnfrei und nur unnötige Spielerei ist, ist nichts persönliches gegen Dich!
Gruß Arne
Ja, kein Ding
Kann man denn auch etwas anderes mit dem Titel machen, als seinen Text zu verändern? Z. B. rot färben oder blinken oder keine Ahnung...
Gott sei Dank nicht...
Ich könnte mir noch vorstellen das Favicon zu ändern, da dieses ja auch per Browser dort angezeigt wird.
Jo, Favicon sollte gehen, ich bezog mich auf den Text.
Mich würd's nerven, wenn jemand da was blinken lässt. Das war zu C64-Zeiten cool, aber heute doch nicht mehr.
Hihi,
man kann noch ein favicon als gif einbinden..
So >>> <link rel="icon" href="http://zu-den-4-linden.de/favicon.gif" type="image/gif" />
http://zu-den-4-linden.de/Freie%20Parz%20keine.html
funktioniert aber für mich nur wissentlich nur beim FireFuchs
Gruß aus Hamburg
