Enter i form

NorskFirefox · 22. desember 2007

Hei

Vanskelig å finne en passende tittel, men spørsmålet er; hvordan kan jeg få enter til å aktivere en type="button" framfor type="submit" i en form, og at dette kun skal skje om man skriver i et felt med id="tag".

vanskelig forklart?

Noen som kan komme med en fremgangsmåte/funksjon jeg kan bruke?

Finnes også her

luxus · 23. desember 2007

Okæi, her kommer min kode som jeg skrev ned nå på morgenkvisten :-) Den er ikke akkurat testet og den bærer preg av å være skrevet litt "fort og gæli" etter min mening Normalt når jeg skriver JS bruker jeg ikke så ofte å tilordne event-funksjoner rett på DOM-elementet slik som her (Les: aldri, når det er jeg som skriver JS koden fra starten av). Jeg bruker heller addEventListener / attachEvent på containerelementet, f.eks. form'en, eller evt. enda "høyere" opp.

inputElement.onkeypress = function(e) {
 e = e || window.event;
 keyCode = e.which === undefined ? e.keyCode : e.which;

 if ( keyCode === 13 ) { // Enter er trykket inn
document.getElementById("buttonElementetDitt").onclick(); // "Fyrer av" on-click

// Litt usikker på om return false; vil holde her, i så fall må dette også kjøres:
// preventDefault(e); // Stopper standard browser action
// stopPropagation(e); // Stopper event bobling	

return false;
 }
};

// Det er ikke sikker du trenger disse funksjonene:

var stopPropagation = function(e) {
 e.cancelBubble = true; // IE
 if ( e.stopPropagation ) { // w3c
e.stopPropagation();
 }
};

var preventDefault =  function(e) {
 e.returnValue = false; // IE
 if ( e.preventDefault ) { // w3c
e.preventDefault();
 } 
};

Endret 23. desember 2007 av luxus

NorskFirefox · 23. desember 2007

Ok, og hvordan setter jeg den da på inputfeltet? (Kan så og si 0 i javascript ) :blush:

luxus · 23. desember 2007

hehe, det står jo forsåvidt i koden jeg skrev :-)

inputElement.onkeypress .. der inputElement altså er referanse til input elementet ditt som ligger i form'en)

Dette kan du hente ut via document.getElementById() f.eks. Med andre ord:

HTML kode: <input id="dittInputElement" type="text" value="" />

JS kode for å "få tak i" elementet: var inputElement = document.getElementById("dittInputElement");

NorskFirefox · 23. desember 2007

Ok, prøver nå

var inputElement = document.getElementById("tag1");
inputElement.onkeypress = function(e) {
 e = e || window.event;
alert(e);
 keyCode = e.which === undefined ? e.keyCode : e.which;

 if ( keyCode === 13 ) { // Enter er trykket inn
document.getElementById("tag_ad").onclick(); // "Fyrer av" on-click

// Litt usikker på om return false; vil holde her, i så fall må dette også kjøres:
// preventDefault(e); // Stopper standard browser action
// stopPropagation(e); // Stopper event bobling	

return false;
 }
};

for å teste hvordan det funker. Men får det ikke til å funke.

HTML-koden jeg bruker:

<form action="" method="post" enctype="multipart/form-data">
<input name="tag1" type="text" class="txt" id="tag1" style="float:none; width:210px; margin-top:3px;">
	  <input type="button" name="tag_ad" id="tag_ad" value="Legg til tag" class="btn" style="width:212px;" onClick="addEvent()">
</form>

Du ser det sikkert ut av koden over, at når man trykker enter når man har aktivert Tag1 så ønsker jeg å kjøre "addEvent()"-funksjonen.

Endret 23. desember 2007 av NorskFirefox

LostOblivion · 25. desember 2007

Kan dere ikke bruke...

<html>
<head><title>BBCode</title></head>
<body>
<p>HTML BBCode</p>
</body>
</html>

Endret 25. desember 2007 av LostOblivion

Logg inn

Enter i form

Anbefalte innlegg

NorskFirefox

Videoannonse

luxus

NorskFirefox

luxus

NorskFirefox

LostOblivion

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer