Avatar billede discotk Nybegynder
13. maj 2010 - 14:15 Der er 8 kommentarer og
1 løsning

Step by step form - samsætning af din egen alarm pakke.

Hej Eksperter,

Jeg har en forspørgelse til jer,

Jeg ønsker at lave mere eller mindre præcis hvad denne side kan

http://g4s.dk/dit_hjem/din_g4s_alarmpakke.htm

Dog bare i php muligvis og javascript.

Er der nogen af jer som kan guider mig til hvordan jeg laver det, hvis der er nogen af jer der allerede har en løsning i hovedet ville det være kanon hvis i gad at dele.

Mit problem ligger i jeg ved ikke præcis hvad jeg skal søge efter. Så derfor har jeg lidt svært ved at finde det selv.
Avatar billede claes57 Ekspert
13. maj 2010 - 14:24 #1
du laver en formular med det hele på. De enkelte valg ligger i <div>'er som er skjulte indtil de vises. Et valg åbner for den næste relevante div.
På den måde ender bruger med at have en side med alle sine valg på (let til udskrift), og du kan relativt enkelt styre forløbet.
Når bruger ser starten, så kører resten frem til 'send/accepter' kun med javascript - du kan fx lave et felt i stil med en indkøbskurv, så bruger løbende kan se den samlede pris.
Avatar billede discotk Nybegynder
13. maj 2010 - 14:26 #2
Mange tak, for det hurtige respons.

Nu har jeg ikke leget så meget med div i alt min tid, Jeg er mere database personen.

Er det noget som du kan lave en showcase så jeg kan se hvordan jeg skal kode det?
Avatar billede jakobdo Ekspert
13. maj 2010 - 14:34 #3
Avatar billede discotk Nybegynder
13. maj 2010 - 14:36 #4
Ja men mangler selve den del at man accepter et antal i div 1 og så skal den huske det hele vejen igennem til div 6 eller lign.
Avatar billede jakobdo Ekspert
13. maj 2010 - 14:41 #5
Det er netop det claes skriver du skal lave...
Prøv at byg din formular op, så du har del 1 i
<div id="del1">...</div>

del 2 i:
<div id="del2">...</div>

osv...
Avatar billede claes57 Ekspert
13. maj 2010 - 15:06 #6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=ISO-8859-1">
<SCRIPT LANGUAGE="JavaScript">
function valg1(form) {
  for (var i = 0; i < form.system.length; i++) {
    var div1 = document.getElementById(form.system[i].value);
    if (form.system[i].checked) {
      div1.style.display = 'block'
    } else {
      div1.style.display = 'none'
    }
  }
}
function valg2(form) {
  for (var i = 0; i < form.valg4_2.length; i++) {
    var div1 = document.getElementById(form.valg4_2[i].value);
    if (form.valg4_2[i].checked) {
      div1.style.display = 'block'
    } else {
      div1.style.display = 'none'
    }
  }
}

</SCRIPT>
</head>
<body>
<!-- Start of FORM -->
<form method="POST" action="bestil.php">
Vælg system:<br />
<input name="system" type="radio" value="sys4" onClick="valg1(this.form);">System 4<br />
<input name="system" type="radio" value="sys5" onClick="valg1(this.form);">System 5<br />
<br />
<div id="sys4" style="display:none;">system 4 valgt<br />
Vælg kategori:<br />
<input name="valg4_2" type="radio" value="kat1" onClick="valg2(this.form);">kategori 1<br />
<input name="valg4_2" type="radio" value="kat2" onClick="valg2(this.form);">kategori 2<br />
<div id="kat1" style="display:none;">kategori 1 valgt<br />
</div>

<div id="kat2" style="display:none;">kategori 2 valgt<br />
</div>

</div>


<div id="sys5" style="display:none;">system 5 valgt<br />
laves som sys4
</div>



</form>
<!-- End of FORM -->
</body>
</html>
Avatar billede discotk Nybegynder
13. maj 2010 - 15:32 #7
Du er for vild claes57

Mange tak, tror jeg nogenlunde har styr på det nu.

Hvad med sådan en sidelæns scroll med antal, nogen der kan det?

claes57 Submit svar.
Avatar billede claes57 Ekspert
13. maj 2010 - 15:53 #8
ok - god arbejdslyst...

antal - jeg ville vælge en drop-ned boks.
se fx http://it-works.dk/bmi.html
det er meget let at styre.
Avatar billede claes57 Ekspert
13. maj 2010 - 15:54 #9
jeg skal til stadighed huske at klikke på 'svar' før 'opret'
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester