Skripta za floating banner

Ne sad sve radi, samo dobijam gresku kod validacije i to u kodu od banera samoga, znaci
ili mu u ovom kodu smeta img

<script type="text/javascript">
window.onload = function() {
  float_show(146, 100, '<img src="http://www.net.hr/2008/11/26/0493007.20.gif" alt="reklama" />', 'reklama');
}
</script>

ili ako stavim link onda

ali funkcionira sve, to je rjeseno, samo velim validacija

[SIZE=“1”]inace za biskvit, eto imas link dole pa vidi[/size]

Skripta ne prolazi validator jer se element nalazi na ‘nedopuštenom’ mjestu. Međutim, generirani kôd je validan. Ako već inzistiraš :smiley: evo još jednog dodatka
// umetnemo i sadrzaj
//wrapper.innerHTML = objSrc;

// umetnemo DIV
document.body.appendChild(wrapper);
  
//umetnemo i sadrzaj
var banner = document.createElement('img');
banner.src = objSrc;
document.getElementById(objID).appendChild(banner);

Funkcija na kraju izgleda ovako
window.onload = function() {
float_show(146, 100, ‘http://www.net.hr/2008/11/26/0493007.20.gif’, ‘reklama’);
}
i možeš je staviti u JS dio - nema potrebe da ona bude u HTML-u.

Je, al onda nije klikabilno :slight_smile: mislim može se to izvesti kao dva parametra, putanja slike i link. Ali onda ne može floating banner biti u flash-u.

Alternativa je nekako createElement-at i tag i njih proslijedit kao treći parametar.

odlicno prolazi validaciju, bravo mamica, e sad samo jos daj nekako sredi da baner bude klikabilan i imas pivo i buncek kad dodjes u Minken :slight_smile:

Argh, piss o’ cake :zub:

Evo izmjena:

  • novi parametar funkcije
    function float_show(objWidth, objHeight, objSrc, objHref, objID) {

  • mali dodatak
    // banner link
    var bHref = document.createElement(‘a’);
    bHref.setAttribute(‘href’, objHref);
    bHref.setAttribute(‘id’, ‘href’);
    bHref.setAttribute(‘title’, objHref); // opcija
    bHref.style.border = ‘0 none’;
    document.getElementById(objID).appendChild(bHref);

    //umetnemo i sadrzaj
    var banner = document.createElement(‘img’);
    banner.src = objSrc;
    [B]banner.style.border = ‘0 none’;[/B]
    document.getElementById(‘href’).appendChild(banner);
    Kolega je u pravu; možda je bolje rješenje utrpati malo HTML-a kroz innerHTML jer se onda može servirati i flashiran sadržaj. To nek ti ostane na volju -> sad imaš dvije verzije :wink:

Nitkove, spremaj se - idemo u Minken :smiley:

a kak sad izgleda ono di dolazi link od banera?
cekam vas:-)

Kôd:

window.onload = function() {
  float_show(146, 100, 'http://www.net.hr/2008/11/26/0493007.20.gif', 'http://net.hr', 'reklama');
}

Sinatksa:

float_show(sirina, visina, slika, poveznica, ID);

[size=4]:smiley: rado bi al posla preko glave[/size]

nazalost ovog sa linkom ne pokazuje. :frowning: Nazalost

@mamica, sad si nas za buncek uskratio :slight_smile:

@tom971, možeš li uploadat file (u kojem konkretno primjenjuješ skriptu (ako ima PHP-a pokreni ga pa skopiraj source)), jer nisam na laptopu pa nemam skroz novo izmjenjenu verziju, a da usput mogu regenerirati sadržaj.

[size=4]naravno ako je moguće :)[/size]

<script type="text/javascript">



function float_show(objWidth, objHeight, objSrc, objHref, objID) {
  // spremimo sirinu i visinu ekrana 
  var scrHeight = screen.height; 
  var scrWidth = screen.width; 

  // izracunamo poziciju 
  var cssTop = Math.round((scrHeight - objHeight) / 3); 
  var cssLeft = Math.round((scrWidth - objWidth) / 2); 

  // stvorimo DIV 
  var wrapper = document.createElement('div'); 

  // postavimo mu ID 
  wrapper.setAttribute('id', objID); 

  // namjestimo CSS 
  wrapper.style.zIndex = 50; 
  wrapper.style.position = 'absolute'; 
  wrapper.style.top = cssTop+'px'; 
  wrapper.style.left = cssLeft+'px'; 

// banner link
var bHref = document.createElement('a');
bHref.setAttribute('href', objHref);
bHref.setAttribute('id', 'href');
bHref.setAttribute('title', objHref); // opcija
bHref.style.border = '0 none';
document.getElementById(objID).appendChild(bHref);

//umetnemo i sadrzaj
var banner = document.createElement('img');
banner.src = objSrc;
banner.style.border = '0 none';
document.getElementById('href').appendChild(banner);

// umetnemo DIV
document.body.appendChild(wrapper);
  
//umetnemo i sadrzaj
var banner = document.createElement('img');
banner.src = objSrc;
document.getElementById(objID).appendChild(banner); 
 
  // gumb link 
  gLink = document.createElement('a'); 
  gLink.setAttribute('href', '#'); 
  gLink.setAttribute('id', 'link'); 
  gLink.onclick = function(){float_hide(objID); return false;} 
  document.getElementById(objID).appendChild(gLink); 

  // gumb za ugasit, jedan tipicni 
  // prvo slika, g ko prefiks za gumb :) 
  gSlika = document.createElement('img') 
  gSlika.setAttribute('src', 'http://dryicons.com/images/icon_sets/blue_velvet/png/16x16/close.png'); 
 gSlika.style.zIndex = 80;
gSlika.style.position = 'absolute';
gSlika.style.top = '5px';
gSlika.style.left = (objWidth - 20)+'px';
gSlika.style.border = '0 none';
  document.getElementById('link').appendChild(gSlika); 
  

 

} 
function float_hide(objID) {
// dohvatimo
var obj = document.getElementById(objID);
// maknemo dohvaceni element
obj.parentNode.removeChild(obj);
}
</script>
<script type="text/javascript">
window.onload = function() {
  float_show(146, 100, 'http://www.net.hr/2008/11/26/0493007.20.gif', 'http://www.moja-aukcija.com', 'reklama');
}
</script>

ovo je ovaj klikabilni zadnja verzija

Hvala

Imaš pogrešku, valjda zabunom od praćenja silnih :smiley: promjena kôda. Ovo je pravi redoslijed segmenata

  • spremimo sirinu i visinu ekrana
  • izracunamo poziciju
  • stvorimo DIV
  • postavimo mu ID
  • namjestimo CSS
  • umetnemo DIV <- ovo je kod tebe na pogrešnom mjestu
  • banner link
  • umetnemo i sadrzaj
  • gumb link
  • gumb za ugasit, jedan tipicni

Radiiii svaka cast obojici i hvala

[SIZE=“1”]Jer da stavim pec buncek?[/size]

Sad na kraju za sve koji ce traziti float banner. finalna verzija koja radi i prolazi validaciju.
Samo slika koju mozete zatvoriti:

