tom971
prosinac 2008 11:53 14
21
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]
mamica
prosinac 2008 20:59 14
22
Skripta ne prolazi validator jer se element nalazi na ‘nedopuštenom’ mjestu. Međutim, generirani kôd je validan. Ako već inzistiraš 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.
nitko
prosinac 2008 21:36 14
23
Je, al onda nije klikabilno 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.
tom971
prosinac 2008 09:59 15
24
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
mamica
prosinac 2008 12:16 15
25
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
Nitkove, spremaj se - idemo u Minken
tom971
prosinac 2008 12:20 15
26
a kak sad izgleda ono di dolazi link od banera?
cekam vas:-)
nitko
prosinac 2008 12:27 15
27
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] rado bi al posla preko glave [/size]
tom971
prosinac 2008 12:36 15
28
nazalost ovog sa linkom ne pokazuje. Nazalost
nitko
prosinac 2008 12:40 15
29
@mamica , sad si nas za buncek uskratio
@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]
tom971
prosinac 2008 12:45 15
30
<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
mamica
prosinac 2008 13:51 15
31
Imaš pogrešku, valjda zabunom od praćenja silnih 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
tom971
prosinac 2008 14:24 15
32
Radiiii svaka cast obojici i hvala
[SIZE=“1”]Jer da stavim pec buncek?[/size]
tom971
prosinac 2008 17:30 15
34
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?