Hallo!
Ich bin am verzweifeln. Ich versuche einen einfachen Morph-Effekt mit Scriptaculous hinzubekommen. Leider funktioniert es nicht. Ich wollte eine Funktion schreiben, die die Höhe eines div-Bereichs "morpht". Dann habe ich versucht ein Minimalbeispiel zu schreiben und habe festgestellt, dass sobald ich die prototype.js einbinde, meine Funktion nicht mehr aufgerufen wird! Lösche ich die prototype.js-Einbindung funktioniert die Funktion (die jetzt aber nur noch ein alert enthält ;) ). Was mache ich nur falsch???
Wenn ich nicht den Umweg über eine Funktion gehe, funktioniert der Morph-Effekt ...
Minimalbeispiel ohne morph, da hier nicht mal das alert ausgeführt wird. Lösche idh die Zeile mit dem prototype.js, funktioniert die Funktion.
Ich bin am verzweifeln und kann einfach den Fehler nicht finden.
edit: Ich benutze Firefox v17 auf einem LAMP-Server. Aber da scriptaculous ja ohne Funktionen läuft, liegt es daran wohl nicht.
Und: prototype.js und scriptaculous.js werden korrekt geladen, da liegt der Fehler auch nicht!
Ich bin am verzweifeln. Ich versuche einen einfachen Morph-Effekt mit Scriptaculous hinzubekommen. Leider funktioniert es nicht. Ich wollte eine Funktion schreiben, die die Höhe eines div-Bereichs "morpht". Dann habe ich versucht ein Minimalbeispiel zu schreiben und habe festgestellt, dass sobald ich die prototype.js einbinde, meine Funktion nicht mehr aufgerufen wird! Lösche ich die prototype.js-Einbindung funktioniert die Funktion (die jetzt aber nur noch ein alert enthält ;) ). Was mache ich nur falsch???
Wenn ich nicht den Umweg über eine Funktion gehe, funktioniert der Morph-Effekt ...
Minimalbeispiel ohne morph, da hier nicht mal das alert ausgeführt wird. Lösche idh die Zeile mit dem prototype.js, funktioniert die Funktion.
HTML:
<html>
<head>
<title>Morph-Test</title>
<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript" src="src/scriptaculous.js"></script>
<script type="text/javascript">
function down() {
alert("Funktioniert!");
}
</script>
</head>
<body>
<div style="width:200px;height:10px;background-color:#202020;" id="morphling"></div>
<p>
<a href="" onclick="down()">Morph</a>
</p>
</body>
</html>
Ich bin am verzweifeln und kann einfach den Fehler nicht finden.
edit: Ich benutze Firefox v17 auf einem LAMP-Server. Aber da scriptaculous ja ohne Funktionen läuft, liegt es daran wohl nicht.
Und: prototype.js und scriptaculous.js werden korrekt geladen, da liegt der Fehler auch nicht!