<head>
<script type="text/javascript">

 function float_show(objWidth, objHeight, objSrc, objID) { 
  // spremimo sirinu i visinu ekrana 
  var scrHeight = screen.height; 
  var scrWidth = screen.width; 

  // izracunamo poziciju 
  var cssTop = Math.round((scrHeight - objHeight) / 3); 
  var cssLeft = Math.round((scrWidth - objWidth) / 2); 

  // stvorimo DIV 
  var wrapper = document.createElement('div'); 

  // postavimo mu ID 
  wrapper.setAttribute('id', objID); 

  // namjestimo CSS 
  wrapper.style.zIndex = 50; 
  wrapper.style.position = 'absolute'; 
  wrapper.style.top = cssTop+'px'; 
  wrapper.style.left = cssLeft+'px'; 

// umetnemo i sadrzaj
//wrapper.innerHTML = objSrc;

// umetnemo DIV
document.body.appendChild(wrapper);
  
//umetnemo i sadrzaj
var banner = document.createElement('img');
banner.src = objSrc;
document.getElementById(objID).appendChild(banner); 
 
  // gumb link 
  gLink = document.createElement('a'); 
  gLink.setAttribute('href', '#'); 
  gLink.setAttribute('id', 'link'); 
  gLink.onclick = function(){float_hide(objID); return false;} 
  document.getElementById(objID).appendChild(gLink); 

  // gumb za ugasit, jedan tipicni 
  // prvo slika, g ko prefiks za gumb :) 
  gSlika = document.createElement('img') 
  gSlika.setAttribute('src', 'http://dryicons.com/images/icon_sets/blue_velvet/png/16x16/close.png'); 
 gSlika.style.zIndex = 80;
gSlika.style.position = 'absolute';
gSlika.style.top = '5px';
gSlika.style.left = (objWidth - 20)+'px';
gSlika.style.border = '0 none';
  document.getElementById('link').appendChild(gSlika); 
  

 

} 
function float_hide(objID) {
// dohvatimo
var obj = document.getElementById(objID);
// maknemo dohvaceni element
obj.parentNode.removeChild(obj);
}
</script>
<script type="text/javascript">
window.onload = function() {
  float_show(146, 100, 'http://www.net.hr/2008/11/26/0493007.20.gif', 'reklama');
}
</script>
</head>

ili klikabilna slika(link na slici):

<head>
<script type="text/javascript">

function float_show(objWidth, objHeight, objSrc, objHref, objID) {
  // spremimo sirinu i visinu ekrana 
  var scrHeight = screen.height; 
  var scrWidth = screen.width; 

  // izracunamo poziciju 
  var cssTop = Math.round((scrHeight - objHeight) / 3); 
  var cssLeft = Math.round((scrWidth - objWidth) / 2); 

  // stvorimo DIV 
  var wrapper = document.createElement('div'); 

  // postavimo mu ID 
  wrapper.setAttribute('id', objID); 

  // namjestimo CSS 
  wrapper.style.zIndex = 50; 
  wrapper.style.position = 'absolute'; 
  wrapper.style.top = cssTop+'px'; 
  wrapper.style.left = cssLeft+'px'; 
  
  // umetnemo DIV
document.body.appendChild(wrapper);

// banner link
var bHref = document.createElement('a');
bHref.setAttribute('href', objHref);
bHref.setAttribute('id', 'href');
bHref.setAttribute('title', objHref); // opcija
bHref.style.border = '0 none';
document.getElementById(objID).appendChild(bHref);

//umetnemo i sadrzaj
var banner = document.createElement('img');
banner.src = objSrc;
banner.style.border = '0 none';
document.getElementById('href').appendChild(banner);


 
  // gumb link 
  gLink = document.createElement('a'); 
  gLink.setAttribute('href', '#'); 
  gLink.setAttribute('id', 'link'); 
  gLink.onclick = function(){float_hide(objID); return false;} 
  document.getElementById(objID).appendChild(gLink); 

  // gumb za ugasit, jedan tipicni 
  // prvo slika, g ko prefiks za gumb :) 
  gSlika = document.createElement('img') 
  gSlika.setAttribute('src', 'http://dryicons.com/images/icon_sets/blue_velvet/png/16x16/close.png'); 
 gSlika.style.zIndex = 80;
gSlika.style.position = 'absolute';
gSlika.style.top = '5px';
gSlika.style.left = (objWidth - 20)+'px';
gSlika.style.border = '0 none';
  document.getElementById('link').appendChild(gSlika); 
  

 

} 
function float_hide(objID) {
// dohvatimo
var obj = document.getElementById(objID);
// maknemo dohvaceni element
obj.parentNode.removeChild(obj);
}

window.onload = function() {
  float_show(146, 100, 'http://www.net.hr/2008/11/26/0493007.20.gif', 'http://www.moja-aukcija.com', 'reklama');
}
</script>
</head>

Kako sada još podesiti ovaj banner da se automatski ugasi nakon 10 sekundi, ako nitko ne klikne na X?