Administreres af:

Af: novicen.dk

Den sidste side, som du skal have tilrettet er siden med kontaktformularen. Som det første kan du tilrette titel, henvisning på knappen og knappen i menuen og baggrundsbilledet. Når disse ting er færdiggjort kan du starte på opsætning af selve formularen.

Håndtering af formulardata kan være lidt kompleks at forstå og du kan med fordel læse vejledningen om opsætning af formularer angivet andet sted i denne sektion før du starter på opsætningen af denne side. Du bør også udskrive forklaringen til det formularscript, der skal håndtere dine formulardata. Til denne gennemgang anvendes novicen's egen formularscript, som du kan finde beskrevet i helpdesk-sektionen.

I kontakt.htm indsætter du, som det første, den overskrift der skal vises i stedet for den tekst du angav i starten til at vise, at der var indhold på siden. Der skal som overskrift stå "Kontakt" og denne skal, som for de øvrige sider, formateres med en H3 TAG.

Placer markøren et par linier under den indsatte overskrift og vælg dialogboksen for indsætning af formular via ikonmenuen.

Med formular-dialogboksens første ikon er det muligt at indsætte formularens start- og slut-TAG. Som aktion indskriver du adressen, som er angivet i beskrivelsen over formularscriptet - http://www.novicen.dk/helpdesk/jmail.asp - og sætter metoden til "post". Den angivne aktion er en absolut adresse og det betyder i dette tilfælde, at formularen anvender en service, som ligger uden for dit web-sted.

I jmail.asp-filen konverteres de fremsendte formulardata fra det format som hjemmesiden arbejder med og til et format, som kan fortolkes af E-mail programmer. Du kan altså på denne måde få informationer tilsendt via E-mail, som de besøgende indtaster på hjemmesiden. Det er dermed ikke krævet, at den besøgende har et E-mail program.

Du har ikke brug for at udfylde de øvrige felter og kan straks herefter klikke på Indsæt. Som du kan se, bliver det i FORM TAG'en angivet hvortil data skal sendes og hvilken forsendelsesform, der anvendes. Alternativet til POST er GET men denne metode kan ikke overføre så store datamængder, så du bør altid anvende POST medmindre det direkte er krævet, at det skal være anderledes.

Skab luft mellem formularens start- og slut-TAG ved at indsætte nogle ekstra tomme linier umiddelbart før </FORM>.

Den tekst, som skal angives ved felterne skal være venstrestillet i forhold til felterne men hele formularen samt tekster skal være centreret i den indholdscelle i den omkringliggende tabel, som du arbejder i. Til formålet skal indsættes en tabel, som skal styre felterne i formularen.

For at se effekten kan du starte med at indsætte teksten til det indledende felt samt selve feltet. Angiv overskriften overfor brugeren ved at du i et nyt afsnit - P TAG - skriver "Din E-mail:" og på en ny linie herefter indsætter et formularfelt som tekstfelt.

I henhold til beskrivelsen over formularscriptet skal afsenderens mailadresse navngives afsenderMail. Du skal være opmærksom på, at der skal anvendes stort M i Mail. Størrelsen af feltet angiver du til 24 tegn og derefter klikker du på Indsæt.

Mellem det indsatte tekstfelt og </FORM> indsætter du et nyt afsnit og med formular-dialogen indsætter du en Send-knap - S - og en nulstil-knap - R. Det er muligt at arbejde direkte i kodevinduet samtidig med at du har formulardialogen åben. Det gør det lettere at tilpasse koden. Adskil de to knapper med et tvunget mellemrum.

For at se effekten af en midterstilling af tekst og formularfelter markerer du indholdet mellem formularens TAG's og vælger centrer-ikonet.

Test siden i browserne. Teksten er justeret centreret ovenfor input-feltet i formularen. Placeringen af input-feltet er Ok men teksten skal føres ud til tekstfeltets venstre kant.

For at opnå lige venstremargin markerer du koden, som står mellem de netop indsatte centrerings TAG's og indsætter en tabel med en række og en kolonne. Der skal ikke være nogen breddeangivelse, da tabellen derved vil smyge sig omkring det indhold, som er i den. Du kan forsøgsvis sætte kantstørrelsen til 1 eller 2 pixel for at se, hvor tabellen faktisk er placeret men du skal fjerne kanten i det endeligt layout - sætte kanten til nul. Det markerede område vil automatisk blive placeret i tabellens første celle.

Når du har indsat den ekstra tabel vil du se at tekst og felter nu har fået lige venstremargin men du vil også se, at i Netscape 4 browseren gentages indsætning af baggrundsbilledet i den nye tabel. Du kan omgå denne tilstand ved at gennemtvinge et andet baggrundsbillede i den nye tabel men det er nødvendigt her at anvende den metode, som tidligere har været anvendt til indsætning af baggrundsbilleder ved brug af den regulære HTML-kode. Du skal derfor manuelt indsætte en ekstra attribut i TABEL TAG'en for den nye tabel. Indsæt background="grafik/transp5x5.gif".

I praksis behøver der ikke være indhold i attributens værdi - background="" - men det bliver mere logisk, når der er. Det indsatte billede er et gennemskinneligt .gif billede og du kan derfor kigge lige igennem.

Med de indsatte felter vil det allerede nu være muligt at teste, om du har indsat driftbetingelserne for formularen korrekt. Du behøver ikke at udfylde tekstfeltet men kan trykke direkte på send-knappen når du tester web-siden i dine browsere. Hvis du har indsat den nødvendige action korrekt, vil du blive ført over til novicen's responsside, hvoraf det vil fremgå, at der ikke er sendt nogen mail. Kommer du ikke frem til novicen, skal du have fundet fejlen og have den rettet. Vær opmærksom på, at du skal være koblet til Internet, når du tester formularen.

Når din formular fungerer, skal du have indsat en teksboks, hvor den besøgende kan indskrive sin besked til dig og du skal have centreret send- og fortryd-knapperne. Som overskrift til tekstboksen skriver du "Din besked:". Tekstboksen opretter du i et nyt tekstafsnit ved at bruge formulardialogen og du sætter højden til 6 tegn, bredden til 24 tegn - som for tekstfeltet - og du sætter markering, så du får tekstombrydning. Tekstombrydning giver automatisk linieskift for linier der ellers når ud over tekstboksens højre kant. Du skal navngive tekstboksen i henhold til beskrivelsen over mailscriptet fra novicen til "tekstIndhold".

Den samlede kode for de synlige felter indeholder herefter tre tekstafsnit, hvoraf indholdet i det sidste er centreret.

Som det fremgår af beskrivelsen til mailscriptet, kan og skal der indsættes en eller flere styrekoder. Styrekoderne gør det muligt at få den fremsendte mail til at fremstå med pænt indhold og den vil kunne præsentere sig med titellinie. Du kan med fordel indsætte styrekoderne til formularscriptet umiddelbart efter FORM TAG'en. Gør derfor plads til dine styrekoder ved at indsætte en halv snes tomme linier mellem din FORM TAG og den understående CENTER TAG.

Sæt markøren på linien lige nedenfor linien med FORM TAG'en og vælg igen formulardialogen. Alle styrekoder skal indsættes som skjulte felter og det første du skal indsætte er feltet, som indeholder oplysning om, hvem der skal modtage de data, som den besøgende indtaster. Dette felt skal - jvf. beskrivelsen over jmail.asp - hedde modtagerMail. Husk stort M i Mail.

Som værdi angiver du adressen på din egen E-mail, så du selv kan teste, om der fremsendes mail.

Tryk på Indsæt og kontroller om du nu får fremsendt en mail ved at teste formularen af igen. Du vil stadig blive ført til novicen men denne gang skulle du gerne få information om, at der faktisk er sendt en mail. Forsøg dig også med at indskrive tekst i tekstboksen og konstater at denne tekst vises men at den fremsendte mail ikke har nogen titel. Se også at den indtastede mailadresse i tekstfeltet ikke bliver vist i den fremsendte mail men at den fremstår som afsenderadresse.

For at få vist en titellinie skal du indsætte den styrekode, som hedder titelIndhold og hvor du efter eget valg kan angive en titel på den fremsendte mail. Hvis du vil have vist afsenderens E-mail direkte som en del af den fremsendte mail, skal du have indsat flere styrekoder.

Du kan sortere i de fremsendte data med den styrekode, som hedder sorterData. Anvender du denne, vil du kunne få alle de felter vist, som du måtte have ønske om - hermed også afsenderens E-mail. Du kan blokkere for de felter du ikke ønsker vist ved at anvende styrekoden blokkerData.

Hvis ikke du ønsker at din besøgende skal stilles om til novicen's responssider skal du koncentrere dig om de styrekoder, som hedder redirOk, redirFejl og evt. redirCheck sammen med checkData. Med disse er det muligt helt at undgå, at de besøgende får vist andet end sider fra dit eget web-sted og det er muligt at sikre dig, at brugeren udfylder de felter, som du har brug for skal udfyldes. Du skal have udarbejdet og lagt dine egne responssider på en adresse - en absolut URL - på Internet, før du kan anvende disse men når de først er oprettet og lagt på plads, vil du med fordel kunne bruge disse.

Eksperimenter selv med denne model for at få dit web-sted til at fremstå harmonisk. Du kan evt. vente med denne del, til du har fået lagt web-stedet på Internet og testet af, at det virker der. Det vil gøre det nemmere for dig, hvis det er første gang du arbejder med formularer.