pobieranie styli w js Opcje

[Matiash]

Witam,

Otóż mam taką oto klasę w stylach

[HTML] pobierz, plaintext 
.move {
  display:none;
  width: 150px;
  height: 30px;
  background: #000;
  opacity: .6;
  position: absolute;
  margin-left: 17px;
  margin-top: 11px;
}
[HTML] pobierz, plaintext 

Następnie w witrynie mam taki układ:

[HTML] pobierz, plaintext 
<div id="move1" class="move">tresc</div>
<img src="link" onclick="show('move1')" />
[HTML] pobierz, plaintext 

funkcja js:

[HTML] pobierz, plaintext 
function show(id) {
  var obiekt = document.getElementById(id);
  if (obiekt.style.display == 'none') {
    obiekt.style.display = 'block';
  }
 
}
[HTML] pobierz, plaintext 

Jak zahaszuje linijke z if'em i zostawie w funkcji tylko: "obiekt.style.display = 'block';" to śmiga. Dlaczego tak się dzieje ?
Moje pytanie brzmi czy ten div o id="move1" nie powinien przejąć styli z klasy "move" ? Jak robie getAttribute("style") to mi zwraca null. Dopiero jak nada przez js jakiś styl to mi tylko jego zwraca...dlaczego javascript nie wczytuje styli zawartaych w pliku css ?

Ten post edytował Matiash 13.10.2010, 18:54:34

[skowron-line]

dlaczego javascript nie wczytuje styli zawartaych w pliku css ?

Bo robi się to inaczej niż ty zaprezentowałeś.
http://www.javascriptkit.com/domref/stylesheet.shtml

[Matiash]

ok, trochę to zagmatwane jest. Czyli jeśli mam style zdefiniowane dla danego "id" w pliku zewnętrznym, lub w pliku html poprzez <style></style> lub poprzez <input type="button" style="jakis styl" /> to muszę skorzystać z tej metody co podałeś ?

[skowron-line]

Tak jeżeli style nie są wpisane w element, to tak. Jeżeli chcesz się tym bawić skorzystaj z jakiegoś FW będzie Ci dużo łatwiej ogarnąć tą (i wiele innych) sprawę.

[kamil4u]

Przesadzacie... http://www.quirksmode.org/dom/getstyles.html i:

Kod

function getStyle(el,styleProp)
{
    var x = document.getElementById(el);
    if (x.currentStyle)
        var y = x.currentStyle[styleProp];
    else if (window.getComputedStyle)
        var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
    return y;
}

Ew. dodaj do tego(pseudokod):

Kod

jeżeli( istnieje(el.style[wartosc]) )to zwróć to el.style[awrtosc], a jak nie to to co powyżej podałem

[Matiash]

Ok, dzięki,
mam jeszcze pytanie trochę z innej beczki. Jeśli mam <div id="nazwa1"> w którym są pewne elementy witryny takie jak tekst, obrazki i inne divy, jeśli zrobię w pętli i pobiorę childNodes z tego diva to mi wychodzi coś takiego :

[object Text]
[object Comment]
[object Text]
[object HTMLImageElement]
[object Text]
[object HTMLDivElement]
[object Text]
[object Comment]
[object Text]
http://localhost/users/Matiash/delphoto/?u...288ef0187dd2696
[object Text]

Moje pytanie, czy da się odnieść jakoś do tego obiektu [object Text] ? Być może moje rozumowanie jest błędne ale np. chciałbym przenieść pierwszy [object Text] do innego diva (oczywiście ten [object Text] nie ma id, tylko jest suchym tekstem), da się coś takiego zrobić ?

[kamil4u]

Poczytaj o DOM: http://kurs.browsehappy.pl/Definicja/DOM i http://kurs.browsehappy.pl/JavaScript/DOM i ew. o innerHTML