Jak vytvořit Tip dne pro www stránky?

8. října 1999

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.

Štítky: Články

Mohlo by vás také zajímat

Nejnovější

2 komentářů

  1. Rekar

    Dub 27, 2013 v 18:49

    Hmmm, 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.

    Odpovědět
  2. Rekar

    Dub 27, 2013 v 18:50

    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.

    Odpovědět

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *