Problem mit scriptaculous

Dear visitor, welcome to Coder Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

TobiTobiTobi

Beginner

Posts: 3

Wednesday, March 3rd 2010, 2:19am

Problem mit scriptaculous

Hallo,

ich bin neu in der Benutzung von scriptaculous und habe grad versucht, ein einfaches Beispiel lokal (auf meinem Computer) laufen zu lassen.
Es ist eine einfache Anwendung, die auch im Beginner-Tutorial gefunden werden kann.

Source code

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>

<script src="scripts/prototype.js" type="text/javascript"></script>
<script src="scripts/scriptaculous.js" type="text/javascript"></script>

</head>

<body>

<!-- Beispiel 1: -->
	<div id="appear_demo" style="display:none; width:80px; height:80px; background:#c2defb; border:1px solid #333;"></div>
	<ul>
  	<li><a href="javascript:void(0)" onclick="$('appear_demo').appear(); return false;">Click here for a demo!</a></li>
  	<li><a href="javascript:void(0)" onclick="$('appear_demo').hide(); return false;">Reset</a></li>
	</ul>
	
<!-- Beispiel 2: -->
	<div id="div1">Ich bin ein div-Element</div>
<p>
	<a href="javascript:void(0)"
	onclick="new Effect.Opacity( 'div1', {duration:0.8, from:1.0, to:0.2} );">
	Deckkraft runter</a>

	<a href="javascript:void(0)"
	onclick="new Effect.Opacity( 'div1', {duration:0.8, from:0.2, to:1.0} );">
	Deckkraft rauf</a></p>


</body>
</html>

Im Prinzip habe ich nur das Beispiel von folgender Seite kopiert und natürlich vorher auch die Anweisungen befolgt (d.h. die Script-Dateien (.js) in die richtigen Ordner gelegt):

http://wiki.github.com/madrobby/scriptaculous/

Leider funktioniert es weder im Firefox noch im Safari Browser.
Kann es daran liegen, dass ich nur meinen Rechner als Testmaschine benutze? Kann es sein, dass ein Server im Hintergrund laufen muss?
Wer kann mir helfen?

Besten Dank,
Tobi

//edit by vince - Thema ins entsprechende Unterforum verschoben

Torben Brodt

Administrator

Posts: 8,454

Wednesday, March 3rd 2010, 7:53am

Ich sehe spontan keinen fehler. Einen server (localhost genügt) brauchst du nur, wenn du später ajax benutzen weilst. Für die reinen javascript effekte jedoch nicht.
Hast du firebug installiert oder mal in die firefox fehlerkonsole geschaut?

Latest blogs: Neuer EX4 Server, Java EE Summit im Juni in München, Kostenlos zur Cebit + Windows 8 Entwickler Schulung

TobiTobiTobi

Beginner

Posts: 3

Wednesday, March 3rd 2010, 12:44pm

Hallo und danke erstmal.

Ich kenne ehrlich gesagt Ajax nicht. Es kann sein, dass es benutzt wird.
Firebug habe ich instaliert. Hier die (Fehler-)meldungen, die ausgespuckt werden:

$breakObject {} $continueError: "throw
$continue" is deprecated, use "return" instead { message=""throw
$continue" is de...d, use "return" instead", more...} fileName"file:///Users/seasideto...er/scripts/prototype.js" lineNumber4725 message""throw $continue" is de...d, use "return" instead" name"Error" stack""Error(\"\\"throw $cont...ts/prototype.js:4725\n"" AbstractObject {} AjaxObject { activeRequestCount=0, more...} Autocompleterundefined BuilderObject { NODEMAP=Object, more...} ClassObject { Methods=Object} ControlObject {} Draggableundefined Draggablesundefined Droppablesundefined EnumerableObject {} FieldObject { Methods=Object, more...} FormObject { Methods=Object, more...} InsertionObject {} PositionObject {
includeScrollOffsets=false} PrototypeObject { Version="1.6.1", more...} ScriptaculousObject { Version="1.8.3", more...} Sortableundefined SortableObserverundefined SoundObject { tracks=Object, more...} ToggleObject {} TryObject {} get mozInnerScreenX1334 get mozInnerScreenY-423 Elementfunction() Hashklass() ObjectRangeklass() PeriodicalExecuterklass() Selectorklass() Templateklass() $$(element) $$$$() $A$A(iterable) $Ffunction() $H$H(object) $R$R(start, end, exclusive) $w$w(string) getInterfacegetInterface() ComponentsnsXPCComponents { interfaces=nsXPCComponents_Interfaces, more...} get applicationCacheundefined items in offline cache get closedfalse get consoleObject { firebug="1.5.2", more...} constructorWindow {} get contentWindow testing_01.html get controllersXULControllers { constructor=XULControllers} get cryptoCrypto { constructor=Crypto, more...} defaultStatus"" get directoriesBarProp { constructor=BarProp, more...} documentDocument testing_01.html get frameElementnull get framesWindow testing_01.html fullScreenfalse globalStorageStorageList {} get history2 history entries innerHeight234 innerWidth1280 get length0 get localStorageStorage {} locationfile:///Users/seasidetobi/Documents/BCTS/%20Technik%20und%20Entwicklung/Dreamweaver/testing_01.html
{
constructor=Location, more...} get locationbarBarProp { constructor=BarProp, more...} get menubarBarProp { constructor=BarProp, more...} name"" navigatorNavigator { constructor=Navigator, more...} netscapeObject {} openernull outerHeight706 outerWidth1280 get pageXOffset0 get pageYOffset0 parentWindow testing_01.html get personalbarBarProp { constructor=BarProp, more...} get pkcs11null get screenScreen { constructor=Screen, more...} screenX1334 screenY-532 get scrollMaxX0 get scrollMaxY0 get scrollX0 get scrollY0 get scrollbarsBarProp { constructor=BarProp, more...} get selfWindow testing_01.html sessionStorageStorageList {} status"" get statusbarBarProp { constructor=BarProp, more...} get toolbarBarProp { constructor=BarProp, more...} topWindow testing_01.html windowWindow testing_01.html

Besten Gruß,
Tobi

Torben Brodt

Administrator

Posts: 8,454

Thursday, March 4th 2010, 9:18am

Ich kann auch nur sagen, dass es bei mir funktioniert. Habe die Script Dateien übrigens einfach so eingebunden.

HTML Code

1
2

<script type="text/javascript" src="http://script.aculo.us/prototype.js"></script>
<script type="text/javascript" src="http://script.aculo.us/scriptaculous.js"></script>

Solltset du auch mal versuchen um sicherzustellen, dass du irgendwas falsches runtergeladen hast.
Ansonsten teste es doch mal auf localhost, indem du dir XAMPP installierst... oder natürlich auf richtigem Webspace.

Latest blogs: Neuer EX4 Server, Java EE Summit im Juni in München, Kostenlos zur Cebit + Windows 8 Entwickler Schulung

TobiTobiTobi

Beginner

Posts: 3

Thursday, March 4th 2010, 9:30am

Hi D0nut!
Super! Jetzt klappt's. Sogar ohne localhost. Wenn der Zugriff auf die Scripts nur online ist, reicht mir das erstmal, um weiterzuarbeiten.
Die "richtigen" Scripts muss ich dann eben noch runterladen, aber die Fehlerquelle ist jedenfalls gefunden.
Danke dir,
Tobi