✔ Seitenübergreifende Wertübernahme ...

F

Fosco

Grünschnabel
Mahlzeit,

folgendes Szenario:
ich habe eine
uebergewicht.html
bmipop.html.

Im HTML Dokument übergewicht befindet sich eine Form

HTML: 
         <form name="bmi" action="">
         <td>Körpergewicht:</td> <td><input name="gewicht" type="text" /></td>
         <tr></tr>
         <td>Körpergröße:</td> <td><input name="groesse" type="text" /></td>
         <tr></tr>
         <td></td><td><input type="submit" onclick="rechne()"  value="BMI berechnen!" />
         </form>

und folgendes Javascript

HTML: 
<script type="text/javascript">
<!--
function rechne()
{
    var breite=200;
    var hoehe=120;
    var positionX=((screen.availWidth / 2) - breite / 2);
    var positionY=((screen.availHeight / 2) - hoehe / 2);
    var url="bmipop.html";

    var bmi = document.bmi.gewicht.value/((document.bmi.groesse.value)*(document.bmi.groesse.value)/10000);
    var runden = (Math.round(bmi * 1) / 1);

    fensl=window.open("", "textausgabe", "width=200,height=120,toolbar=0,status=0,menubar=0,");
    fensl.location=url;
    fensl.moveTo(positionX,positionY);
    fensl.document.write("Ihr BMI betraegt: " + runden);


}
//-->
</script>

Ich möchte kein neues popup erstellen, sondern das vorhandene bmipop.html nutzen, da ich dort meine Formatierungen usw. vornehmen kann.

Ist es möglich, das ich die Werte aus der Form rübernehmen kann in das html Dokument bmipop und es dort ausrechnen und ausgeben lassen kann?

Oder eine andere möglichkeit, den Wert in bmipop.html ausgeben zu lassen?!

Danke!
Gruß
Lars
 
Hi,

das bmipop.html nutzt Du, indem Du Pfad und Dateiname als ersten Parameter der Methode open übergibst.
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function openPopUp(){
  var breite=200;
  var hoehe=120;
  var positionX=((screen.availWidth / 2) - breite / 2);
  var positionY=((screen.availHeight / 2) - hoehe / 2);
  var url="bmipop.html";

  fensl=window.open(url, "textausgabe", "width=200,height=120,toolbar=0,status=0,menubar=0,");
  fensl.location=url;
  fensl.moveTo(positionX,positionY);
  fensl.document.write("Ihr BMI betraegt: " + runden);
}
//-->
</script>
</head>
<body>
<form name="bmi" action="#" onsubmit="return false;">
  <table>
    <tr><td>Körpergewicht:</td> <td><input name="gewicht" type="text" /></td></tr>
    <tr><td>Körpergröße:</td> <td><input name="groesse" type="text" /></td></tr>
    <tr><td></td><input type="submit" onclick="openPopUp();"  value="BMI berechnen!" /><td></tr>
  </table>
</form>
</body>
</html>
Der BMI kann dann vom PopUp aus über das Objekt opener berechnet werden.
bmipop.html:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
window.onload = function(){
  if(opener){
    var objForm = opener.document.bmi;
    var dblBMI = Number(objForm.gewicht.value)/(Number(objForm.groesse.value)*Number(objForm.groesse.value)/10000);
    var runden = (Math.round(dblBMI * 1) / 1);
    document.getElementById("outID").innerHTML = "Ihr BMI betraegt: " + runden;
  }
}
 //-->
</script>
</head>
<body>
<div id="outID"></div>
</body>
</html>
Vielleicht hilft Dir das weiter.

Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück