• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hat jemand Erfahrungen mit MooTools?

Status
Für weitere Antworten geschlossen.
S

snooze7

Neues Mitglied
Hallo,

hat jemand schon mal Erfahrungen mit Mootools gemacht?!
Ich blick das einfach nicht:

Ich wollte einfach das Beispiel "nachbauen":
mootools demos - Resizable

Aber klappt einfach nicht. Ich habe lt. Demo 3 Dateien:

1. das Javascript (rezise.js)

/* Resizable with Vertical Limit */
$('resizable4').makeResizable({
modifiers: {x: false, y: 'height'},
limit: {y: [50, 150]}
});

2. die Html Datei

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Unbenannte Seite</title>
<link href="css/rezise.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="scripts/rezise.js"></script>
</head>

<body>

<h3>Resizable with Vertical Limit</h3>
<div id="resizable4" class="resize">
Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext
Testtext
</div>


</body>

</html>

3. und die CSS Datei (rezise.css)

.resize {
color: #222;
margin: 0;
padding: 2px 5px;
background: #eee;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
font-size: 11px;
font-weight: normal;
font-family: 'Andale Mono', sans-serif;
overflow: auto;
cursor: nw-resize;
}

#resizable3 {
width: 800px;
}

#resizable5 {
width: 800px;
height: 100px;
}

Aber das mit dem "Größe ändern" klappt einfach nicht.
Wo liegt mein Fehler?

Danke

Grüße Snoozey
 
Zuletzt bearbeitet:
Ja hallo,

Also... irgendwie sehe ich nicht so richtig, an welcher Stelle du überhaupt die MooTools-Core Files einbindest :D
Das ist wahrscheinlich relativ wichtig um die Funktionalität zu gewährleisten.
Ach und dann... ganz wichtig.
Du musst das Javascript in eine DOMready-Funktion packen:
Code: 
window.addEvent('domready', function(){
            /* Resizable with Vertical Limit */
            $('resizable4').makeResizable({
                modifiers: {x: false, y: 'height'},
                limit: {y: [50, 150]}
            });
            
            
        });

Gruß
Voodoo
 
READ HERE FIRST steht bei den Demos ganz oben in der Navigation. Lies dir doch dies mal bitte genau durch, was dort geschrieben steht.

In deinem Head muss noch stehen:
Code: 
<script type="text/javascript">
window.addEvent('domready', function() {
	$('resizable4').makeResizable({
modifiers: {x: false, y: 'height'},
limit: {y: [50, 150]}
});
});
</script>
 
vielen dank erstmal für die schnelle Antwort.

Es hat geklappt... vielen Dank:razz::razz::razz::razz:.

Hast du grundsätzlich Erfahrung mit diesem MooTool?!
 
Hallo nochmal, ich hätte noch eine Frage:

wie kann ich sowas (das ist GENAU das was ich will) umsetzen. Geht das auch mit MooTools?!

How to Drag and Drop in JavaScript - WebReference.com -

Ich muss zugeben ich hab "fast" keine Ahnung von javascript, aber ich habe gehofft mich anhand von Beispielen usw. durchzuarbeiten. Naja drag & drop wie bei netvibes ist wohl doch nicht soo leicht:D.

Wenn ich das raus hab mit diesem o.g. Link und mit dem rezieable wäre das echt klasse.

Gruß und bitte um Hilfe

Grüße
Snoozey
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben