PDA

Click to See Complete Forum and Search --> : Can anybody help me with the form?

petrbok
10-09-2003, 04:27 AM
Please see

http://www.volweb.cz/susnem/index1a.htm

or the attached file.

Thanx
Charles
10-09-2003, 06:04 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<title>Example</title>

<style type="text/css">
<!--
label {display:block; margin:1em 0em}
input, select {display:block}
input {background-color:#ccc}
-->
</style>

<script type="text/javascript">
<!--
function sum (f) {
f.suma.value = 0;
for (var i=0; i<f.elements.length; i++) {if (f.elements[i].type == 'select-one') {f.suma.value = Number (f.suma.value) + Number (f.elements[i].selectedIndex)}
}}

function validate (f) {
if (f.suma.value > 10) {alert('Warning message.'); return false}
}
// -->
</script>

<form action="" onsubmit="return validate(this)">
<div>
<label>Item 1<select onchange="sum(this.form)">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select></label>

<label>Item 2<select onchange="sum(this.form)">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select></label>

<label>Item 3<select onchange="sum(this.form)">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select></label>

<label>Item 4<select onchange="sum(this.form)">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select></label>

<label>Item 5<select onchange="sum(this.form)">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select></label>

<label>Item 6<select onchange="sum(this.form)">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select></label>

<label>Item 7<select onchange="sum(this.form)">
<option>0
<option>1
<option>2
<option>3
<option>4
<option>5
<option>6
<option>7
<option>8
<option>9
<option>10
</select></label>

<label>Item 8<select onchange="sum(this.form)">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
<script type="text/javascript">
<!--
document.write('<label>Sum<input type="text" name="suma" size="5" readonly></label>')
// -->
</script>
<button type="submit">Odeslat</button>
</div>
</form>
petrbok
10-09-2003, 06:16 AM
Works great

Thanx