Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS/CSS] zmiana stylów w IE
Forum PHP.pl > Forum > Po stronie przeglądarki
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
  1. function tekst(zmienna) {
  2.  
  3. var el = document.getElementById("a");
  4. el.style.fontWeight =zmienna;
  5.  
  6. }


i link

  1. <a href="#" onclick="tekst('bold')">bold</a>


zaznaczam ze dopiero sie ucze ale u mnie dziala
darros
U mnie niestety nie :/ Nie ma zadnej różnicy między:

  1. var obj = document.getElementById('id');
  2. obj.style.setProperty("font-size","20pt","");


a

  1. document.getElementById('id').style.setProperty("font-size","20pt","");


- ciągle wywala ten sam błąd.
skowron-line
  1. function tekst(zmienna) {
  2.  
  3. var el = document.getElementById("a");
  4. el.style.fontSize =zmienna;
  5.  
  6. }



  1. <a href="#" onclick="tekst('30px')">bold</a>
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).

  1. <script type="text/javascript">
  2. function pokaz(){
  3. tag = document.getElementById("znacznik");
  4. tag.style.fontSize = "20pt";
  5. }
darros
Wielkie dzięki, działa biggrin.gif

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 smile.gif

ewentualnie mozesz dac href="#" tak jak prawie wszyscy robia, ale to moze czasem przeszkadzac, np. przy <base> winksmiley.jpg
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

  1. object.setAttribute("style","font-size:20px");


ups, ie 6 nie działa sad.gif
Joy-machine
no wlaśnie, skąd to:
  1. document.getElementById('id').style.setProperty("font-size","20pt","");

questionmark.gif?

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).
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.