Dynamisk Titel i HTML dokument?

2013-03-15 04:30

Medlem

Plats: Helsingborg
Registrerad: Jan 2009

●

Dynamisk Titel i HTML dokument?

Har ett html dokument som visar mig hur många viewers jag just nu har på twitch.tv.
Vill underlätta och ändra titeln på fönstret i webbläsaren så att den visar hur många viewers jag har också.

Är inte hundra på java men vad jag förstår måste man skriva ett script som läser Viewer värdet och printar det som en titel.
Hur gör jag?

Senast redigerat 2013-03-15 04:39

Visa signatur

[ASROCK Z77 Extreme4] [Intel Ivy Bridge 3570K 4.6GHZ] [Intel SSD 520 120GB] [8 GB G.Skill 2133 CL11(OC)] RAZER DEATHADDER 2013 QPAD MK50 BenQ XL2420T 120HZ BenQ HD2420 60HZ LOGITECH G930 WIRELESS HEADSET.. och sånt

Rapportera Redigera

Citera flera Citera

2013-03-15 08:08

Permalänk

agentq15

Medlem

Plats: Göteborg
Registrerad: Nov 2009

●

Skrivet av Plekk89:

Har ett html dokument som visar mig hur många viewers jag just nu har på twitch.tv.
Vill underlätta och ändra titeln på fönstret i webbläsaren så att den visar hur många viewers jag har också.

Är inte hundra på java men vad jag förstår måste man skriva ett script som läser Viewer värdet och printar det som en titel.
Hur gör jag?

Gå till inlägget

Antar du menar javascript. För att ändra titel använder du:

document.title = "Titel på sidan";

Hur hämtas och skrivs antal viewers ut just nu?
Du får visa lite kod om man ska kunna hjälpa dig på ett bra sätt.

Rapportera Redigera

Citera flera Citera

2013-03-15 17:08

Permalänk

Plekk89

Medlem

Plats: Helsingborg
Registrerad: Jan 2009

●

Skrivet av agentq15:

Antar du menar javascript. För att ändra titel använder du:

document.title = "Titel på sidan";

Hur hämtas och skrivs antal viewers ut just nu?
Du får visa lite kod om man ska kunna hjälpa dig på ett bra sätt.

Gå till inlägget

Ja precis. Fick tag i en jquery som tog antalet viewers och hämtade det från twitchs API.

Har dock löst det, jqueryade samma sak men döpte om ID till title och använde sen <title id="title"></title>

Tack ändå! Och om nån är intresserad kan jag posta koden här.

Visa signatur

[ASROCK Z77 Extreme4] [Intel Ivy Bridge 3570K 4.6GHZ] [Intel SSD 520 120GB] [8 GB G.Skill 2133 CL11(OC)] RAZER DEATHADDER 2013 QPAD MK50 BenQ XL2420T 120HZ BenQ HD2420 60HZ LOGITECH G930 WIRELESS HEADSET.. och sånt

Rapportera Redigera

Citera flera Citera

2013-03-15 17:48

Permalänk

NickoB

Medlem

Plats: Jönköping
Registrerad: Maj 2011

●

Varför använda ett id på title taggen då du kör jQuery? Det känns bara onödigt.

Jag gissar på att din jQuery kod liknar detta:

$("#title").html("någon text");

Bara så du vet, tar du bort staketet "#" så hämtas taggarna istället med samma namn.
Och som regel så ska det bara finnas en title tagg för varje sida som finns, och därav är det onödigt att använda sig av ett id på denna taggen för att hitta den.

Så, om du inte förstod, koden blir då istället $("title")... osv, istället för $("#title")...

Rapportera Redigera

Citera flera Citera (1)

2013-03-15 18:51

Permalänk

Sony?

Medlem

Registrerad: Okt 2011

●

Skrivet av NickoB:

Varför använda ett id på title taggen då du kör jQuery? Det känns bara onödigt.

Jag gissar på att din jQuery kod liknar detta:

$("#title").html("någon text");

Bara så du vet, tar du bort staketet "#" så hämtas taggarna istället med samma namn.
Och som regel så ska det bara finnas en title tagg för varje sida som finns, och därav är det onödigt att använda sig av ett id på denna taggen för att hitta den.

Så, om du inte förstod, koden blir då istället $("title")... osv, istället för $("#title")...

Gå till inlägget

...fast #title är mycket snabbare.

Varför?
Jo, om första tecknet är # så tar jQuery en genväg och kör `getDocumentByElement()` istället för att köra hela sizzle funktionen (/bibloteket).

Men det spelar egentligen ingen roll för små sidor samt när bara använder en enkel selektor (inte svåra som:`$("html tr td:first-child input[type^=password]:nth-child(2)")` vilka är ganska vanliga). Men på större sidor märks skillnaden, speciellt på mobiler.

Visa signatur

Programmerare -> PHP | HTML | CSS | JS | Java.

> Sweclockers Marknads Referenser <

Rapportera Redigera

Citera flera Citera

2013-03-15 20:10

Permalänk

Plekk89

Medlem

Plats: Helsingborg
Registrerad: Jan 2009

●

function showViewers(a){
alert(a.viewers_count);
}

$.getJSON("http://api.justin.tv/api/stream/summary.json?channel="+ channelName + "&jsonp=?",
		function(a){
		document.getElementById("viewers").innerHTML  += a.viewers_count;
		document.getElementById("title").innerHTML  += a.viewers_count;});
</script>
<center>
<font size="122">
<div id="viewers"></div>
<title></title></center>

Så ser det ut, det var ingen ID på titeln alltså. Var väldigt trött när jag gjorde detta

Visa signatur

[ASROCK Z77 Extreme4] [Intel Ivy Bridge 3570K 4.6GHZ] [Intel SSD 520 120GB] [8 GB G.Skill 2133 CL11(OC)] RAZER DEATHADDER 2013 QPAD MK50 BenQ XL2420T 120HZ BenQ HD2420 60HZ LOGITECH G930 WIRELESS HEADSET.. och sånt

Rapportera Redigera

Citera flera Citera

2013-03-15 20:50

Permalänk

anon214934

Inaktiv

Registrerad: Mar 2013

●

Skrivet av Plekk89:

function showViewers(a){
alert(a.viewers_count);
}

$.getJSON("http://api.justin.tv/api/stream/summary.json?channel="+ channelName + "&jsonp=?",
		function(a){
		document.getElementById("viewers").innerHTML  += a.viewers_count;
		document.getElementById("title").innerHTML  += a.viewers_count;});
</script>
<center>
<font size="122">
<div id="viewers"></div>
<title></title></center>

Så ser det ut, det var ingen ID på titeln alltså. Var väldigt trött när jag gjorde detta

Gå till inlägget

Ha för bövelen inte title taggen i body elementet. den ska ligga i head där du har alla link och script och meta osv

Rapportera Redigera

Citera flera Citera (1)

2013-03-15 21:05

Permalänk

Sony?

Medlem

Registrerad: Okt 2011

●

Skrivet av Plekk89:

function showViewers(a){
alert(a.viewers_count);
}

$.getJSON("http://api.justin.tv/api/stream/summary.json?channel="+ channelName + "&jsonp=?",
		function(a){
		document.getElementById("viewers").innerHTML  += a.viewers_count;
		document.getElementById("title").innerHTML  += a.viewers_count;});
</script>
<center>
<font size="122">
<div id="viewers"></div>
<title></title></center>

Så ser det ut, det var ingen ID på titeln alltså. Var väldigt trött när jag gjorde detta

Gå till inlägget

För att vara lite konstruktiv:

<title> ska vara i <head>
getElementById("title") /facepalm
1. Använd $("title").innerHTML += a.viewers_count istället när du endå använder jQuery
2. Du verkar inte ens ha någon div med id:et title...
inline script(!). Länka in filen istället med <script src="minJsFil.js"></script>
<center>, använd en div och sätt margin: 0 auto; istället.
<font size="122">. wow, var länge sen man såg. Hur som helst, använd css. (#viewers { font-size: 122px; })
ps: länka CSS filen, kör inte inline

Visa signatur

Programmerare -> PHP | HTML | CSS | JS | Java.

> Sweclockers Marknads Referenser <

Rapportera Redigera

Citera flera Citera

2013-03-16 00:35

Permalänk

anon214934

Inaktiv

Registrerad: Mar 2013

●

Skrivet av Sony?:

http://www.reactiongifs.com/wp-content/uploads/2013/02/say-wh...

För att vara lite konstruktiv:

<title> ska vara i <head>
getElementById("title") /facepalm
1. Använd $("title").innerHTML += a.viewers_count istället när du endå använder jQuery
2. Du verkar inte ens ha någon div med id:et title...
inline script(!). Länka in filen istället med <script src="minJsFil.js"></script>
<center>, använd en div och sätt margin: 0 auto; istället.
<font size="122">. wow, var länge sen man såg. Hur som helst, använd css. (#viewers { font-size: 122px; })
ps: länka CSS filen, kör inte inline

Gå till inlägget

Hahaha, den blicken

Och oj vad man missade när man skummade igenom den koden :/

Rapportera Redigera

Citera flera Citera

Dynamisk Titel i HTML dokument?

Dynamisk Titel i HTML dokument?

Externa nyheter

Spelnyheter från FZ