Ktoś czai DOM? - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › Ktoś czai DOM?

« poprzedni wątek

następny wątek »

Ilość wypowiedzi w tym wątku: 6

1. Data: 2011-03-27 16:33:34
Temat: Ktoś czai DOM?
Od: "identifikator: 20040501" <N...@g...pl>

czy istnieje jakaś dobra książka o Javascript i DOM oraz CSS?
czy Ktoś mógłby mi wyjaśnić o czym piszą na stronach W3C w zakładce DOM?
przeczytałem jedną książkę Javascript - programowanie obiektowe, ale książka
mówi zupełnie o czym innym niż jest zapisane na stronach W3C...

jak to rozumieć (http://www.w3.org/TR/1998/REC-DOM-Level-1-19981001/
)?

może Ktoś mógby mnie oświecić?

[ pokaż wiadomość z nagłówkami ]

do góry
2. Data: 2011-03-27 16:51:25
Temat: Re: Ktoś czai DOM?
Od: "identifikator: 20040501" <N...@g...pl>

i jeszcze jedno, czy Ktoś widział wersję do ściągnięcia, tego opisu:
https://developer.mozilla.org/pl/DOM?

[ pokaż wiadomość z nagłówkami ]

do góry
3. Data: 2011-03-27 17:06:35
Temat: Re: Ktoś czai DOM?
Od: Peter May <p...@o...pl>

W dniu 27-03-2011 18:33, identifikator: 20040501 pisze:
> czy istnieje jakaś dobra książka o Javascript i DOM oraz CSS?
> czy Ktoś mógłby mi wyjaśnić o czym piszą na stronach W3C w zakładce DOM?
> przeczytałem jedną książkę Javascript - programowanie obiektowe, ale
> książka mówi zupełnie o czym innym niż jest zapisane na stronach W3C...
>
> jak to rozumieć (http://www.w3.org/TR/1998/REC-DOM-Level-1-19981001/
)?
>
> może Ktoś mógby mnie oświecić?

http://kurs.browsehappy.pl/JavaScript/DOM

--
Peter

[ pokaż wiadomość z nagłówkami ]

do góry
4. Data: 2011-03-27 18:24:40
Temat: Re: Ktoś czai DOM?
Od: "identifikator: 20040501" <N...@g...pl>

> http://kurs.browsehappy.pl/JavaScript/DOM

dzięki, strasznie okrojony ten kurs, gdzie znajdę pełną listę zdarzeń
javascript?
i jakiś opisik jak mają się atrybuty css do obiektów w javascript?

[ pokaż wiadomość z nagłówkami ]

do góry
5. Data: 2011-03-27 18:49:13
Temat: Re: Ktoś czai DOM?
Od: "identifikator: 20040501" <N...@g...pl>

czemu mi to nie działa:

<html>
<body>
<script type="text/javascript">
function addEvent(node, eventName, func)
{
if(node.addEventListener)
node.addEventListener(eventName, func, false);
else
node.attachEvent('on' + eventName, func);
}

var links = getElementsByClassName('opisany', document, 'a');
for(i = 0; i < links.length; i++)
{
addEvent(links[i], 'mouseover', function()
{
document.getElementById('opis').firstChild.data = 'Link';
});

addEvent(links[i], 'mouseout', function()
{
document.getElementById('opis').firstChild.data = '';
});
}
</script>
<p class="opisany"> to jest tekst </p>
<p class="opisany" id="opis"> to jest tekst </p>
<p class="opisany"> to jest tekst </p>

[ pokaż wiadomość z nagłówkami ]

do góry
6. Data: 2011-03-27 19:14:16
Temat: Re: Ktoś czai DOM?
Od: Peter May <p...@o...pl>

W dniu 27-03-2011 20:49, identifikator: 20040501 pisze:
> czemu mi to nie działa:

Moje propozycje poniżej:

> <html>
> <body>
> <script type="text/javascript">

function setInnerText(elem, texts)
{
if(typeof(elem.innerText) != 'undefined')
{
elem.innerText = texts;
}
else if(typeof(elem.textContent) != 'undefined')
{
elem.textContent = texts;
}
else if(typeof(elem.text) != 'undefined')
{
elem.text = texts;
}
}

> function addEvent(node, eventName, func)
> {
> if(node.addEventListener)
> node.addEventListener(eventName, func, false);
> else
> node.attachEvent('on' + eventName, func);
> }
>
> var links = getElementsByClassName('opisany', document, 'a');

getElementsByClassName nie wszędzie działa:
http://www.quirksmode.org/dom/w3c_core.html#t11

Więc takie sobie bezpośrednie użycie to błąd. Zastosuj coś np. takiego:
http://robertnyman.com/2008/05/27/the-ultimate-getel
ementsbyclassname-anno-2008/

> for(i = 0; i < links.length; i++)

for(var i = 0, j = links.length; i < j; i++)

> {
> addEvent(links[i], 'mouseover', function()
> {
> document.getElementById('opis').firstChild.data = 'Link';

setInnerText(document.getElementById('opis'), 'Link');

> });
>
> addEvent(links[i], 'mouseout', function()
> {
> document.getElementById('opis').firstChild.data = '';

setInnerText(document.getElementById('opis'), '');

> });
> }
> </script>
> <p class="opisany"> to jest tekst </p>
> <p class="opisany" id="opis"> to jest tekst </p>
> <p class="opisany"> to jest tekst </p>

--
Peter

[ pokaż wiadomość z nagłówkami ]

do góry