ich habe das Layout 'default.ctp' umgeschrieben, da ich eine anderes Layout mit linker Navigation haben will.
Die linke Navigation soll einklappbar sein, deshalb brauche ich jquery (Javascript Framework) und Javascript.
- Code: Alles auswählen
<head>
<?php echo $html->charset(); ?>
<title>...>/title>
<?php echo $html->css('mycss'); ?> <!-- 1 -->
<script type="text/javascript" src="/jquery/jquery-1.2.6.js"></script> <!-- 2 -->
<script type="text/javascript" src="/myjs.js"></script> <!-- 3 -->
<script type="text/javascript"> <!-- 4 -->
$(document).ready(function() {
$('#trenner').html('<span style="cursor:pointer;" onclick="toggle();"><<</span>');
});
</script>
</head>
<body>
<div id="module"></div>
<div id="trenner"></div>
<div id="container">
<div id="content">
<?php $session->flash(); ?>
<?php echo $content_for_layout; ?>
</div>
</div>
</body>
</html>
Das funktioniert soweit so gut.
Mein css (Kommentar: 1) wird eingebungen und interpretiert.
Mein erstes Javascript (Kommentar: 2) wird eingebunden und interpretiert (wenn dem nicht so wäre, würde ich einen Javascript Fehler bekommen das das '$' im Inlinecode (Kommentar: 4) unbekannt ist).
Das zweite Javascript (Kommentar: 3) wird nicht eingebunden bzw. nicht interpretiert. Ich bekomme keine Javascript Fehler, aber wenn ich mit der Maus den Text '<<' überfahre ändert sich der Cursor in eine Hand (richtig!) und wenn ich klicke erhalte ich die Fehlermeldung 'toogle is not defined'.
Warum wird der Code nicht eingebunden? Der Code der eingebundenen Datei
- Code: Alles auswählen
function toggle() {
alert('toggle');
}
Alle Javascripts liegen im Ordner /app/webroot/js/ .
