Archief - JS: Formulier om 'pizza samen te stellen'

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
K

Krayola

Legacy Member
Ik ben hier dus bezig met een oefening voor school.
Het gaat dus over een pagina waarop ge via checkboxes de ingrediënten van uw pizza kunt samenstellen. Er staan nog 2 buttons op: de 1ste zorgt ervoor dat er een nieuw venster geopend wordt waarin de lijst wordt gegeven van uw gekozen ingrediënten. De 2de button is een reset-button.
Da verloopt allemaal al goed tot nu toe. Maar in dat nieuw geopende vensterke staan ook 2 buttons: 1 button 'Bestel' waarmee ge een alert moet tonen die zegt dat uw pizza zal geleverd worden & een 2de button die dat vensterke sluit.
Nu het probleem ligt mij bij die knop 'Bestel'. Er gebeurt nix als ik daarop druk.
Hier is de link naar de pagina: link.
Firefox geeft aan dat er iets mis is bij de window.alert code.
Weet er iemand hier waar de fout zit? Kheb mij al suf gezocht vandaag... :s
o

omfg

Legacy Member
ik denk dat je probleem hier zit:
HTML: 
<input type="button"  value="Bestel" onClick="document.window.alert("Uw pizza wordt geleverd binnen een kwartier")" />
je gebruikt namelijk dezelfde quotes ( " ) om uw alert te laten verschijnen.
Probeer eens
HTML: 
<input type="button"  value="Bestel" onClick="document.window.alert('Uw pizza wordt geleverd binnen een kwartier');" />
dus met enkele quotes ( ' ) :)
(je ziet ook in het eerste dat er iets niet klopt.)
K

Krayola

Legacy Member
omfg zei:
ik denk dat je probleem hier zit:
HTML: 
<input type="button"  value="Bestel" onClick="document.window.alert("Uw pizza wordt geleverd binnen een kwartier")" />
je gebruikt namelijk dezelfde quotes ( " ) om uw alert te laten verschijnen.
Probeer eens
HTML: 
<input type="button"  value="Bestel" onClick="document.window.alert('Uw pizza wordt geleverd binnen een kwartier');" />
dus met enkele quotes ( ' ) :)
(je ziet ook in het eerste dat er iets niet klopt.)
Klik om te vergroten...


Mja, da hebbek al geprobeerd. Maar probleem is dan (met enkele quotes dus) dat er helemaal geen nieuw vensterke meer opent als ge op 'Bak mjin pizza' drukt.
o

omfg

Legacy Member
gebruik dan backslashes eh :p
HTML: 
<input type="button"  value="Bestel" onClick="document.window.alert(\'Uw pizza wordt geleverd binnen een kwartier\');" />
T

Tyfius

Legacy Member
Zit ge stiekem op EHB ? :)
Anyway, hier is de code waarmee ik dat vorig jaar gemaakt heb:
HTML: 
<html>
<head>
<title>Oefening - Pizza Bestellen</title>
<script language="JavaScript">
<!--

function bestel(){
  alert ('uw pizza is besteld en wordt binnen 15 minuten warm afgeleverd!');
  myWin.close();
  // hier komt eventueel de uiteindelijke `bestel'-procedure:
  // document.form1.submit()
}

function resultaat(form1){
  var windowFeatures = 'width=400,height=400,scrollbar=no,status=no,toolbar=no';
  var string1='<table border=1>';
  for (i=0; i<form1.pizza.length; i++) {
    if (form1.pizza[i].checked)
      string1+='<tr><td>' + form1.pizza[i].value + '</td><td width="60" align="right">' + eval('form1.bedrag[' + i + '].value') + '</td></tr>';
    else
      string1+='';
    }
  totaal=0
  for (i=0; i<form1.pizza.length; i++) {
    if (form1.pizza[i].checked){
      if (form1.pizza[i].checked){
        totaal +=parseFloat(form1.bedrag[i].value);
      }
      eindbedrag=(Math.round(totaal*100)/100);
    }
  }
  string2='<tr><td><b>Totaal:</b></td><td align="right"><b>' + eindbedrag + '</b></td></tr></table>';

  myWin=open('','', windowFeatures);
  myWin.document.open();
  myWin.document.write('<html><head><title>Pizzeria Staccatio</title></head><body>')>
  myWin.document.write('<div align="center"> <h3>U bestelde de volgende pizza :</h3>Basis plus:');
  myWin.document.write(string1);
  myWin.document.write(string2);
  myWin.document.write('<br><br><form><input type="button" value="bestel" onClick="opener.bestel()">');
  myWin.document.write('&nbsp<input type="button" value="herstel" onClick="self.close()"><hr width="75%">');
  myWin.document.write('</form></div></body></html>');
  myWin.document.close();
}

//-->
</script>
</head>
<body>
<h2>Stel uw eigen smulpizza samen!</h2>
<b>Basis plus de volgende extra ingredienten:<br></b>
<form name="form1">
<table>
<tr>
  <td><input type="checkbox" value="tomaat" name="pizza">Tomaat</td>
  <td>&euro; <input type="text" value="2.95" name="bedrag" onFocus="blur()" size=5></td>
</tr>
<tr>
  <td><input type="checkbox" value="parmezaanse kaas" name="pizza">Parmezaanse kaas</td>
  <td>&euro; <input type="text" value="2.00" name="bedrag" onFocus="blur()" size=5></td>
</tr>
<tr>
  <td><input type="checkbox" value="gorgonzola" name="pizza">Gorgonzola</td>
  <td>&euro; <input type="text" value="1.95" name="bedrag" onFocus="blur()" size=5></td>
</tr>
<tr>
  <td><input type="checkbox" value="olijven" name="pizza">Olijven</td>
  <td>&euro; <input type="text" value="2.50" name="bedrag" onFocus="blur()" size=5></td>
</tr>
<tr>
  <td><input type="checkbox" value="ansjovis" name="pizza">Ansjovis</td>
  <td>&euro; <input type="text" value="3.00" name="bedrag" onFocus="blur()" size=5></td>
</tr>
<tr>
  <td><input type="checkbox" value="aardbeien" name="pizza">Aardbeien</td>
  <td>&euro; <input type="text" value="2.00" name="bedrag" onFocus="blur()" size=5></td>
</tr>
<tr>
  <td><input type="checkbox" value="broccoli" name="pizza">Broccoli</td>
  <td>&euro; <input type="text" value="1.99" name="bedrag" onFocus="blur()" size=5></td>
</tr>
<tr>
  <td><input type="checkbox" value="asperges" name="pizza">Asperges</td>
  <td>&euro; <input type="text" value="4.00" name="bedrag" onFocus="blur()" size=5></td>
</tr>
<tr>
  <td><input type="checkbox" value="rode peper" name="pizza">Rode peper</td>
  <td>&euro; <input type="text" value="1.00" name="bedrag" onFocus="blur()" size=5></td>
</tr>
<tr>
  <td><input type="checkbox" value="groene peper" name="pizza">Groene peper</td>
  <td>&euro; <input type="text" value="1.50" name="bedrag" onFocus="blur()" size=5></td>
</tr>
</table>
<br><br>
<input type="button" value="Bak mijn pizza !" onClick="resultaat(this.form)">
<input type="reset" value="herstel">
</form>
</body>
</html>
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan