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

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

Path: news-archive.icm.edu.pl!news.rmf.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!.PO
STED!not-for-mail
From: Peter May <p...@o...pl>
Newsgroups: pl.comp.www
Subject: Re: Ktoś czai DOM?
Date: Sun, 27 Mar 2011 21:14:16 +0200
Organization: http://onet.pl
Lines: 69
Message-ID: <imo2a9$gqp$1@news.onet.pl>
References: <imnosv$ahu$1@news.onet.pl> <imnqqr$hpr$2@news.onet.pl>
<imnvd9$4bl$1@news.onet.pl> <imo0r9$ari$1@news.onet.pl>
NNTP-Posting-Host: 213.158.217.177.pat.umts.dynamic.eranet.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=ISO-8859-2; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: news.onet.pl 1301253259 17241 213.158.217.177 (27 Mar 2011 19:14:19 GMT)
X-Complaints-To: n...@o...pl
NNTP-Posting-Date: Sun, 27 Mar 2011 19:14:19 +0000 (UTC)
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.9.2.15) Gecko/20110303
Lightning/1.0b2 Thunderbird/3.1.9
In-Reply-To: <imo0r9$ari$1@news.onet.pl>
Xref: news-archive.icm.edu.pl pl.comp.www:398588
[ ukryj nagłówki ]
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