Godkänna villkor för att komma vidare

10 svar · 421 visningar · startad av G*O*R*F 9 feb. 2005

G*O*R*FMedlem sedan feb. 2004118 inlägg

Frågan9 feb. 2005 07:02#1

Hej !!!

Jag behöver lite hjälp med en grej.
Jag säljer produkter via en webshop på min hemsida. Jag vill att innan
man kan beställa något, så måste kunden godkänna vissa villkor.
Ni förstår säkert vad jag menar, för detta förekommer överallt.

Det ska se ut typ så här:

Det kommer en hel del text i rutan, så den ska vara rullningsbar neråt.
Man måste bocka i rutan för att knappen Gå vidare ska kunna användas.

Jag kan endast HTML och Javascript, så om detta går att lösa med detta, så är det tacksamt.
Någon som vet hur jag ska göra?

doggelitoMedlem sedan juni 20003 076 inlägg

9 feb. 2005 07:20#2

så här ungefär! :)

<html>
<head>
<script type="text/javascript">
function f_Accept(o)
{
	o.form.elements['btnSend'].disabled = (o.checked) ? false : true;
}

</script>
</head>

<body>
<div style="overflow:scroll;width:400px; height:200px; border:1px solid #000">
blablablablabla
</div>
<div>
	<form method="post" action="">
		<input name="Accept" type="checkbox" id="Accept" value="1" onClick="f_Accept(this);">
        <input disabled name="btnSend" type="submit" id="btnSend" value="Submit">
	</form>
</div>
</body>
</html>

G*O*R*FMedlem sedan feb. 2004118 inlägg

9 feb. 2005 07:50#3

Se där ja. Det var exakt så jag ville ha det.
Jag har dock två kompletterande frågor till:

1. Jag vill ha ett fast läge på bredden på textrutan. Den ska endast kunna rullas neråt.
Automatisk radbrytning ska alltså ske, om textraden är längre än själva textrutan.

2. Hur gör jag för att man ska komma till en ny sida när man bockar i rutan, och sen klickar på knappen?
Säg att jag ska skickas vidare till sidan test.html

nitro2k01Medlem sedan aug. 20039 342 inlägg

9 feb. 2005 07:55#4

<html>
<head>
<script type="text/javascript">
function f_Accept(o)
{
o.form.elements['btnSend'].disabled = (o.checked) ? false : true;
}

</script>
</head>

<body>
[i]Fråga 1:[/i]
<div style="[b]overflow:auto; overflow-x: hidden; [/b]width:400px; height:200px; border:1px solid #000">
blablablablabla<br /> lh io ubio b iob iobioub ioub ioub iou bio ubio ubioubio ubio ub ioub io 
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
blablablablabla<br />
</div>
<div>
[i]Fråga 2:[/i]
<form [b]method="get" action="test.html"[/b]>
<input name="Accept" type="checkbox" id="Accept" value="1" onClick="f_Accept(this);">
        <input disabled name="btnSend" type="submit" id="btnSend" value="Submit">
</form>
</div>
</body>
</html>

G*O*R*FMedlem sedan feb. 2004118 inlägg

9 feb. 2005 07:59#5

Tack så jättemycket för snabb och proffsig hjälp.
Det var exakt så här jag vill ha det. :-)

nitro2k01Medlem sedan aug. 20039 342 inlägg

9 feb. 2005 08:10#6

Personligen hade jag lagt villkoren i en iframe, för att jag tycker att ramen runt blir snyggare, men det är en smaksak.

G*O*R*FMedlem sedan feb. 2004118 inlägg

9 feb. 2005 08:16#7

Öööööö jaha? Det säger mig ingenting. :-)
Lägg upp koden till samma script, fast i iframe, så får jag se hur det ser ut.

zcorpanMedlem sedan dec. 20042 245 inlägg

9 feb. 2005 08:18#8

border: 2px inset;

nitro2k01Medlem sedan aug. 20039 342 inlägg

9 feb. 2005 08:22#9

Förklaring till gorf:
Vad jag menade var att man lägger hela avtalstexten i en separat fil som kallas t ex avtal.html och byter

<div style="overflow:auto; overflow-x: hidden; width:400px; height:200px; border:1px solid #000">
blablablablabla<br /> lh io ubio b iob iobioub ioub ioub iou bio ubio ubioubio ubio ub ioub io 
blablablablabla<br />
</div>

... mot ...

<iframe src="avtal.html" style="width:400px; height:200px;"></iframe>
</div>

Men zcorpans exempel funkar ju bra det också.

nitro2k01Medlem sedan aug. 20039 342 inlägg

9 feb. 2005 08:35#10

Ett annat tips: sätt en label till checkboxen:

[b]<label for="Accept">[/b]<input name="Accept" [b]id="Accept" [/b]type="checkbox" id="Accept" value="1" onClick="f_Accept(this);" />[b]</label>[/b]

Den gör att du kan klicka på texten också.

G*O*R*FMedlem sedan feb. 2004118 inlägg

9 feb. 2005 08:38#11

Jaha, du menar så.
Ja, det var mycket snyggare. Tack så mycket.