Rotátor bannerov v JavaScripte a formát swf?

Peter994 · Napísal **Peter994**: 08.05.2013 16:12

Srdečne všetkých zdravím.

Popíšem problém:
Malý rotátor bannerov, ktorý funguje tak, že pri každom načítaní stránky sa náhodne zobrazí niektorý banner. Tento rotátor mi dokáže zobrazovať bannery formátu jpg, gif, png, ale nevie zobraziť swf (teda tie flashové bannery). Dá sa s tým niečo spraviť? Alebo toto proste JavaScript nedokáže?

Tu dávam zdroják celej tej malej stránky, kde to testujem, v hlavičke (<HEAD>) je ten JavaScript, a dole sa to zobrazuje. Všetko to pekne funguje, iba ten flashový banner SWF nevie zobraziť.
Ak sa to dá spraviť, prosím, poraďte? Čo mám v tom JavaScripte zmeniť, čo doplniť?
Tu to celé je:

--------------------

<HTML>
<HEAD>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=windows-1250">
<TITLE>test výmena bannerov 468x60</TITLE>

<SCRIPT LANGUAGE="JavaScript">
function banner(t)
{
if (t=="vymena-bannerov")
b=[

"banner-x.swf#ad-culture.czweb.org/test-uspech.htm",
"banner-1.jpg#ad-culture.czweb.org/test-uspech.htm",
"banner-2.gif#ad-culture.czweb.org/test-uspech.htm",
"banner-3.png#ad-culture.czweb.org/test-uspech.htm"

];

p=b.length;
n=Math.round(Math.random()*(p-1));

v=b[n].split("#");
v_src=v[0]; v_url="http://"+v[1];
document.write('<A HREF="'+v_url+'" TARGET=_BLANK>'+
'<IMG SRC="'+v_src+'" BORDER="0"></A>');
}

</SCRIPT>

</HEAD>

<BODY BGCOLOR="White" TEXT="White" LINK="White" ALINK="White" VLINK="White" TOPMARGIN="0" BOTTOMMARGIN="0" RIGHTMARGIN="0" LEFTMARGIN="0">

<SCRIPT LANGUAGE="JavaScript">banner("vymena-bannerov");</SCRIPT>

</BODY>
</HTML>

--------------------------
Takže čo s tým, prosím? Čo upraviť, čo doplniť?

weroro · Napísal **weroro**: 08.05.2013 19:21

Aký používaš DOCTYPE?

Kód:

function banner(t)
{
     if (t != "vymena-bannerov") return;
     var zoznam, nahodnaPolozka, rozdelenie, objekt, adresa, zapisat, swfWH;
     
     zoznam = [
                "banner-x.swf#ad-culture.czweb.org/test-uspech.htm",
                "banner-1.jpg#ad-culture.czweb.org/test-uspech.htm",
                "banner-2.gif#ad-culture.czweb.org/test-uspech.htm",
                "banner-3.png#ad-culture.czweb.org/test-uspech.htm"
              ];
     nahodnaPolozka = Math.round(Math.random() * (zoznam.length - 1));
     rozdelenie = zoznam[nahodnaPolozka].split("#");
     objekt = rozdelenie[0];
     adresa = 'http://' + rozdelenie[1];
     zapisat = '<a href="' + adresa + '" target="_blank"><img src="' + objekt + '" border="0"></a>';
     swfWH = [468, 60]; // šírka a výška SWF banneru (468x60 je rozmer pre full banner - najčasteší rozmer)
     
     if (rozdelenie[0].split('.')[1].toLowerCase() == 'swf')
     {
          zapisat = '<object type="application/x-shockwave-flash" data="' + objekt + '" width="' + swfWH[0] + '" height="' + swfWH[1] + '">' + 
                    '<param name="movie" value="' + objekt + '">' +
                    '<param name="flashvars" value="clickthru=' + adresa + '&clicktag=' + adresa + '">' +  
                    '<p>Alternatívny obsah ak má užívateľ vypnutý flash. Môže sem ísť čokoľvek. Napríklad obrázok</p>' + 
                    '</object>';
     }
     
     document.write(zapisat);
} 

Ak by si ale používal DOCTYPE pre HTML5, dá sa to ešte univerzálnejšie. Teraz si totiž závislý na tom, že v tom SWF bannery musí byť vytvorený click event.

Peter994 · Napísal autor témy **Peter994**: 08.05.2013 20:47

Jéj, ono to funguje... Teraz už ide aj ten flash banner. Tisíc krát ďakujem. To som zasa šťastný...

No a DOCTYPE zatial ani nepoužívam. Píšem na začiatok len <HTML>. Nie je mi zatiaľ celkom jasné k čomu je DOCTYPE dobré, a ani čo to presne je.
Ale všímam si, že niektorí majú uvedené len napr.: <!DOCTYPE html> A iní to majú zasa o niečo bohatšie, že je tam toho viac.

Ale keď píšeš žeby to bolo vhodné kôli banneru, tak to by som ho tam azda aj dal.
No len ideálne by bolo mi ešte napísať práve presne ten DOCTYPE - aby to fungovbalo aj bez toho click eventu v SWF bannery. Ak to teda nie je príliš zložité.
Takže ak by si bol ešte taký milý a zasa mi to napísal. A ak teda už príliš neobťažujem.

V každom prípade ešte raz tisíc krát ďakujem za ten skrip na bannery, krásne to funguje.

weroro · Napísal **weroro**: 08.05.2013 20:55

Na úplný začiatok tvojho HTML pridaj toto <!doctype html>
Potom môžeš použiť tento script:

Kód:

function banner(t)
{
     if (t != "vymena-bannerov") return;
     var zoznam, nahodnaPolozka, rozdelenie, objekt, adresa, zapisat, swfWH;
     
     zoznam = [
                "banner-x.swf#ad-culture.czweb.org/test-uspech.htm",
                "banner-1.jpg#ad-culture.czweb.org/test-uspech.htm",
                "banner-2.gif#ad-culture.czweb.org/test-uspech.htm",
                "banner-3.png#ad-culture.czweb.org/test-uspech.htm"
              ];
     nahodnaPolozka = Math.round(Math.random() * (zoznam.length - 1));
     rozdelenie = zoznam[nahodnaPolozka].split("#");
     objekt = rozdelenie[0];
     adresa = 'http://' + rozdelenie[1];
     zapisat = '<img src="' + objekt + '" border="0">';
     swfWH = [468, 60]; // šírka a výška SWF banneru (468x60 je rozmer pre full banner - najčasteší rozmer)
     
     if (rozdelenie[0].split('.')[1].toLowerCase() == 'swf')
     {
          zapisat = '<object type="application/x-shockwave-flash" data="' + objekt + '" width="' + swfWH[0] + '" height="' + swfWH[1] + '">' + 
                    '<param name="movie" value="' + objekt + '">' +
                    '<p>Alternatívny obsah ak má užívateľ vypnutý flash. Môže sem ísť čokoľvek. Napríklad obrázok</p>' + 
                    '</object>';
     }
     
     document.write('<a href="' + adresa + '" target="_blank">' + zapisat + '</a>');
} 

Peter994 · Napísal autor témy **Peter994**: 08.05.2013 22:25

No paráda. Tak to ti teda znova veľa krát nesmierne ďakujem.

Maj sa krásne.

Rotátor bannerov v JavaScripte a formát swf?

Podobné témy