mootools code naar jquery code.

[msentinelb]

Onderstaande code is van een ajax contact formulier (http://www.roscripts.com/uploads/articles/144/) gemaakt met behulp van de mootools lib. Ik zou deze code graag omwillen bouwen zodat ik hem kan gebruiken met de jquery lib.

Voor al mijn andere scripts op mijn site gebruik ik al jquery. En wil dus niet alleen voor dit stukje de mootools lib inladen. Nu heb ik al 2 dagen mijn hoofd lopen breken op het ombouwen van dit stukje code. Ik heb het al wel zo ver grekregen dat hij de mail verstuurd. Maar ik krijg het maar niet voor elkaar de errors / notificaties in te laden in de daarvoor bestemde div.

Mootools code:

JavaScript:

<script type="text/javascript">
    window.addEvent('domready', function(){
        $('myForm').addEvent('submit', function(e) {

            new Event(e).stop();
            var log = $('log_res').empty().addClass('ajax-loading');
            this.send({
                update: log,
                onComplete: function() {
                    log.removeClass('ajax-loading');
                }
            });

        });     
    });
</script>

<div id="log"><div id="log_res"></div></div>

Wat ik dus tot nu toe werkend heb is dit.
Jquery code:

JavaScript:

<script type="text/javascript"> 
    $(document).ready(function() { 
        $('#myForm').ajaxForm(function() { 


        }); 
    }); 
</script>

[ Voor 9% gewijzigd door msentinelb op 16-08-2008 13:21 ]

[SchizoDuckie]

Sorry, maar dat is echt nog niet heel veel wat je hebt... Waarom probeer je niet eens gewoon te doorgronden wat de mootools code doet en met de Jquery docs in de hand dit na te bouwen? je hebt nu 1 lege functie die afvuurt

[ Voor 21% gewijzigd door SchizoDuckie op 16-08-2008 21:02 ]

[WeeJeWel]

$("output").load()

kijk daar eens naar

[Bosmonster]

msentinelb schreef op zaterdag 16 augustus 2008 @ 13:18:
Voor al mijn andere scripts op mijn site gebruik ik al jquery.

Dan lijkt het nabouwen van die 3 regels code me niet zo'n probleem toch?

[msentinelb]

Ik ben deze week pas begonnen met javascript dat contact script gebruik ik al een hele tijd zonder dat ik precies wist hoe het werkte. Met jquery ben ik begonnen vanwege al die handige plugins en goede docs. Ik weet dat ik nog niet veel code heb ik wil het wel graag leren. Maar al die commando's heten totaal anders en steeds weer andere syntax is erg verwarrend en frustrerend.

[msentinelb]

joepie!

ben weer iets verder moet alleen nu die loading er nog in hebben hij geeft nu iig errors en berichten op de juiste plek weer.

JavaScript:

        $(document).ready(function()
        {
            $('#myForm').ajaxForm({
                    target: '#log_res'
            });         
        });

[Bosmonster]

Die ajaxForm is een custom plugin? Want dat is geen standaard jQuery functie.

[msentinelb]

Ja is een plugin: http://www.malsup.com/jquery/form/