Avatar billede clalar Nybegynder
09. oktober 2005 - 20:04 Der er 8 kommentarer og
1 løsning

Det samme script flere gange

Hej

Jeg bruger et herligt script (Onscreen keyboard), som jeg på en side har brug for optræder flere gange, men det kan tilsyneladende ikke lade sig gøre. Scriptet ser således ud:



<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>lme3</title>
</head>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">

<p align="center"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:Barmeno Bold;font-size:small;}
#tastatur td{padding:10px;font-size:15pt;border:0px;width:1em;text-align:center;cursor:pointer;}
</style>
<script language="javascript" type="text/javascript">
var taster = new Array();
taster[0] = ['A','B','C','D','E','F','G','H','I','J'];
taster[1] = ['K','L','M','N','O','P','Q','R','S','T'];
taster[2] = ['U','V','W','X','Y','Z','Æ','Ø','Å',' '];
taster[3] = ['1','2','3','4','5','6','7','8','9','0'];
window.onload = function(){
  var t = document.getElementById('tastatur'),newTr,newTd,newTxt;
  var newTable = document.createElement('table');
  t.appendChild(newTable);
  var newTbody = document.createElement('tbody');
  newTable.appendChild(newTbody);
  for(i=0;taster.length>i;i++){
    newTr = document.createElement('tr');
    newTbody.appendChild(newTr);
    for(j=0;taster[i].length>j;j++){
      newTd = document.createElement('td');
      newTr.appendChild(newTd);
      newTxt = document.createTextNode(taster[i][j]);
      newTd.appendChild(newTxt);
      newTd.onclick = function(){addText(this);};
    }
  }
}
function addText(elm){
  var ta = document.getElementById('artist');
  ta.value += elm.firstChild.nodeValue;
}
</script>
<title>lme3</title>
</head>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<div id="tastatur">
  <p align="center"></div>
</body>

</html>

</body>

</html>
Avatar billede roenving Novice
09. oktober 2005 - 20:37 #1
Du har et helt ulovligt dokument, du må ikke indsætte et fuldt dokument i et andet !-)

-- og den er for en gangs skyld ikke så svær at lave flere af !o]

-- og dette er et fuldt dokument, som du gerne må sætte noget inde i, men du må _ikke_ paste det ind i et nyt dokument ...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:Barmeno Bold;font-size:small;}
.tastatur td{padding:10px;font-size:15pt;border:0px;width:1em;text-align:center;cursor:pointer;}
</style>
<script language="javascript" type="text/javascript">
var taster = new Array();
taster[0] = ['A','B','C','D','E','F','G','H','I','J'];
taster[1] = ['K','L','M','N','O','P','Q','R','S','T'];
taster[2] = ['U','V','W','X','Y','Z','Æ','Ø','Å',' '];
taster[3] = ['1','2','3','4','5','6','7','8','9','0'];
function createTastatur(parentDiv,targetField){
  var t = document.getElementById(parentDiv),newTr,newTd,newTxt;
  var newTable = document.createElement('table');
  t.appendChild(newTable);
  var newTbody = document.createElement('tbody');
  newTable.appendChild(newTbody);
  for(i=0;taster.length>i;i++){
    newTr = document.createElement('tr');
    newTbody.appendChild(newTr);
    for(j=0;taster[i].length>j;j++){
      newTd = document.createElement('td');
      newTr.appendChild(newTd);
      newTxt = document.createTextNode(taster[i][j]);
      newTd.appendChild(newTxt);
      newTd.onclick = function(){addText(this,targetField);};
    }
  }
}
function addText(elm,trg){
  var ta = document.getElementById(trg);
  ta.value += elm.firstChild.nodeValue;
}
window.onload = function(){
  createTastatur('tastatur1','artist');
  createTastatur('tastatur2','titel');
  createTastatur('tastatur3','laengde');
};
</script>
<title>lme3</title>
</head>

<body>
<div id="tastatur1" class="tastatur"></div>
Artist: <input id="artist">
<div id="tastatur2" class="tastatur"></div>
Titel: <input id="titel">
<div id="tastatur3" class="tastatur"></div>
Længde: <input id="laengde">
</body>

</html>
Avatar billede clalar Nybegynder
10. oktober 2005 - 22:14 #2
Da de 3 tastaturlayouts skal være forskellige, er det bedre, om jeg kan gentage scriptet 3 gange på samme side - Er det ikke muligt?  ;o)
Avatar billede roenving Novice
10. oktober 2005 - 23:47 #3
Hvordan skal du da bruge det ?-)
Avatar billede clalar Nybegynder
11. oktober 2005 - 10:14 #4
Jeg skal foretage en krydssøgning i en database på 3 forskellige værdier. Det jeg skal bruge de 3 virtuelle keyboards til er at udfylde hver af de 3 søgefelter. De 3 keyboards er med forskelligt layout. Dvs. nogen skal kun være med tal, mens andre skal være med udtryk (eks. "slow", "medium", "fast").

Det bedste for mig ville være at bruge det script, du oprindeligt har lavet til mig, som jeg siden har tilrettet (det jeg har indsat øverst på denne side). Er det ikke muligt at "navngive" (eller tilsvarende) de 3 scripts forskelligt, så jeg kan indsætte dem på den samme side?
Avatar billede roenving Novice
11. oktober 2005 - 15:29 #5
Jo, du skal bare ændre samtlige variabel-navne, så der ikke går nogen igen !-)
Avatar billede clalar Nybegynder
13. oktober 2005 - 23:08 #6
Kan jeg bede dig ændre variabel-navnene i nedenstående script... Jeg har forsøgt uden succes.  ;o)

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>lme3</title>
</head>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">

<p align="center"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:Barmeno Bold;font-size:small;}
#tastatur td{padding:10px;font-size:15pt;border:0px;width:1em;text-align:center;cursor:pointer;}
</style>
<script language="javascript" type="text/javascript">
var taster = new Array();
taster[0] = ['1950s','1960s','1970s','1980s','1990s','2000s'];
window.onload = function(){
  var t = document.getElementById('tastatur'),newTr,newTd,newTxt;
  var newTable = document.createElement('table');
  t.appendChild(newTable);
  var newTbody = document.createElement('tbody');
  newTable.appendChild(newTbody);
  for(i=0;taster.length>i;i++){
    newTr = document.createElement('tr');
    newTbody.appendChild(newTr);
    for(j=0;taster[i].length>j;j++){
      newTd = document.createElement('td');
      newTr.appendChild(newTd);
      newTxt = document.createTextNode(taster[i][j]);
      newTd.appendChild(newTxt);
      newTd.onclick = function(){addText(this);};
    }
  }
}
function addText(elm){
  var ta = document.getElementById('decade');
  ta.value += elm.firstChild.nodeValue;
}
</script>
<title>lme3</title>
</head>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<div id="tastatur">
  <p align="center"></div>
</body>

</html>

</body>

</html>
Avatar billede clalar Nybegynder
18. oktober 2005 - 20:57 #7
Hej roenving

Kan du ikke lave et tomt svar... for jeg vil gerne give dig point for din hjælp.

;o) clalar
Avatar billede roenving Novice
19. oktober 2005 - 14:09 #8
Oki '-)
Avatar billede roenving Novice
19. oktober 2005 - 21:05 #9
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