Onmouseover – HTML / XHTML – Fórum – Programujte.com

Ako vytvorim taku vec

Mam obrazok v strede stranky ktory sa ma po nabehnuti kurzora na ten obrazok zmenit na iny za podmienok ze

nesmiem pouziť element IMG
obrazok sa bude nachadzat v strede okna aj po zmene jeho velkosti

Da sa to spravit bez pouzitia img?

#1 case
window.onresize -> getElementById("ddd").style.left = (X - Y) + "px";

getElementById("eee").onmouseover -> getElementById("iii").style.background = "img";

Nesmírně náročné použít Google a existujících 985 biliard tutoriálů, seriálů, knih, svazků, ...

http://www.jakpsatweb.cz/css/background-image.html
http://www.jakpsatweb.cz/css/margin.html (margin: 0 auto;)
http://www.jakpsatweb.cz/…-window.html
http://www.jakpsatweb.cz/…trovani.html
Pripadne teda pozici muzes prepocitavat pres rozmery okna pres js. Ale to si radeji vygugluj, kazdy prohlizec to pocita jinak (javascript center position dialog crossbrowser)

A kdyby na vec prislo, misto IMG lze pouzit i tag OBJECT. Ale jestli je to skolni ukol, tak to asi nebude ucitel chtit.

Zabudol som este napisat ze nesmiem pouzit atribut style

v #2 Matěj Andrle sa nachadza style 2-krat povazuje sa tento style za atribut? Ked pouzijem this.style.nieco tento style sa povazuje za atribut?
 

#5 case
Style je atribut. Ovšem to se logicky spojuje! DOM vezme style z CSS, style z JS a style z HTML do jediného místa. Pročež nechápu, proč bys toť nemohl použít. A stejně musíš - jinak se pracovat nedá.

Dobra, tak objasni zadani.

"Mam obrazok v strede stranky" - ten obrazok je tam v jakem tagu? IMG, OBJECT nebo pres css style (background)?
"- nesmiem pouziť element IMG"
"Da sa to spravit bez pouzitia img?"
"- Zabudol som este napisat ze nesmiem pouzit atribut style"

<img id="mojeid"> nebo <object id="mojeid">  nebo <div id="mojeid"> nebo cokoliv
el = documentGetElementById('mojeid');
No, a ted s tim pracujes jako
el.src = ... // pokus je el tag IMG (mozna i object, ted nevim)
el.data = ... // tag object
el.style.backgroundImage // css background
el.style.backgroundPosition // css position - posun obrazku na pozadi - pouziva se pro hover efekty
Jenze oboje to css pracuje se style. A co kdyz nesmis pouzit <div style=...> a el.style ano?
el.innerHTML = "<img src=>"; // vlozis do divu html tag
Taky by slo udelat obrazek 1px divy naskladanymi vedle sebe, float v omezenem prostoru. Pripadne pouzit tabulku, ta umi taky background atribut. Nebo body element.

http://www.jakpsatweb.cz/html/tabulky.html#table
background obrázek na pozadí
http://www.jakpsatweb.cz/…ruktura.html#body
background obrázek na pozadí

Jinak bych ted uz zvazoval, zda nejsi nejaky hacker a nepokousis se probourat kodem pres neci html editor ve stracne.
 

<img onmouseover=...>
el = this
el.src = ...
Jenze, to zas pracujes s obrazkem.

Jo, to centrovani, bez style mne jin nenapada. margin je css style, position je css style, background-position je css style. Leda pouzit html atributy tam, kde to tagy maji (podobne, jak to body background). Ale to se v podstate nevyuziva.
Jestli je to domaci ukol, tak si myslim, ze to uitel spatne vysvetlil. Muzes se ho zeptat, co z toho, co jsme tu jmenovali, smis vlastne pouzit? Ze ses poradil na forku, na tom nevidim nic spatneho.