Prototype: Problem fade?

P

parafi

Mitglied
Hi allerseits

Ich habe eine ganz einfache Seite mit zwei div's (intro und stars)
Nun wenn ich auf meiner Seite folgenden Code abspiele, zeigt mir der IE7 immer einen Fehler an. Weshalb? Muss der Code im Header stehen?

Die Fehlermeldung gibt mir an, dass die Zeile mit dem $('intro').fade({ duration: 0.5 }); den Fehler wirft.
Fehler: "null" ist Null oder kein Objekt

Code: 
document.observe( 'dom:loaded', function(){
   setTimeout('showFoo()',4000);
});

function showFoo(){
	$('intro').fade({ duration: 0.5 });
	$('stars').appear({ duration: 0.8 });
	setTimeout('showMe()',4000);
}

function showMe(){
	$('stars').fade({ duration: 0.5 });
}

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8" /><meta name="robots" content="noodp,noydir" />
	<script src="/js/common_swfobject_prototype_effects.js" type="text/javascript"></script>	  <script src="/data/swffit.js" type="text/javascript"></script>
<script type="text/javascript">/* <![CDATA[ */document.observe("dom:loaded", function(){
* *setTimeout('showImage()',4000);

});


function showImage(){
    alert($('intro'));
    $('intro').fade({ duration: 0.5 });
    $('stars').appear({ duration: 0.8 });	
    setTimeout('showCard()',4000);}

function showCard(){	
   $('stars').fade({ duration: 0.5 });	
 }

</script>

<div id="intro" style="top:350px; position:absolute; width:400px;">
<p class="footnote" style="color:#FFFFFF; font-size:16px; line-height:22px;">For every shooting star,<br />you can make a wish.<br />We wish you ...</p>
</div>
<div id="stars" style="position:absolute; top:200px; left:-200px; display:none;"></div>
</body>
</html>
Grüsse
parafi
 
Zuletzt bearbeitet:
Den Zugriff auf bestimmte Elemente via ID kenne ich nur mit #

Code: 
$('#intro').fade({ duration: 0.5 });

statt

Code: 
$('intro').fade({ duration: 0.5 });

Weiß aber nicht ob das was mit deinem Problem zu tun hat...
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück