Nogle gange har man brug for at sende en variabel af sted fra én hjemmeside til en anden. Der er flere forskellige måder at gøre det på. I disse øvelser skal du bruge en Formular til at videresende brugerens indtastninger med.
Du skal desuden oprette en mappe til disse øvelser og du skal oprette 2 forskellige sider:
én til at afsende formularen
én til at modtage og vise data fra formularen
En simpel formular
Denne formular kommer til at bestå af et tekstfelt til indskrivning og en knap til afsending af formularen.
Opret en ny side og opret en ny mappe
Start WebWriter og opret en ny side med Standard-skabelonen
Klik på knappen Vis/skjul resursefaner (du kan se en oversigt over knapperne og deres funktion her: WebDesign - Kapitel 2
Sørg for at fanebladet Filer er aktiveret
Aktiver derefter dit eget drev (X:-drevet).
Klik på knappen Opret ny mappe
Skriv navnet form1
Klik OK
Aktiver mappen form1
Gem den første side som index.htm i mappen form1 (den skal bare gemmes som en almindelig htm-side).
Skriv: <h2>Indtast dit navn og klik send</h2> som overskrift på siden.
Indsæt formular og formularfelter
En formular på hjemmesiden består af en start- og slut-kode, der "holder sammen på" formularen. Imellem disse to koder kan man så indsætte så mange formular-felter man har brug for.
Flyt markøren ned på en tom linie
Klik på knappen Formular og udfyld således:
Navnet vis.php i feltet Aktion angiver hvilken side data skal sendes videre til.
Metoden GET angiver hvordan disse data skal sendes videre. Nemlig som en del af adresselinien.
Klik på Indsæt (luk ikke vinduet)
Klik derefter på knappen Tekstfelt og udfyld således:
Klik på Indsæt
Klik tilsidst på knappen Send-knap og udfyld således:
Klik på Indsæt
Klik på Luk
Du skulle nu have disse koder indsat på hjemmesiden:
Klik på knappen Intern browser, for at se resultatet.
Opsummering:
Du har indsat en formular, der sender data videre til en side (som du ikke har oprettet endnu), der hedder vis.php.
Formularen består af 2 felter:
Et Tekstfelt, der har navnet navn. Tekstfeltets navn bliver til en variabel, der indeholdet det brugeren skriver i feltet. Dette bliver sendt videre til siden vis.php
En Submit-knap (en Send-knap), der sender formularen afsted.
Herunder kan du se, hvad der sker, når man klikker på Send-knappen:
Browseren har bedt om af få siden vis.php med en ekstra tilføjelse efter filnavnet: ?navn=Lars. Dette er måden PHP sender en variabel videre til en anden side. Nu har vi nemlig en variabel, der hedder navn og som indeholder værdien Lars. Nu skal vi bare have vist det på siden vis.php.
Opret næste side
Du skal nu have oprette en side, der kan behandle de data du sender afsted fra siden index.htm. Den nye side skal hedde: vis.php.
Opret en ny side med Standard-skabelonen
Skriv øverst:
<h3>Vis.php</h3>
<p>Velkommen
Gem den i mappen form1 under navnet vis.php med det samme.
Du skal nu have "hentet" variablen fra adresselinien:
Formularen på siden index.htm sendte data videre med metoden GET.
Alle variabler, der bliver sendt ved hjælp af metoden GET kan man få fat på gennem variablen $_GET. Læg mærke til at variablen navn (fra formularen) skrives inde i to firkantede parenteser omgivet af apostroffer: ['navn']. Dette er standard-måden at hente variabler med $_GET-variablen.
I vis.php oprettede jeg en ny variabel med navnet $visnavn (for ikke at forveksle den med $navn fra formularen).
I linien $visnavn = $_GET['navn']; bliver variablen $visnavn tildelt den værdi vi har fået sendt videre fra formularen og som er gemt i variablen navn.
Opret ny mappe på serveren
Du skal nu have oprettet en ny mappe på serveren, så du kan lægge dine sider over i en mappe med samme navn, som den du oprettede i starten af denne øvelse.
