problem so stylmi v IE javascript/innerHTML

neopagan · Napísal **neopagan**: 09.11.2009 3:16

mam takyto jednoduchy kod

Kód:

<ul>
<li class="sel1"><a href="#" onclick='changeText()'>menu1</a></li>
<li class="sel2" ><a href="#" onclick='changeText2()' >menu2</a></li>
</ul>

<div id='obsah'></div>

a javascript

Kód:

function changeText(){
   document.getElementById('obsah').innerHTML = '<style type="text/css">ul li.sel1 a{width: 55px;height:17px;background-image: url("images/tab_on.jpg");}</style><p>blablabla</p>';}

function changeText2(){
   document.getElementById('obsah').innerHTML = '<style type="text/css">ul li.sel2 a{width: 55px;height:17px;background-image: url("images/tab_on.jpg");}</style><p>blablabla</p>';}

Po kliknuti na menu1 sa zobrazi blablabla v DIV obsah. Problem je, ze v IE ignpruje tie styly definovane v javascripte. Vo FF a Opere to funguje dobre, ale IE vobec nezmeni styl. Viete pomoct?

rooobertek · Napísal **rooobertek**: 09.11.2009 8:47

http://www.google.sk/search?q=javascript+css+class
dať <style type="text/css"> do divu je fakt zverstvo, to som tuším ešte nevidel. Style patrí do <head>

neopagan · Napísal autor témy **neopagan**: 09.11.2009 9:19

je mi jasne ze style patri do head, a este lepsie do css suboru, avsak v tomto pripade mam specialne menu pomocou innerhtml. Tu som uviedol len priklad, menu je trochu ine.

Ide vsak o to, ze text ktory vkladam do divu po kliknuti na menu1 je v javascriptovom subore. ja potrebujem tiez, aby sa po zvoleni daneho menu zmenilo pozadie buttonu /cize aby bolo aktivne to menu/.

A menu je aktivne len ked ten class="sel1" je definovany tak ako je.

Ako inak podla teba vyriesim, ze po volani funkcie changetext nech je aktivny class="sel1", po volani funkcie changetext2 nech je aktivny class="sel2" ???

Hm?

Bez vyuzitia php samozrejme..musi to byt cisto html, s minimalnym vyuzitim javascriptu... s php nevidim problem.

neopagan · Napísal autor témy **neopagan**: 09.11.2009 11:02

takze som to nakoniec vyriesil tak, ze pomocou javascriptu vytvorim konkretny class.

Kód:

document.getElementById("myP1").className="sel1";

Funguje to vsade perfektne...

..clovek tu aj porodi, kym sa docka odpovede niekedy :lol:

stenley · Napísal **stenley**: 09.11.2009 11:53

Tusim si mylis forum s nonstop poradnou, kde sa vzdy a hned dozvies odpoved na tvoje otazky. Uvedom si prosim, ze nikto tu nie je 24 hodin denne a nikto nie je povinny ti poradit v tvojom probleme, vsetko je postavene len na ochote userov a ich znalostiach z danej problematiky...

neopagan · Napísal autor témy **neopagan**: 09.11.2009 12:03

jasne..pohoda... len niekedy fakt tlaci cas a naozaj clovek potrebuje len trochu postrcit spravnym smerom... inokedy samozrejme necakam odpoved okamzite... ale uz to mam vyriesene..ok

problem so stylmi v IE javascript/innerHTML

Podobné témy