[JS/CSS] zmiana stylów w IE Opcje

[darros]

http://htmlhelp.shl.pl/dom/obiekty/przykla...yledeclaration1 - ten przykład działa doskonale pod FF, ale niestety pod IE już nie. Debugger: "Obiekt nie obsługuje tej właściwości lub metody". Wie moze ktoś jak zmusić to do działania pod IE? Nie chodzi mi o ten konkretny przykład, ale generalnie o zmianę stylu jakiegoś obiektu przez JS w Internet Explorerze.

[skowron-line]

[HTML] pobierz, plaintext 
function tekst(zmienna) {
 
		var el = document.getElementById("a");
		el.style.fontWeight =zmienna;
 
	}
[HTML] pobierz, plaintext 

i link

[HTML] pobierz, plaintext 
<a href="#" onclick="tekst('bold')">bold</a>
[HTML] pobierz, plaintext 

zaznaczam ze dopiero sie ucze ale u mnie dziala

[darros]

U mnie niestety nie :/ Nie ma zadnej różnicy między:

[HTML] pobierz, plaintext 
var obj = document.getElementById('id');
obj.style.setProperty("font-size","20pt","");
[HTML] pobierz, plaintext 

a

[HTML] pobierz, plaintext 
document.getElementById('id').style.setProperty("font-size","20pt","");
[HTML] pobierz, plaintext 

- ciągle wywala ten sam błąd.

[skowron-line]

[HTML] pobierz, plaintext 
function tekst(zmienna) {
 
		var el = document.getElementById("a");
		el.style.fontSize =zmienna;
 
	}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<a href="#" onclick="tekst('30px')">bold</a>
[HTML] pobierz, plaintext 

[JaRoPHP]

darros metody modelu DOM, które przetwarzają style (m.in. setProperty) nie są obsługiwane przez przeglądarkę IE (nie wiem, jak jest z najnowszą wersją). Dlatego planując zgodność z IE, należy używać właściwości obiektu style (tak jak proponuje skowron-line).

[HTML] pobierz, plaintext 
<script type="text/javascript">
function pokaz(){
 tag = document.getElementById("znacznik");
 tag.style.fontSize = "20pt";
}
</script>
[HTML] pobierz, plaintext 

[darros]

Wielkie dzięki, działa

I teraz jeszcze małe pytanko - czy da się jakoś, czy poprzez obiekt DOM czy w jakiś inny sposób "zdezaktywować" link? Tzn żeby kliknięcie w niego nic nie dawało, chodzi mi zarówno o linki <a href=""> jak i wszelkie inne tagi ze zdeklarowanym eventem onclick.

[Yard]

na koncu przypisania onclick albo w funkcji przez nie wywolanej daj "return false;"
np. <a href="to_nic_nie_da" onclick="foo(); return false;">
to zablokuje akcje linka, oczywiscie przy wlaczonym JS

ewentualnie mozesz dac href="#" tak jak prawie wszyscy robia, ale to moze czasem przeszkadzac, np. przy <base>

[darros]

Hm, chyba nieprecyzyjnie sie wyraziłem. Dokładnie chodzi o to zeby w tym samym momencie zablokować jakąś powierzchnię interfejsu np. pół ekranu, i zeby potem jedną funkcją można go było odblokować. Myślałem o przykryciu tego kawałka jakimś przezroczystym divem alebo tego typu rozwiązanie, ale kompletnie niewiem jak sie za to zabrać.

[lopik]

Co do pierwszego problemu, można zrobić setAttribute - działa w IE / FF / Opera

[HTML] pobierz, plaintext 
object.setAttribute("style","font-size:20px");
[HTML] pobierz, plaintext 

ups, ie 6 nie działa

Ten post edytował lopik 28.01.2007, 00:06:44

[Joy-machine]

no wlaśnie, skąd to:

[HTML] pobierz, plaintext 
document.getElementById('id').style.setProperty("font-size","20pt","");
[HTML] pobierz, plaintext 

?

setAttribute jest lepszy. A co do idioty (czytaj: IE) to on sobie działa jak chce (IE 6 dziala inaczej na XP inaczej na 2000 ...).

Poza tym próbujesz zmienić styl (fontSize), który w tym znaczniku nie istnieje! Owszem, pod FF działa. IE (program do wymiany wirusów i instalacji trojanów) jest bardzo oporny, dlatego dużą część styli trzeba w taga władować w postaci style="..." zeby działało.

Lepiej/ładniej:

Ustawiasz elementom a class, może być puste. Następnie przy onclick podmieniasz nazwe klasy/dodajesz albo usuwasz. działa, chociaz oczywiście nie wszystkie style (chociaz nawet idioci z redmond nie wiedzą które).