onKeydown anstatt onlick von Klawischnigg, 20.10.2005 15:13

onKeydown anstatt onlick

Jochen Gebauer 19.10.2005 23:22

javascript

Hallo,

ich führe psychologische Onlinestudien durch bei denen die Teilnehmer auf Fragen antworten indem sie Radiobuttons betätigen. Beim betätigen der Radiobuttons geschieht dann (1) Speicherung der Reaktionszeit, (2) Speicherung des Wertes des ausgewählten Buttons und (3) automatische Weiterleitung zur nächsten Seite (mit der nächsten Frage).

Mein Problem: Ich will jetzt von Mausklicks auf Tastatureingabe umsteigen und kenne mich bei JavaScript überhaupt nicht aus. Ich vermute mal, dass man nur 1-2 Zeilen im Quelltext umschreiben muss aber ich blick leider überhaupt nicht durch...

Hier ist der Quelltext einer typischen Seite des Onlinefragebogens:

<?php include ('fieldforwarder.php'); ?>

<html>

<!-- //ASSUMPTIONS MADE: // - This JavaScript code assumes that the hosting form is called "myForm". // - If you use timeOuts and see a timer, call the watching object "myTimerViewer" and ensure // that you have a submit-input field. // // Of course you can search and replace within the code in order to change these naming conventions...

// Change the following constants as needed var arrayLength=1; // the arrayLength has to be the number of items you use on the current website! - 1. thing you have to adapt on your study concerning the time meassurement. var timeOutLimit=-1; // Define your timeOut in milliseconds here or -1 if you don't want timeouts var timeOutRefresh=100; // Define a refresh time here. Try not to choose smaller values unless it's absolutly necessary. var showTime=false; // Display time? (true - false) var showRemainingTime=false; // Display the past or the remaining time? (true - false) var showMillis=false; // Display time in milliseconds? (If not time will be displayed in minutes) (true - false)

//Don't change these members var timeOutStart var lastClickTime; var antwortZeiten=new Array(arrayLength); var timeOutTriggered=false;

function getTimeDifference(d1,d2) { var iStr=Date.parse(d1.toUTCString()); var jStr=Date.parse(d2.toUTCString()); iStr=iStr+d1.getMilliseconds(); jStr=jStr+d2.getMilliseconds(); var difference=jStr-iStr; return difference; }

function getArrayIndexFromName(bezeichnung) { switch (bezeichnung) { case "actual_se_01": return 0; break; default: DEBUG("@getArrayIndexFromName: Index konnte nicht bestimmt werden!"); } }

function handleClickEvent(senderName) { now=new Date(); var index=getArrayIndexFromName(senderName); antwortZeiten[index]=antwortZeiten[index]+getTimeDifference(lastClickTime,now); lastClickTime=now; sendResults(); myForm.submit() }

function sendResults() { myForm.rtactual02.value=antwortZeiten[0] }

//-->

</script>

<head>

<title>Online Study - The School of Psychology at Cardiff University, Cardiff Wales</title>

</head>

<?php echo field_forwarder(); ?>

</table>

</table>

</table>

</table>

</table>

<tr> <td width="10"><b></b></td> <td><b class="Pt12Bold">To what extent do you <b class="Pt12BoldUline">ACTUALLY</b class="Pt12BoldUline"> possess this value?</b class="Pt12Bold"></td> </tr>

</table>

<tr> <td width="45"><b></b></td> <td valign="top" width="40"><br><br><b class="Pt12Fett">02c.</b class="Pt12Fett"><br><br></td> <td valign="top"><br><br><b class="Pt12Fett">WEALTH (material possessions, money)</b class="Pt12Fett"><br><br></td> </tr>

</table>

<tr> <td><b></b></td> <td valign="center" align="middle"><b class="Pt08">SLIGHTLY</b class="Pt08"></td> <td valign="center" align="middle"><input type="radio" name="actual_se_01" value="1" onclick="handleClickEvent(this.name);"></td> <td valign="center" align="middle"><input type="radio" name="actual_se_01" value="2" onclick="handleClickEvent(this.name);"></td> <td valign="center" align="middle"><input type="radio" name="actual_se_01" value="3" onclick="handleClickEvent(this.name);"></td> <td valign="center" align="middle"><input type="radio" name="actual_se_01" value="4" onclick="handleClickEvent(this.name);"></td> <td valign="center" align="middle"><b class="Pt08">EXTREMELY</b class="Pt08"></td> </tr>

</table>

</td> <td width="10" bgcolor="#FFFFFF"><b></b></td> <td width="1" bgcolor="#000000"><b></b></td> <td width="15" bgcolor="#666699"><b></b></td> </tr>

</table>

</table>

</table>

</table>

</table>

<tr align="center" valign="middle"> <td height="50"><b class="Pt10">Email questions to <b class="Pt10UlineBlue"><a href="mailto:Soci@lPsychology.com">Soci@lPsychology.com</a></b class="Pt10UlineBlue"><br>Copyright (c) 2004-2005 by Jochen E. Gebauer</b class="Pt10"></td> </tr>

</table>

</td></tr>

</table>

</form>

</body>

</html>

Beitrag melden

– Informationen zu den Bewertungsregeln

onKeydown anstatt onlick
Christoph Schnauß 20.10.2005 00:40

javascript
– Informationen zu den Bewertungsregeln
hallo,

Mein Problem: Ich will jetzt von Mausklicks auf Tastatureingabe umsteigen und kenne mich bei JavaScript überhaupt nicht aus.

In Korrespondenz zum gewählten posting-Titel: du kannst einem HTML-Element so viele EventHandler mitgeben, wie du für richtig hältst. Das heißt, du kannst sowohl "onclick()" wie auch "unkeydown()" einsetzen. Wenn jemand klickt, passiert dann etwas, und wenn jemand eine Taste drückt, passiert auch etwas.

Hier ist der Quelltext einer typischen Seite des Onlinefragebogens:

Oh. Davon ist rund die Hälfte überflüssig, weil es nur noch dein HTML ist. Die Angabe der Javascript-Zeilen hätte ausgereicht. Und da gibt es zwei Dinge:

<?php
include ('fieldforwarder.php');
?>
<html>
<script language="Javascript">

Ja, ok, das Ganze steht in einem PHP-Script, deswegen ist es vielleicht nicht ganz so schlimm. Aber: unter
   <html>
(dem eigentlich auch noch eine <!DOCTYPE>-Zeile hätte vorangestellt werden müssen) folgt dann als erstes ein Scriptbereich, der da noch nichts zu suchen hat, sondern
   <head>
hätte zuerst notiert werden müssen. Das heißt, dein Scriptbereich gehört _in_ den Header, und nicht irgendwohin.

Als zweites:

<script language="Javascript">

Wenn Cheatah das mitkriegt, bekommst du die überaus beliebte Standard-Antwort:
   "ERROR! Required attribute 'type' missing"

Ansonst sehe ich nicht wirklich, wo sich in deinem ganzen Code etwas verstecken könnte, was der angegebenen Thematik entspricht. Kann aber sein, daß ich aufgrund der Fülle etwas übersehen habe. In einem solchen Fall wärs besser, den ganzen Krm auf eine temporäre Adresse hochzuladen und dann den Link hier anzugeben.

Und sowas:

//ASSUMPTIONS MADE:
    // - This JavaScript code assumes that the hosting form is called "myForm".
    // - If you use timeOuts and see a timer, call the watching object "myTimerViewer" and ensure
    //   that you have a submit-input field.
    //
    // Of course you can search and replace within the code in order to change these naming conventions...

kannst du ganz weglassen. Das bläht dein posting nur auf und enthält keinerlei relevante Informationen, die für eine Problemlösung nötig wären.

Grüße aus Berlin

Christoph S.

--
Visitenkarte
ss:| zu:) ls:& fo:) va:) sh:| rl:|
Beitrag melden

–
Informationen zu den Bewertungsregeln
1. onKeydown anstatt onlick
  
  Jochen Gebauer 20.10.2005 02:23
  
  javascript
  – Informationen zu den Bewertungsregeln
  Hi Christoph,
  
  danke für Deine Antwort! Ich will allerdings die Radiobuttons gar nicht mehr haben sondern anstatt den buttons eine Tastatureingabe. D.h. ich brauche für jeden Radiobutton eine Ersatztaste (z.B. d,f,g,h,etc.). Die Ersatztasten sollen dann die gleiche Funktion erfüllen wie die Radiobuttons momentan noch erfüllen. Ein Beispiel wie die Befragung momentan - noch mit Radiobuttons - funktioniert findet man unter http://www.JochenGebauer.de/sapjeg41
  Beitrag melden
  
  –
  Informationen zu den Bewertungsregeln
  Übersicht
  
  alle Foren
  
  SELFHTML-Forum
  
  anmelden
  
  Benutzerkonto erstellen
  
  Beitrag im Thread-Baum
  1. onKeydown anstatt onlick
    
    Cybaer Homepage des Autors 20.10.2005 08:39
    
    javascript
    
    – Informationen zu den Bewertungsregeln
    Hi,
    
    // Tastatur-Steuerung
    function defMenu(menuChar,order) {
    var i;
    for(i=0;i<menuChar.length;i++) {
      menu[menuChar.charCodeAt(i)]=order;
    }
    }
    
    function initKeyMenu(type) {
    if(String.fromCharCode) {
      menu=new Array();
    
    // Default-Menuesteuerung "numerisch", wenn type nicht oder als true uebergeben wurde
      if(typeof(type)=="undefined" || (typeof(type)=="boolean" && type)) { type="num"; }
    
    if(type.indexOf("num")+1) {
       defMenu("1!",1);
       defMenu("2"",2);
       defMenu("3§",3);
       defMenu("4$",4);
       defMenu("5%",5);
       defMenu("6&",6);
       defMenu("7/",7);
       defMenu("8(",8);
       defMenu("9)",9);
       defMenu("0=",10);
      }
      if(type.indexOf("alpha")+1) {
       defMenu("aA",1);
       defMenu("bB",2);
       defMenu("cC",3);
       defMenu("dD",4);
       defMenu("eE",5);
       defMenu("fF",6);
       defMenu("gG",7);
       defMenu("hH",8);
       defMenu("iI",9);
       defMenu("jJ",10);
      }
      if(menu.length) {
       if(document.captureEvents) { document.captureEvents(Event.KEYPRESS); }
       document.onkeypress=keyMenu;
       allowKeyMenu=true;
      }
    }
    }
    function keyMenu(evt) {
    var code, e=evt || window.event;
    if(document.layers) {
      if(e.which>0) { code=e.which; }
    } else if(document.all) {
      if(e.keyCode>0) { code=e.keyCode; }
    } else if(document.getElementById) {
      if(e.charCode>0) { code=e.charCode; }
    }
    if(allowKeyMenu && code && code>=0 && menu[code]) {
      selectInput(menu[code],true)
    }
    }
    
    Und in selectInput() wird bei mir der zur Taste gehörige Radiobutton gesetzt. Du kannst dann ja was anderes machen.
    
    Gruß, Cybaer
    
    --
    Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
    Beitrag melden
    
    –
    Informationen zu den Bewertungsregeln
    
    Übersicht
    
    alle Foren
    
    SELFHTML-Forum
    
    anmelden
    
    Benutzerkonto erstellen
    
    Beitrag im Thread-Baum
2. onKeydown anstatt onlick
  
  Klawischnigg 20.10.2005 15:13
  
  javascript
  – Informationen zu den Bewertungsregeln
  Hi there,
  
  (dem eigentlich auch noch eine <!DOCTYPE>-Zeile hätte vorangestellt werden müssen) folgt dann als erstes ein Scriptbereich, der da noch nichts zu suchen hat, sondern
  <head>
  hätte zuerst notiert werden müssen. Das heißt, dein Scriptbereich gehört _in_ den Header, und nicht irgendwohin.
  
  Darf ich aus selfhtml 8.1, Einführung in Javascript und DOM, zitieren:
  
  "Es gibt keine festen Vorschriften dafür, an welcher Stelle einer HTML-Datei ein JavaScript-Bereich definiert werden muss."
  Beitrag melden
  
  –
  Informationen zu den Bewertungsregeln
  Übersicht
  
  alle Foren
  
  SELFHTML-Forum
  
  anmelden
  
  Benutzerkonto erstellen
  
  Beitrag im Thread-Baum
  1. onKeydown anstatt onlick
    
    Cybaer Homepage des Autors 20.10.2005 16:08
    
    javascript
    
    – Informationen zu den Bewertungsregeln
    Hi,
    
    "Es gibt keine festen Vorschriften dafür,
    
    Mißverständlich.
    
    Natürlich kann man SCRIPT überall hinsetzen - wohin es die DTD erlaubt. Z.B. auch zwischen <head> und </head> oder zwischen <body> und </body>. Aber nicht, wie Jochen es macht, zwischen <html> und <head>. =:-)
    
    Gruß, Cybaer
    
    --
    Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
    Beitrag melden
    
    –
    Informationen zu den Bewertungsregeln
    
    Übersicht
    
    alle Foren
    
    SELFHTML-Forum
    
    anmelden
    
    Benutzerkonto erstellen
    
    Beitrag im Thread-Baum
    1. onKeydown anstatt onlick
      
      Klawischnigg 20.10.2005 16:28
      
      javascript
      
      – Informationen zu den Bewertungsregeln
      
      Hi there,
      
      Natürlich kann man SCRIPT überall hinsetzen - wohin es die DTD erlaubt. Z.B. auch zwischen <head> und </head> oder zwischen <body> und </body>. Aber nicht, wie Jochen es macht, zwischen <html> und <head>. =:-)
      
      Ja klar, in der dem Dokument eigenen "Aufteilung" macht das nicht viel Sinn, aber solange es funktioniert...
      
      Beitrag melden
      
      –
      Informationen zu den Bewertungsregeln
      
      Übersicht
      
      alle Foren
      
      SELFHTML-Forum
      
      anmelden
      
      Benutzerkonto erstellen
      
      Beitrag im Thread-Baum
      1. onKeydown anstatt onlick
        
        Cybaer Homepage des Autors 20.10.2005 16:58
        
        javascript
        
        – Informationen zu den Bewertungsregeln
        
        Hi,
        
        Ja klar, in der dem Dokument eigenen "Aufteilung" macht das nicht viel Sinn, aber solange es funktioniert...
        
        Es funktioniert nur solange, bis ein Browser-Programmierer nicht so freundlich ist, auch jenseits (hier: aller) Standards zu arbeiten. Daran kann man glauben, oder man kann sichergehen. Vieles was nicht erlaubt ist, funktioniert. Es ist trotzdem nicht erlaubt. Und wer sagt, daß es nicht erlaubt ist, der hat Recht.
        
        Christoph hat ja nicht gesagt, es würde nicht funktionieren ... ;-)
        
        Gruß, Cybaer
        
        --
        Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
        
        Beitrag melden
        
        –
        Informationen zu den Bewertungsregeln
        
        Übersicht
        
        alle Foren
        
        SELFHTML-Forum
        
        anmelden
        
        Benutzerkonto erstellen
        
        Beitrag im Thread-Baum
