Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Promjena boje linkova

[es] :: Javascript i AJAX :: Promjena boje linkova

[ Pregleda: 1476 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

-VeGeTa-

Član broj: 51150
Poruke: 230
*.xnet.hr.



+28 Profil

icon Promjena boje linkova20.05.2009. u 13:10 - pre 182 meseci
Code:
<script type="text/javascript">

//CONFIGURE MESSAGES AND VARIABLES
var tickercontents=new Array()
tickercontents[0]='Looking for tutorials on PHP, JavaScript, XML, or CSS? Visit <a href="http://www.codetricks.com">Code Tricks</a>!'
tickercontents[1]='Hop on over to <a href="http://www.codingforums.com">Coding Forums</a> to get help on web coding!'
tickercontents[2]='This scroller\'s brought to you by <a href="http://www.javascriptkit.com">JavaScript Kit</a>- Free scripts and tutorials!'

var tickerwidth="200px"
var tickerheight="70px"
var fontcss="font: bold 14px Verdana; color:black"
var tickdelay=3000 //delay btw messages
var highlightspeed=2 //2 pixels at a time.
var highlightcolor="lightyellow"
var backdroptextcolor="#E1E1E1"

document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>')
document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')
document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px"></span><span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px"></span>')
document.write('</div>')

var currentmessage=0
var clipbottom=1

function changetickercontent(){
msgheight=clipbottom=crosstick.offsetHeight
crosstick.style.clip="rect("+msgheight+"px auto auto 0px)"
crosstickbg.innerHTML=tickercontents[currentmessage]
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}
function highlightmsg(){
//var msgheight=crosstick.offsetHeight
if (clipbottom>0){
clipbottom-=highlightspeed
crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipbottom=msgheight
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}
function start_ticking(){
crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}
if (document.all || document.getElementById)
window.onload=start_ticking
</script>



Ovako linkovi kada se tekst pojavi budu u boji teksta to je uredu,ali nakon sta prode zuti "zastor" promjene boju u crno, sta treba promjenit da bi mi linkovi bili npr.plave boje

[Ovu poruku je menjao -VeGeTa- dana 20.05.2009. u 14:35 GMT+1]

[Ovu poruku je menjao misk0 dana 20.05.2009. u 21:21 GMT+1]
 
Odgovor na temu

Tudfa
Jovicevic Vladimir

Član broj: 152699
Poruke: 384
*.dynamic.sbb.rs.



+3 Profil

icon Re: Promjena boje linkova20.05.2009. u 21:02 - pre 182 meseci
Čekaj samo hoćeš da promeniš bolju linkova ili te ja ne kapiram ?

Ako hoćeš da im menjaš boju onda dodaj ovaj css :

Code:
<style type="text/css">
a:link {color:red;}
a:visited {color:red;}
a:active {color:red;}
a:hover {text-decoration: underline; color: green;}
</style>

 
Odgovor na temu

-VeGeTa-

Član broj: 51150
Poruke: 230
*.xnet.hr.



+28 Profil

icon Re: Promjena boje linkova21.05.2009. u 00:27 - pre 182 meseci
Prijatelju oprosti ni ja sam sebe nisam razumia šta sam napisa, ovako skripta koju gledam je
http://javascriptkit.com/script/script2/highlight2.shtml

i evo da sada lipo objasnim šta zelim,
1.zelim da ovaj zuti zastor bude proziran ,znaci da nema ove zute boje ,to sam nekako skuzia
Code:
var highlightcolor=""

ovo highlightcolor ostavim prazno ,kako ide nevidljivi zastor tako se i tekst mjenja.

2.dok zastor ne prolazi tekst i linkovi imaju istu boju ,kada nevidljivi zastor prode onda tekst mjenja boju a i linkovi ,i mene zanima kako podesiti boju linka nakon što zastor prode. Jer mi non stop linkovi budu crni,a zelim staviti neku drugu boju .

Mozes mi reci di treba dodat i koji kod u ovoj java skripti ,da podesim boju linkova nakon sta prode "zastor" ?
 
Odgovor na temu

Tudfa
Jovicevic Vladimir

Član broj: 152699
Poruke: 384
*.dynamic.sbb.rs.



+3 Profil

icon Re: Promjena boje linkova21.05.2009. u 08:26 - pre 182 meseci
Ovaj red:
Code:
document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>')

napišeš ovako:
Code:
document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'} #highlighter a{color:orange;} #highlighter{color:green;} </style>')

 
Odgovor na temu

-VeGeTa-

Član broj: 51150
Poruke: 230
*.xnet.hr.



+28 Profil

icon Re: Promjena boje linkova21.05.2009. u 09:50 - pre 182 meseci
Zahvaljujem radi odlicno!!!!!!!!!!!!!
 
Odgovor na temu

[es] :: Javascript i AJAX :: Promjena boje linkova

[ Pregleda: 1476 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.