Avatar billede o-zone Nybegynder
16. september 2009 - 09:24 Der er 1 kommentar og
1 løsning

Kan man aflevere en anonym function til en eventhandler, i stedet for en function litteral?

Hej med jer.

Er der nogen af jer som kan regne ud hvordan jeg kan slippe afsted med at sætte et DOM elements eventhandler til en function istedet for en litteral?

Jeg synes at litterals lugter af at der skal startes en compiler op for at fortolke den, og jeg har lidt svært ved at få skrevet min litteral uden det bliver til grim (æstetisk) kode.

Jeg har lavet en lille testcase, hvor jeg overskriver en sides form elementers onsubmit eventhandler. Hvis I forestiller jer at litteral funktionen på linie 15 ikke bare er en alert, men indeholder mange kodelinier. Så ville det ifølge min æstetiske sans blive væsentligt lettere at læse (og muligvis hurtigere at eksekvere), hvis jeg kunne gøre noget i retning af det jeg har skitseret (og udkommenteret) på linierne 16-19 i stedet.

Hvad siger I? (og jeg synes ikke nødvendigvis at min funktion litteral bliver meget kønnere af at dele den op i en masse delstrenge indeholdende 1 kodelinie pr streng.)

Jeg kunne selvfølgelig også bare definere min intercepter funktion et andet sted, og så kalde den - men jeg vil af forskellige grunde foretrække hvis jeg kunne indsætte en anonym funktion lige dér.

Her er min testkode:
---8<----------
<!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></title>
        <script type="text/javascript">
            var tag = function(tagname){
                return document.getElementsByTagName(tagname);
            };

            var cribleForms = function(){
                formArray = tag('form');
                for(var i = 0; i < formArray.length; i += 1){
                    if (formArray[i].attributes && formArray[i].attributes['onsubmit']){
                        formArray[i].attributes['onsubmit'].value = "alert('this form was intercepted!'); return false;"; // hvad gør jeg her, når nedenstående ikke virker? :-(
//                        formArray[i].attributes['onsubmit'].value = function(){
//                            alert('this form was intercepted!');
//                            return false;
//                        };
                    };
                };
            };
        </script>
    </head>
    <body>
        <form name="form1" onsubmit="alert('form1 er submittet!'); return false;">
            <input type="text" name="txt1" /><br />
            <input type="submit" value=" send ">
        </form>
        <hr />
        <form name="form2" onsubmit="alert('form2 er submittet!'); return false;">
            <input type="text" name="txt2" /><br />
            <input type="submit" value=" send ">
        </form>
        <form>
            <input type="button" value=" fuck'em'up " onclick="cribleForms();" />
        </form>
    </body>
</html>
---8<----------
Avatar billede o-zone Nybegynder
16. september 2009 - 12:23 #1
Jeg har selv fået det til at virke med følgende:

(i maven af cribleForm)
formArray[i].onsubmit = function(){
  alert('this form was intercepted!');
  return false;
};

:-)
Avatar billede olebole Juniormester
16. september 2009 - 16:20 #2
<ole>

formArray[i].onsubmit har intet at gøre under XHTML. Du skal bruge addEventListener.

Men hvorfor bruger du overhovedet XHTML, når nu W3C har forladt teknologien og ikke længere udvikler den? XHTML 2.0 kommer aldrig. Den næste markup version bliver HTML 5.0  ;o)

/mvh
</bole>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester