---
title: "Godkänna villkor för att komma vidare"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/122050-godkänna-villkor-för-att-komma-vidare"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "G*O*R*F"
published: "2005-02-09T07:02:03.000Z"
updated: "2005-02-09T08:38:05.000Z"
replies: 10
views: 431
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/122050-godkänna-villkor-för-att-komma-vidare"
---

# Godkänna villkor för att komma vidare

## #1 — G*O*R*F, 2005-02-09T07:02Z

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: ![](http://www.ramax.se/villkor.jpg)

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?

Permalänk: https://www.webforum.nu/p/122050

## #2 — doggelito, 2005-02-09T07:20Z

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>
```

Permalänk: https://www.webforum.nu/p/1549160

## #3 — G*O*R*F, 2005-02-09T07:50Z

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**

Permalänk: https://www.webforum.nu/p/1549166

## #4 — nitro2k01, 2005-02-09T07:55Z

```
<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>
```

Permalänk: https://www.webforum.nu/p/1549168

## #5 — G*O*R*F, 2005-02-09T07:59Z

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

Permalänk: https://www.webforum.nu/p/1549169

## #6 — nitro2k01, 2005-02-09T08:10Z

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

Permalänk: https://www.webforum.nu/p/1549173

## #7 — G*O*R*F, 2005-02-09T08:16Z

Öööööö 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.

Permalänk: https://www.webforum.nu/p/1549175

## #8 — zcorpan, 2005-02-09T08:18Z

```
border: 2px inset;
```

 :)

Permalänk: https://www.webforum.nu/p/1549176

## #9 — nitro2k01, 2005-02-09T08:22Z

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å.

Permalänk: https://www.webforum.nu/p/1549180

## #10 — nitro2k01, 2005-02-09T08:35Z

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å.

Permalänk: https://www.webforum.nu/p/1549186

## #11 — G*O*R*F, 2005-02-09T08:38Z

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

Permalänk: https://www.webforum.nu/p/1549190

---

Tråden på webben: https://www.webforum.nu/amne/html-css/122050-godkänna-villkor-för-att-komma-vidare
