Oli: HTML mit JavaScript für WAP-Seite

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

  1. <!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">

      
    
    > 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.  
      
    Du verwendest einen XHTML Doctype und hast entsprechend XHTML zu schreiben.  
    Am Besten bindest du dein Script über ein Link Element ein.  
      
    mfg Beat
    
    -- 
    Woran ich arbeite:  
    [X-Torah](http://www.elcappuccino.ch/cgi/tok.pl?extern=1-pub-com3306-1)  
    
    ><o(((°>           ><o(((°>  
    
       <°)))o><                     ><o(((°>o  
    Der Valigator leibt diese Fische
    
  2. Hi,

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

    Mir ist allerdings nicht klar, warum auf einem Browser der beides beherrscht, eine WML-Seite (die "originale" Seitenbeschreibungssprache des WAP) kleiner sein soll, als die entsprechende HTML-Seite (die "originale" Seitenbeschreibungssprache des HTTP)?

    Ergo: Entweder Du paßt dein HTML (bzw. CSS) so an, daß es paßt, oder Du steigst *deutlich* tiefer in WML ein, und lernst, was "Decks" sind (sprich: Du teilst das Formular auf).

    Gruß, Cybaer

    --
    Man muß viel gelernt haben, um über das, was man nicht weiß, fragen zu können.
    (Jean-Jacques Rousseau, Philosoph u. Schriftsteller)