onKeydown anstatt onlick
Cybaer Homepage des Autors 20.10.2005 08:43

javascript
– Informationen zu den Bewertungsregeln
Hi,

Mein Problem: Ich will jetzt von Mausklicks auf Tastatureingabe umsteigen und kenne mich bei JavaScript überhaupt nicht aus. Ich vermute mal, dass man nur 1-2 Zeilen im Quelltext umschreiben muss

Nein.

Aber für komplette Lösungen, kann man auch Webdesigner beauftragen - oder eben selbst wuseln. Eine Hilfestelung hast Du ja nun schon ...

Und BTW: onclick reagiert auch auf Tastatur.

Gruß, Cybaer

--
Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
Beitrag melden

–
Informationen zu den Bewertungsregeln
onKeydown anstatt onlick
Martin Hölter Homepage des Autors 20.10.2005 14:53

menschelei
– Informationen zu den Bewertungsregeln
Hi!

Was hast du denn abgeleckt, dass der Eventhandler onlick aktiv wurde?

Gruß aus Iserlohn

Martin *SCNR*

--
Selfcode: ie:{ fl:( br:^ va:) ls:# fo:| rl:( n4:( ss:| de:> js:) ch:? sh:( mo:| zu:)
Geht zum Weltspartag!
Beitrag melden

–
Informationen zu den Bewertungsregeln
1. onKeydown anstatt onlick
  
  Cybaer Homepage des Autors 20.10.2005 14:59
  
  menschelei
  – Informationen zu den Bewertungsregeln
  Hi,
  
  Was hast du denn abgeleckt, dass der Eventhandler onlick aktiv wurde?
  
  Vermutlich sabbernd einmal quer übers Motherboard! >;->
  
  Gruß, Cybaer
  
  --
  Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
  Beitrag melden
  
  –
  Informationen zu den Bewertungsregeln
  Übersicht
  
  alle Foren
  
  SELFHTML-Forum
  
  anmelden
  
  Benutzerkonto erstellen
  
  Beitrag im Thread-Baum

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Jochen Gebauer: onKeydown anstatt onlick