Mootools
Een javascriptframework voor dynamische websites. Om wat voorbeelden te zien die in deze tutorial worden uitgelegd zou je hier kunnen klikken.
Update: Toegevoegd waarom je mootools zou gaan kiezen.
Gesponsorde koppelingen
Inhoudsopgave
- Wat kun je met mootools?
- Mootools “installeren”
- Elementen selecteren
- Voorbeeld 1: Tabs in mootools
- Voorbeeld 2: Coole effecten in mootools
- Mootools en Ajax
- Iets gaan doen met de elementen
- Voorbeeld 3 en handige links
29 reacties op 'Mootools'
0 
-0 
-0 Dank je, Ik was een beetje te lui om mootools uit te zoeken, hoe en wat te installeren (had niet zo veel zin om dat allemaal uit te zoeken op dat moment).
Maar ik denk dat mootools voor mijn CMS en MCMS een mooie samenwerking kan aangaan gezien ik een CMS aan het schrijven ben die eigenlijk specifiek voor web 2.0 doeleinden is bedoeld.
Gezien ik graag een wat levendige manier van een (M)CMS wil bouwen en dat aangaande anti flash ben om daar een website mee te bouwen, is dit wel een uitkomst om toch hier wat mee te gaan doen.
Maar moet het maar even uitzoeken nog of ik dit kan integreren in mijn project. maar in ieder geval bedankt voor de uitleg.
Maar ik denk dat mootools voor mijn CMS en MCMS een mooie samenwerking kan aangaan gezien ik een CMS aan het schrijven ben die eigenlijk specifiek voor web 2.0 doeleinden is bedoeld.
Gezien ik graag een wat levendige manier van een (M)CMS wil bouwen en dat aangaande anti flash ben om daar een website mee te bouwen, is dit wel een uitkomst om toch hier wat mee te gaan doen.
Maar moet het maar even uitzoeken nog of ik dit kan integreren in mijn project. maar in ieder geval bedankt voor de uitleg.
0 -0
-0 Is het mogelijk om Ajax een standaard onStart en onComplete function te geven? de onStart moet uitgevoerd worden op het moment dat request() aangeroepen wordt, en onComplete nadat de custom onComplete is uitgevoerd... Zoiets heeft mijn eigen Ajax class wel, maar die is nu niet meer te gebruiken, omdat Mootools mijn Ajax lib overschrijft (op zich prima, want mootools is veel beter :)).
Maar als ik voor ELKE request (supersupersuperveel verschillende) elke keer weer een onStart en onComplete moet aanhangen.... bah bah
Iemand?
Maar als ik voor ELKE request (supersupersuperveel verschillende) elke keer weer een onStart en onComplete moet aanhangen.... bah bah
Iemand?
0 -0
-0 Niet dat het iets met jouw tutorial te maken heeft, maar ik heb er uren aan besteed om een oplossing te vinden voor de slider functie.
Mocht er toevallig iemand een slide bar gaan plaatsen in een element welke te verslepen is, ofwel de positie van het element kan veranderen. Dan vertoond de slider functie een raar effect.
Zodra je op de slide bar knop klikt, verplaatst deze zich onder je muis vandaan en komt weer terug zodra je de muis vast houd en dan zou bewegen.
Dat is dan al gauw een schoonheid foutje in je ontwerp, maar de oplossing ligt
hem erin om de mootools.js bestand even aan te passen op regel 4533 (als je alles hebt gedownload) maar in ieder geval bij de functie:
clickedElement:
en dan regel :
var position = event.page[this.axis] - this.element.getRelativePosition()[this.axis] - this.half;
vervangen met :
var position = event.page[this.axis] - this.element.getPosition()[this.axis] - this.half;
Mocht er toevallig iemand een slide bar gaan plaatsen in een element welke te verslepen is, ofwel de positie van het element kan veranderen. Dan vertoond de slider functie een raar effect.
Zodra je op de slide bar knop klikt, verplaatst deze zich onder je muis vandaan en komt weer terug zodra je de muis vast houd en dan zou bewegen.
Dat is dan al gauw een schoonheid foutje in je ontwerp, maar de oplossing ligt
hem erin om de mootools.js bestand even aan te passen op regel 4533 (als je alles hebt gedownload) maar in ieder geval bij de functie:
clickedElement:
en dan regel :
var position = event.page[this.axis] - this.element.getRelativePosition()[this.axis] - this.half;
vervangen met :
var position = event.page[this.axis] - this.element.getPosition()[this.axis] - this.half;
0 -0
-0 ben ik nou de enige die hier niets van snapt? ik krijg het niet aan de praat..
dit is mijn html code:
In mootools.js zit het downloadbestand van mootools.net en in mootest.js staat:
precies zoals het voorbeeld lijkt me...
wat doe ik verkeerd??
dit is mijn html code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!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" />
<title>Moo tie het nou?</title>
<script type="text/javascript" src="mootools.js"> </script>
<script type="text/javascript" src="mootest.js"> </script>
</head>
<body>
<p>
<a id="klik" href="#">Klik</a>
</p>
<p id="normaal">
Dit is een normale tekst.
</p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Moo tie het nou?</title>
<script type="text/javascript" src="mootools.js"> </script>
<script type="text/javascript" src="mootest.js"> </script>
</head>
<body>
<p>
<a id="klik" href="#">Klik</a>
</p>
<p id="normaal">
Dit is een normale tekst.
</p>
</body>
</html>
In mootools.js zit het downloadbestand van mootools.net en in mootest.js staat:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
// JavaScript Document
window.addEvent('domready', function() {
// en hier gaat dan straks je code komen
// alle javascript-voorbeelden die in deze tutorial staan kunnen hierin komen
$('klik').addEvent('click',function(){
$('normaal').setStyle('color','#990000');
});
});
window.addEvent('domready', function() {
// en hier gaat dan straks je code komen
// alle javascript-voorbeelden die in deze tutorial staan kunnen hierin komen
$('klik').addEvent('click',function(){
$('normaal').setStyle('color','#990000');
});
});
precies zoals het voorbeeld lijkt me...
wat doe ik verkeerd??
0 -0
-0 Het zou gewoon moeten werken, tenminste, als ik het zelf test in firebug. Misschien heb je het pad naar mootools.js en mootest.js niet goed?
En als je in firefox zit, kijk eens bij extra > foutconsole. Krijg je daar een error als je op de link klikt?
Tip: Gebruik firebug en ga dan naar de console en zet daar je stukje javascript in en druk op run. Kijk eens wat er dan gebeurt
En als je in firefox zit, kijk eens bij extra > foutconsole. Krijg je daar een error als je op de link klikt?
Tip: Gebruik firebug en ga dan naar de console en zet daar je stukje javascript in en druk op run. Kijk eens wat er dan gebeurt
0 -0
-0 Je moet een JS bestand nooit direct openen, windows ziet dit als een uitvoerbaar bestand maar kan er maar bar weinig mee.
Je kunt twee dingen doen, of gewoon op je schijf opslaan en daarna openen met kladblok, of je veranderd het zo dat een JS bestand standaard wordt geopend door kladblok, notepad++, wordpad, dreamweaver, you name it!
Je kunt twee dingen doen, of gewoon op je schijf opslaan en daarna openen met kladblok, of je veranderd het zo dat een JS bestand standaard wordt geopend door kladblok, notepad++, wordpad, dreamweaver, you name it!
0 -0
-0 Hallo,
ik zie dat het een js bestand betreft. Maar dit is voor mij toch onbekend. Wat is een js bestand? Ik doe 'intuitief' wat ik altijd doe bij downloaden, namelijk een 'download' aanklikken en dan wachten op de dingen die komen gaan, en dat is dus die foutmelding. Dus 'gewoon' op mijn schijf opslaan krijg ik helaas niet voor elkaar. Volgens mij doe ik iets fout, of ik doe iets niet wat wel moet gebeuren.
Ik ontwerp al 1 jaar websites, heb dus wel enige ervaring met allerlei soorten van bestanden, scripts, enzovoorts, maar dit heb ik nog niet meegemaakt.
groet, Kees
ik zie dat het een js bestand betreft. Maar dit is voor mij toch onbekend. Wat is een js bestand? Ik doe 'intuitief' wat ik altijd doe bij downloaden, namelijk een 'download' aanklikken en dan wachten op de dingen die komen gaan, en dat is dus die foutmelding. Dus 'gewoon' op mijn schijf opslaan krijg ik helaas niet voor elkaar. Volgens mij doe ik iets fout, of ik doe iets niet wat wel moet gebeuren.
Ik ontwerp al 1 jaar websites, heb dus wel enige ervaring met allerlei soorten van bestanden, scripts, enzovoorts, maar dit heb ik nog niet meegemaakt.
groet, Kees
0 -0
-0 Weet iemand of je ImageMenu van Mootools kunt combineren met Milkbox van Mootools.
Ik krijg het niet aan het werk, ImageMenu werkt wel maar de foto?s die Milkbox moet openen, worden in een nieuw venster geopend.Het is net alsof het pad naar het javascript van Milkbox niet gevonden wordt.Ik heb al alles geprobeerd maar ik krijg het niet werkend.
Graag info voor een oplossing.
Groet Pieter
Ik krijg het niet aan het werk, ImageMenu werkt wel maar de foto?s die Milkbox moet openen, worden in een nieuw venster geopend.Het is net alsof het pad naar het javascript van Milkbox niet gevonden wordt.Ik heb al alles geprobeerd maar ik krijg het niet werkend.
Graag info voor een oplossing.
Groet Pieter
Om te reageren heb je een account nodig en je moet ingelogd zijn.
- Details
Door:
Harmen- 5 jaar geleden
- 2.731 x bekeken
- PHP tutorials opties
- Overig
- Nieuwste PHP tutorials
- PHP tutorial toevoegen
PHP hulp
0 seconden vanaf nu