Avatar billede stoney Nybegynder
26. november 2004 - 13:31 Der er 9 kommentarer og
1 løsning

"keyboard" og felt der har focus + evt. backspace

Jeg er ved at lave et "keyboard"
Hvordan får jeg den til at skrive i det felt der har focus.

(Det er kun 1 + 2 + space der virker indtil videre.)

Er det muligt at lave en backspace også ?

Det skal bruges på en Pocket PC 2003

Stoney

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="JavaScript" type="text/JavaScript">

function addchr (chr){
document.form1.textfield.value = document.form1.textfield.value + chr;
}



</script>

<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.keyb {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}
-->
</style>
</head>

<body>
<form name="form1" method="post" action="">
  <input type="text" name="textfield">
  <br>
  <input type="text" name="textfield2">
</form>
<table width="250" border="0" cellspacing="0" class="keyb">
  <tr>
    <td width="75"><a href="#" onClick=addchr('1')>1</a></td>
    <td width="75"><a href="#" onClick=addchr('2')>2</a></td>
    <td width="75">3</td>
    <td width="75">4</td>
    <td width="77">5</td>
    <td width="77">6</td>
    <td width="77">7</td>
    <td width="77">8</td>
    <td width="77">9</td>
    <td width="77">0</td>
    <td width="77">(</td>
    <td width="77">)</td>
  </tr>
  <tr>
    <td>Q</td>
    <td>W</td>
    <td>E</td>
    <td>R</td>
    <td>T</td>
    <td>Y</td>
    <td>U</td>
    <td>I</td>
    <td>O</td>
    <td>P</td>
    <td>&Aring;</td>
    <td>*</td>
  </tr>
  <tr>
    <td>A</td>
    <td>S</td>
    <td>D</td>
    <td>F</td>
    <td>G</td>
    <td>H</td>
    <td>J</td>
    <td>K</td>
    <td>L</td>
    <td>&AElig;</td>
    <td>&Oslash;</td>
    <td>+</td>
  </tr>
  <tr>
    <td>Z</td>
    <td>X</td>
    <td>C</td>
    <td>V</td>
    <td>B</td>
    <td>N</td>
    <td>M</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&lt;</td>
    <td>&gt;</td>
    <td>\</td>
    <td>/</td>
    <td>=</td>
    <td bgcolor="#CCCCCC" onClick="addchr(' ')"><a href="#" onClick=addchr(' ')><font color="#CCCCCC">'
      '</font></a></td>
    <td bgcolor="#CCCCCC" onClick="addchr(' ')"><a href="#" onClick=addchr(' ')><font color="#CCCCCC">'
      '</font></a></td>
    <td>;</td>
    <td>,</td>
    <td>:</td>
    <td>.</td>
    <td>-</td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>
Avatar billede roenving Novice
26. november 2004 - 13:34 #1
<script language="JavaScript" type="text/JavaScript">
var focusField = null;
function addchr (chr){
  if(focusField)focusField.value += chr;
}

</script>

-- og:

<form name="form1" method="post" action="">
  <input type="text" name="textfield" onfocus="focusField=this;">
  <br>
  <input type="text" name="textfield2" onfocus="focusField=this;">
</form>
Avatar billede stoney Nybegynder
26. november 2004 - 13:43 #2
Det kan jeg ikke lige få til at virke

Stoney
Avatar billede roenving Novice
26. november 2004 - 13:53 #3
Det virker fint hos mig, men husk, at du jo skal sætte fokus på et felt, før det giver mening ...

-- altså skal du klikke på et af dine felter, før der findes et felt, som du kan skrive i !-)

-- og lige en ide til udformningen af dine events:

    <td bgcolor="#CCCCCC" onClick="addchr(' ')" style="cursor:pointer;">&nbsp;&nbsp;&nbsp;</td>
    <td bgcolor="#CCCCCC" onClick="addchr(' ')" style="cursor:pointer;">&nbsp;&nbsp;&nbsp;</td>
Avatar billede stoney Nybegynder
26. november 2004 - 14:06 #4
Den virker kun på feltet textfield IKKE textfield2

Og textfield2 har focus.

Stoney
Avatar billede roenving Novice
26. november 2004 - 14:11 #5
Det gør den altså hos mig ?-)
Avatar billede stoney Nybegynder
26. november 2004 - 14:23 #6
Skummelt, jeg har prøvet både i IE og Mozilla

Stoney


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="JavaScript" type="text/JavaScript">

var focusField = null;
function addchr (chr){

  if(focusField)focusField.value += chr;

}



</script>

<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.keyb {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}
-->
</style>
</head>

<body>
<form name="form1" method="post" action="">
  <input type="text" name="textfield" onfocus="focusField=this;">

  <br>
  <input type="text" name="textfield2">
</form>
<table width="250" border="0" cellspacing="0" class="keyb">
  <tr>
    <td width="75"><a href="#" onClick=addchr('1')>1</a></td>
    <td width="75"><a href="#" onClick=addchr('2')>2</a></td>
    <td width="75">3</td>
    <td width="75">4</td>
    <td width="77">5</td>
    <td width="77">6</td>
    <td width="77">7</td>
    <td width="77">8</td>
    <td width="77">9</td>
    <td width="77">0</td>
    <td width="77">(</td>
    <td width="77">)</td>
  </tr>
  <tr>
    <td>Q</td>
    <td>W</td>
    <td>E</td>
    <td>R</td>
    <td>T</td>
    <td>Y</td>
    <td>U</td>
    <td>I</td>
    <td>O</td>
    <td>P</td>
    <td>&Aring;</td>
    <td>*</td>
  </tr>
  <tr>
    <td>A</td>
    <td>S</td>
    <td>D</td>
    <td>F</td>
    <td>G</td>
    <td>H</td>
    <td>J</td>
    <td>K</td>
    <td>L</td>
    <td>&AElig;</td>
    <td>&Oslash;</td>
    <td>+</td>
  </tr>
  <tr>
    <td>Z</td>
    <td>X</td>
    <td>C</td>
    <td>V</td>
    <td>B</td>
    <td>N</td>
    <td>M</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&lt;</td>
    <td>&gt;</td>
    <td>\</td>
    <td>/</td>
    <td>=</td>
    <td bgcolor="#CCCCCC" onClick="addchr(' ')" style="cursor:pointer;">&nbsp;&nbsp;&nbsp;</td>

    <td bgcolor="#CCCCCC" onClick="addchr(' ')" style="cursor:pointer;">&nbsp;&nbsp;&nbsp;</td>
    <td>;</td>
    <td>,</td>
    <td>:</td>
    <td>.</td>
    <td>-</td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>
Avatar billede roenving Novice
26. november 2004 - 14:27 #7
Kig lige ordentligt på min første kommentar !-)

-- du har glemt at sætte onfocus på felt 2 !o]
Avatar billede stoney Nybegynder
26. november 2004 - 14:32 #8
Aaaarhg, stupid me.

Hvis der var en virtuel-bar her på eksperten ville jeg give en kæmpe
KVAJE bajer.

Læg lige et svar.

Stoney
Avatar billede roenving Novice
26. november 2004 - 14:33 #9
Velbekomme '-)
Avatar billede roenving Novice
06. december 2004 - 02:02 #10
-- og tak for point ;~}
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