javascript css
régebben csináltam olyan hogy menuitem overre a style.color-t cseréltem.
nyilván csak akkor amikor szükség volt az over eseményre, tehát nem csak a css hovert akartam jsbe rakni. tehát pl almenü megnyitására volt szükség etc.
ilyenkor ugye ilyesmiről van szó :
htmlben
javascriptben:
over=function(m){
m.style.color="red"
}
etc.
felmerült az igény hogy eleve a betöltött css-t változtassam meg javascriptből, ne csak a node stylet ami alapból felveszi azt.
feladat: stylesheet tömböl kivenni a változtatandó rule-t majd azt csesztetni.
megoldás:
tooltip
kis javascript következik. feladat: egyszerű tooltip.
nyugalom. lightos lesz és senki sem fog megsérülni.
ajax ma
téma ajax, pár link :
- http://www.bloxpress.org : ezt megnézed és megérted. a poén hogy hajlamos már meglévő wordpress témába beépülni. kis idő kell még neki azért hogy érdemes legyen használni.
- http://www.meebo.com : online chat, persze ez nem lenne móka, de az hogy ajax a háttér és már meglévő protokollokon keresztül mint icq msn jabber vagy yahoo.. nos ez már valami. határozottan nem semmi.
ajaxocska.js
icipici ajax. tehát XMLHttpRequest javascript felől. elkezdtem írni a magam kis libraryjét. aztán mivel a legtöbb melóhoz jellemzően csak pár részt használtam belőle (a küldés/fogadást jéé) , elkezdtem egyszerűsíteni de lehetőség szerint nem túlságosan lebutítani. végül is 18 sornál abbahagytam.
js anim
ezt mondom : div vagy bármelyik html element css animja :
- o : object, amit animálsz
- d : melyik értékét akarod animálni. magasság szélesség alpha etc
- ev : cél érték.
azt hogy hány lépésben animálja ill a lépéseket milyen gyorsan váltsa egymás után a speed ill step var adja meg.
speed=50
step=12
function anim(o,d,ev){
clearInterval(o.ai)
function a(){
if (sc==step+1){clearInterval(o.ai)}
else{eval("o.style."+d.toLowerCase()+"="+(bv+sc*s))}
sc++
}
var sc=0
var bv=eval("o.offset"+d)
var s=(ev-bv)/step
o.ai=setInterval(a,speed)
}
és egy hivod pl : onmouseover="anim(this,'Height',240)"
kis javascript bizbasz off.
