Oli: HTML mit JavaScript für WAP-Seite

Beitrag lesen

SELF-Forum

HTML mit JavaScript für WAP-Seite

Oli
– Informationen zu den Bewertungsregeln

Hallo,

zum Anfang direkt die Warnung, ich habe fast keine Ahnung von HTML/JavaScript, daher bitte nicht direkt hauen.

Meine Freundin hat sich einen Punkte Kalkulator für Weight-Watcher-Points fürs Handy gewünscht.
Mit Google und ausprobieren, habe ich jetzt auch eine einfache Html-Seite gemacht die das kann.

Der Code:

<head>  
<title>Punkte Rechner</title>  
  
<style type="text/css">  
p { text-align: center; font-family: sans-serif; font-size: large;}  
a.h { font-weight: bold; text-decoration: none; font-family: sans-serif;}  
</style>  
</head>  
  
<body>  
<script language="JavaScript">  
function rechne()  
{  
x = eval((form1.Kcal.value/60)+(form1.Fett.value/9))  
form1.Punkte.value = Math.round(x * 10) / 10;  
}  
</script>  
  
<form name="form1">  
  <p>Kcal :  
  <input type="text" name="Kcal">  
  </p>  
  <p>Fett :  
  <input type="text" name="Fett">  
  </p>  
  <p>  
    <input type="button" name="button" value="Berechnen" onclick="rechne()">  
  </p>  
  <p>Punkte :  
  <input type="text" name="Punkte">  
  </p>  
</form>  
</body>  
  
</html>

Nun würde ich das gerne in eine WAP-Seite umwandeln (O.Ton: "Das passt ja gar nicht auf den Bildschrim") und damit bin ich dann doch überfordert.

Ich hab einfachmal ganz naiv folgendes an Anfang es Codes kopiert:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">

(Aus einer anderen WAP Seite geklaut)

Jetzt stimmen zwar die Proportionen nur das JavaScript geht nicht mehr. Hat jemand ne Idee was ich noch ändern muss damit die Rechnung wieder funzt?

Aso, sie benutzt Opera Mobile 9.5 falls das wichtig ist.

Gruß & Danke im voraus

Oli

Beitrag melden
–
Informationen zu den Bewertungsregeln