Sad p\u00e5 Statsbiblioteket og skulle lave en logging funktion til\u00a0den nye s\u00f8gemaskine Summa. Vi har allerede\u00a0flere logging funktioner tilknyttet Summa, men nu skulle vi bruge noget der kunne logge alle klik p\u00e5 links med AJAX funktionerne. Problemet med at logge links,\u00a0 der udf\u00f8rer AJAX kald, er at siden\u00a0ikke skiftes\/opdateres 100%, men kun opdateres lokalt.<\/p>\n
L\u00f8sningen er\u00a0event.srcElement<\/strong>, der kan l\u00e6se onclick events i JavaScript.\u00a0 Det smarte ved funktionen er at den kan afl\u00e6se alle attributterne i det tag du knytter den til.<\/p>\n F.eks. vil\u00a0 event.srcElement.href\u00a0returnere hvilken link, der henvises til og event.srcElement.onclick vil fort\u00e6lle hvilke onclick events, der er tilknyttet tagget.\u00a0<\/p>\n Desv\u00e6rre \u00a0findes event objektet desv\u00e6rre\u00a0\u00a0i 2 forskellige udgaver. Funktionaliten er ikke helt ens for Firefox og Explorer event objektet, men til basale funktioner, som f.eks. at afl\u00e6se onclick, onmouseover eller onmouseout events, har forskellen ingen praktisk betydning.<\/p>\n I\u00a0Firefox bruges syntaksen:<\/p>\n event.target<\/p><\/blockquote>\n Men nok snak.\u00a0 Lad os kigge p\u00e5 noget kode, der virker med begge browsere (faktisk virker det ogs\u00e5 med Safari. (Safarai har nemlig sin helt egen s\u00e6rhed p\u00e5 event objektet) :<\/p>\n \u00a0function log(e) {<\/p>\n \/\/Ops\u00e6tning af event.srcElemenet\/event.target objekt i henh. IE og Firefox \u00a0\/\/Indsamling af data \u00a0\/\/Tiden med dato objektet \u00a0\/\/Tidsformateringer \u00a0\/\/Tjek af data med en alert\u00a0 \/\/overf\u00f8rsel til serveren via prototype<\/strong> Ajax.Request }<\/p><\/blockquote>\n Vigtigt!<\/strong> N\u00e5r du kalder funktionen skal du sende parameteren “event” med ellers virker det ikke i Firefox. Funktionskaldet skal alts\u00e5 se s\u00e5dan ud:<\/p>\n onclick=”log(event)”<\/p><\/blockquote>\nevent.target i Firefox<\/h3>\n
En crossbrowser l\u00f8sning<\/h3>\n
\nvar targ;
\n\u00a0if (!e) var e = window.event;
\n\u00a0if (e.target) targ = e.target;
\n\u00a0else if (e.srcElement) targ = e.srcElement;
\n\u00a0if (targ.nodeType == 3) \/\/ defeat Safari bug
\n\u00a0\u00a0targ = targ.parentNode;<\/p>\n
\n\u00a0var id\u00a0\u00a0=\u00a0 targ.id;
\n\u00a0var href\u00a0\u00a0=\u00a0 targ.href;
\n\u00a0var onclick\u00a0\u00a0=\u00a0 targ.onclick;
\n\u00a0var data\u00a0=\u00a0 “onclick: ” + onclick + “\\n\\nID: ” + id + “\\n\\nhref: ” + href;<\/p>\n
\n\u00a0var now\u00a0\u00a0= \u00a0new Date();
\n\u00a0var hour\u00a0\u00a0\u00a0=\u00a0 now.getHours();
\n\u00a0var minute\u00a0\u00a0=\u00a0 now.getMinutes();
\n\u00a0var second\u00a0\u00a0=\u00a0 now.getSeconds();
\n\u00a0var monthnumber =\u00a0 now.getMonth() + 1;
\n\u00a0var monthday\u00a0 =\u00a0 now.getDate();
\n\u00a0var year\u00a0=\u00a0 now.getFullYear();<\/p>\n
\n\u00a0var tidspunkt =\u00a0 monthday + “-” + monthnumber + “-” + year + ” ” + hour +”:” + minute + “:” + second + “\\n\\n”;<\/p>\n
\nalert(tidspunkt + data);<\/p>\n
\n\/\/ du skal<\/strong> alts\u00e5 have adgang til Prototype.js<\/strong> fra filen for at denne del virker<\/span>
\nnew Ajax.Request(‘globals\/jsp\/log.jsp’, {
\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0method: ‘get’,
\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0parameters:{
\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0data1: tidspunkt + data}
\n\u00a0\u00a0\u00a0 });<\/span><\/p>\n