Noen som kan javascript her?

Fluke · 2007-02-09T12:40:16.000Z

Oppgave på skolen ... Jeg skal sette opp en side til et bakeri der man kan bestille varer på nett. Første oppgave var å lage siden sånn at den ser riktig ut (i html -uten at den virker liksom). Dette gikk greit. Men så er neste oppgave: I denne oppgaven skal du lage javascript-funksjoner for å…

Startet av Fluke 17 svar 6,6k visninger

Fluke

21k innlegg

Oppgave på skolen ...
Jeg skal sette opp en side til et bakeri der man kan bestille varer på nett.
Første oppgave var å lage siden sånn at den ser riktig ut (i html -uten at den virker liksom). Dette gikk greit.
Men så er neste oppgave:
I denne oppgaven skal du lage javascript-funksjoner for å kontrollere inndata og for å legge valgte varer i "handlekurv".
Plasser alle javascript-funksjoner i head-seksjonen på siden.

Jeg stusser litt over hva som menes med head-seksjonen.
Og nå står jeg altså fast.

Kan noen hjelpe meg?

9. feb. 2007, 13:40 #1
Fluke

21k innlegg

Dette har jeg gjort:
<html>
<head>

<script type="text/javascript" language="javascript">

document.write ("<font size=+4><center><b>Ordre</b></center></font size>");

document.write ("<font size=+1><center>til</center></font size>");

document.write ("<font size=+2><center>Bageriet</center></font size>");

</script>

<br>

<center><td width=250><img src="dag1.jpg" width=250><td></center>

</head>

<br>

<body>

<font size="+1">Bageriet har utsalg midt i <a href="www.nettvik.no/handelskleiva/"> Nettvik </a> sentrum.

Ordre som sendes via denne internettsiden kan levers hjem til kunden.
<br>
For å benytte dette systemet må kunden være registrert i Bageriets database. Vil du

registrere deg som kunde må du gå til <a

href="www.registreringsside>">registreringssiden.</a></font size>
<br>
<br>

<center>
<form>
<table>
<table border="2">
<tr><td>Kundenummer</td><td>Dato (dd.mm.åå)</td><td>Velg vare</td><td>Tast inn

antall</td></tr>
<tr><td><input type=text name=Kundenummer></td>
<td><input type=text name=Dato></td>
<td><select name=Valgboks>
<option value=1>Loff
<option value=2>Bondebrød
<option value=3>Grovbrød
<option value=4>Kneip
<option value=5>Rugbrød
<option value=6>Skillingsboller
<option value=7>Rundstykker fine
<option value=8>Rundstykker grove
<option value=9>Fastelavensboller

</select>
<td><input type=text name=Antall></td>
<td><input type="submit" value="Legg i kurv"></td>

</table border>
</table>
</center>
<br>
<br>
<center>
<font size="+1"><center>Handlekurv</center></font size>
<br>
<table><table border="2">
<tr><td>Varenummer</td><td>Varenavn</td><td>Antall</td></tr>

<tr><td><input type=text name=Varenummer></td>
<td><input type=text name=Varenavn></td>
<td><input type=text name=Antall></td></tr>

<tr><td><input type=text name=Varenummer></td>
<td><input type=text name=Varenavn></td>
<td><input type=text name=Antall></td></tr>

<tr><td><input type=text name=Varenummer></td>
<td><input type=text name=Varenavn></td>
<td><input type=text name=Antall></td></tr>

</table border>
</table>
</form>
</center>
<br>

<center> <form> <input type="submit" value="Send ordre nå"> <input type="submit" value="Blank ut skjema">Totalt kr. <td><input type=text></td></form> </center>

</script>
</html>

9. feb. 2007, 13:40 #2
Dragen

26k innlegg

<head>

<script type="text/javascript" language="javascript">

document.write ("<font size=+4><center><b>Ordre</b></center></font size>");

document.write ("<font size=+1><center>til</center></font size>");

document.write ("<font size=+2><center>Bageriet</center></font size>");

</script>

<br>

<center><td width=250><img src="dag1.jpg" width=250><td></center>

</head>

9. feb. 2007, 13:42 #3
Dragen

26k innlegg

Jeg kan ikke Javascript, men der har du iallefall head-sesksjonen.

9. feb. 2007, 13:44 #4
Fluke

21k innlegg

Dragen skrev:
Jeg kan ikke Javascript, men der har du iallefall head-sesksjonen.

Ja, det er jeg klar over. Det jeg ikke skjønner er hvordan jeg skal plassere alle javascript-funksjoner inn der. Om jeg gjør det vil jo hele siden bli i head-seksjonen, eller?

9. feb. 2007, 13:46 #5
HP

20k innlegg

HTML kodene er en smule foreldet seg jeg. Det skal heller ingen HTML i head seksjonen.

[html]
<html>
<head>Headseksjonen</head>
<body>Her skal all html, det som vises på siden</body>
</html>
[/html]

9. feb. 2007, 13:48 #6
Dragen

26k innlegg

Fluke skrev:
Ja, det er jeg klar over. Det jeg ikke skjønner er hvordan jeg skal plassere alle javascript-funksjoner inn der. Om jeg gjør det vil jo hele siden bli i head-seksjonen, eller?

Det kan se ut som det er det som er meningen. Funksjoner i Head, utseende i body.

9. feb. 2007, 13:48 #7
Fluke

21k innlegg

HP skrev:
HTML kodene er en smule foreldet seg jeg. Det skal heller ingen HTML i head seksjonen.

[html]
<html>
<head>Headseksjonen</head>
<body>Her skal all html, det som vises på siden</body>
</html>
[/html]

Hm.. Jeg har brukt de kodene jeg har fått oppgitt.
Men; om alle javascript-funksjoner skal i headseksjonen, så blir det ingen body på denne siden da? Siden alt som skrives på den skal være i javascript.

9. feb. 2007, 13:52 #8
HP

20k innlegg

Fluke skrev:
Hm.. Jeg har brukt de kodene jeg har fått oppgitt.
Men; om alle javascript-funksjoner skal i headseksjonen, så blir det ingen body på denne siden da? Siden alt som skrives på den skal være i javascript.

Utifra slik jeg leser oppgaven din så ska du lage funksjonene for å validere innholdet i skjemafelt, samt en funksjon for å legge varene i handlekurven etter validering.

Funksjonene skal du legge i head-seksjonen på det grusomme dokumentet (som ser ut som at det er laget i en veldig gammel versjon av MS Frontpage ) du har fått oppgitt.

9. feb. 2007, 13:58 #9
Fluke

21k innlegg

HP skrev:
Utifra slik jeg leser oppgaven din så ska du lage funksjonene for å validere innholdet i skjemafelt, samt en funksjon for å legge varene i handlekurven etter validering.

Eh .. Hvordan gjør jeg det da?

HP skrev:
Funksjonene skal du legge i head-seksjonen på det grusomme dokumentet (som ser ut som at det er laget i en veldig gammel versjon av MS Frontpage ) du har fått oppgitt.

Jeg lager forresten siden i notepad, med koder som er oppgitt, men blekka med koder vi har fått utdelt er så rotete at det er vanskelig å skjønne noenting.

Hva gjør forresten en headseksjon? Hvorfor bruker man head og body? Dette burde vi forresten sikkert lært først.

9. feb. 2007, 14:03 #10
Fluke

21k innlegg

Dragen skrev:
Det kan se ut som det er det som er meningen. Funksjoner i Head, utseende i body.

Takk. 🙂 Men jeg må være av det tregeste, for jeg skjønner ikke hva det betyr.

9. feb. 2007, 14:05 #11
HP

20k innlegg

Fluke skrev:
Eh .. Hvordan gjør jeg det da?

Vel, du må navigere DOM treet og finne skjemafeltet, også lage en funksjon som validerer brukerens valg når han klikker knappen for å legge i kurven.

<form> taggen må ha en action som inneholder en javascriptfunksjon for valdidering og å legge i kurv. Hvordan du skriver funksjonen står sikkert i pensumlitteraturen din?

9. feb. 2007, 14:13 #12
Skilpadda

59k innlegg

Fluke skrev:
Ja, det er jeg klar over. Det jeg ikke skjønner er hvordan jeg skal plassere alle javascript-funksjoner inn der. Om jeg gjør det vil jo hele siden bli i head-seksjonen, eller?

Jeg tror poenget er at du skal lage (beskrive) funksjonene i head-seksjonen, og bruke dem (kalle dem) i body-seksjonen. (Var det det du spurte om?)

9. feb. 2007, 14:18 #13
Røverdatter

31k innlegg

Skilpadda skrev:
Jeg tror poenget er at du skal lage (beskrive) funksjonene i head-seksjonen, og bruke dem (kalle dem) i body-seksjonen. (Var det det du spurte om?)

Dette skulle jeg svare. Jeg tror også det må være det som menes, selv om jeg ikke kan Java noe særlig godt.

9. feb. 2007, 14:23 #14
Fluke

21k innlegg

Skilpadda skrev:
Jeg tror poenget er at du skal lage (beskrive) funksjonene i head-seksjonen, og bruke dem (kalle dem) i body-seksjonen. (Var det det du spurte om?)

Ja, det må kanskje være sånn.

9. feb. 2007, 14:26 #15
Dragen

26k innlegg

http://www.media.uio.no/personer/andersf/xhtml/dokumentstruktur.shtml

http://www.ntnu.no/itea.info/nettinfo/html.3.2-info.html

9. feb. 2007, 16:34 #16
Fluke

21k innlegg

Jeg skjønner det!
Lang lunte i dag kjenner jeg, men endelig fatter jeg poenget (iallfall i teorien). Så da var det bare å sette seg ned og få det til da ...

9. feb. 2007, 16:37 #17
HP

20k innlegg

Dragen skrev:
http://www.ntnu.no/itea.info/nettinfo/html.3.2-info.html

Denne er uttdatert, HTML versjon 3.2, vi er nå på 4.01/XHTML. W3schools har mye bra info.

Flott at du skjønner noe Fluke! JavaScript er ikke så veldig vanskelig, bare litt rotete.

9. feb. 2007, 17:17 #18

Logg inn for å svare i denne tråden.