Jak vytvořit Tip dne pro www stránky?
Pokud Váš web obsahuje velké množství informací, může se stát, že se v nich návštěvník naprosto ztratí a nevyužije tak vše co mu nabízíte. Jednou z možností, jak vyzvednout některé informace, je zobrazování různých tipů na stránkách (tip dne, tip prodejny atd.).
Principem této reklamy je, že při opětovném načtení stránky se objeví jiný tip a tak je návštěvník při svém surfování postupně seznamován s Vaší nabídkou. Tento systém úspěšně využívá řada obchodních a informačních webů (např. Atlas nebo Centrum) a oživí i Vaše stránky. Podobný jednoduchý systém si můžete vytvořit i Vy pomocí JavaScriptu.
A jdeme na to. Do vybrané stránky vložte následující kód a to na místo, kde se bude tip zobrazovat:
<script src=“tip.js“ language=“JavaScript“>
</script>
<noscript>
zde můžete umístnit cokoli, co se má provést u prohlíče, který má vypnutý JavaScript.
</noscript>
Tento kód způsobí, že prohlížeče podporující JavaScript provedou příkazy uložené v extérním souboru tip.js. Prohlížeče nepodporujucí JavaScript tag <SCRIPT> ignorují a provedou až příkazy umístěné v tagu <NOSCRIPT>. Do souboru tip.js pak vložte následující kód:
var pocet = 5; // Zde zadejte celkový počet tipů
var tip= new Array(pocet);
tip[0] = „Upoutávka č. 1“; // Zde zadejte jednotlivé tipy
tip[1] = „Upoutávka č. 2“;
tip[2] = „Upoutávka č. 3“;
tip[3] = „Upoutávka č. 4“;
tip[4] = „Upoutávka č. 5“;
var vyber_tip = Math.floor(pocet * Math.random()) // Náhodně vybere jeden tip
var prouzek =“<table border=’1′ bgcolor=’#CCCCCC’><tr><td width = ‚180‘ heigh=’15’> <b> <font face=’ARIAL CE‘ SIZE=’2’>Náš Tip: </b>“+ tip[vyber_tip] + „</td></tr></table>“;
document.write(prouzek); // Zobrazí tip na stránce.
Při definici jednotlivých proměnných musíte dbát na to, aby celý výraz byl na jednom řádku (zvláště pozor na proměnnou prouzek). Výsledek pak vypadá následovně:
Skript můžete samozřejmě libovolně upravovat (samotný vzhled tipu, druh písma, barvu tabulky apod.), místo jednoduchého textu zobrazit odkazy, reklamní bannery apod. Hodně štěstí a nových tipů!
Starší komentáře ke článku
Pokud máte zájem o starší komentáře k tomuto článku, naleznete je zde.
Rekar
Dub 27, 2013 v 18:49Hmmm, je to tak 15 let co sem byl ten článek přidán, ale zkusím to, vše funguje jak má, pokud to vložím do texťáku a uložim jako html, ale když to chci vložit na Webnode, nic se nezobrazuje, ví někdo co s tím? BTW dal jsem to všechno do jednoho kódu :
tipy
var pocet = 5; // Zde zadejte celkový počet tipů
var tip= new Array(pocet);
tip[0] = „Upoutávka č. 1“; // Zde zadejte jednotlivé tipy
tip[1] = „Upoutávka č. 2“;
tip[2] = „Upoutávka č. 3“;
tip[3] = „Upoutávka č. 4“;
tip[4] = „Upoutávka č. 5″;
var vyber_tip = Math.floor(pocet * Math.random()) // Náhodně vybere jeden tip
var prouzek =“ Náš Tip: „+ tip[vyber_tip] + „“;
document.write(prouzek); // Zobrazí tip na stránce.
Rekar
Dub 27, 2013 v 18:50tipy
var pocet = 5; // Zde zadejte celkový počet tipů
var tip= new Array(pocet);
tip[0] = „Upoutávka č. 1“; // Zde zadejte jednotlivé tipy
tip[1] = „Upoutávka č. 2“;
tip[2] = „Upoutávka č. 3“;
tip[3] = „Upoutávka č. 4“;
tip[4] = „Upoutávka č. 5″;
var vyber_tip = Math.floor(pocet * Math.random()) // Náhodně vybere jeden tip
var prouzek =“ Náš Tip: „+ tip[vyber_tip] + „“;
document.write(prouzek); // Zobrazí tip na stránce.