Hallo,
ich bastel an einer kleinen Internetseite und bin schon länger raus.
Javascript habe ich früher schon immer gemieden aber nun komme ich nicht
drum herum.
Also ich habe eine kleine <form> in dieser habe ich ein input=text und 2
slider. Das ganze in einer Tabelle
1 | <table border="0" cellpadding="5" cellspacing="5">
|
2 |
|
3 | <tr>
|
4 | <td>Format</td>
|
5 | <td>Min</td>
|
6 | <td>Max</td>
|
7 | </tr>
|
8 |
|
9 | <tr>
|
10 | <td><input type="text" size="70" name="format[]"></td>
|
11 | <td width="150" align="center">
|
12 | <input type="range" min="1" max="100" value="50" class="slider" id="min1"><br>
|
13 | <span id="outputmin1"></span> %
|
14 | </td>
|
15 | <td width="150" align="center">
|
16 | <input type="range" min="1" max="48" value="6" class="slider" id="max1"><br>
|
17 | <span id="outputmax1"></span> h
|
18 | </td>
|
19 | </tr>
|
20 |
|
21 | <tr>
|
22 | <td><input type="text" size="70" name="format[]"></td>
|
23 | <td width="150" align="center">
|
24 | <input type="range" min="1" max="100" value="50" class="slider" id="min2"><br>
|
25 | <span id="outputmin2"></span> %
|
26 | </td>
|
27 | <td width="150" align="center">
|
28 | <input type="range" min="1" max="48" value="6" class="slider" id="max2"><br>
|
29 | <span id="outputmax2"></span> h
|
30 | </td>
|
31 | </tr>
|
32 |
|
33 | </table>
|
Am Ende der Seite habe ich noch folgenden Code
1 | <script>
|
2 |
|
3 | // Min 1
|
4 | var slidermin1 = document.getElementById("min1");
|
5 | var outputmin1 = document.getElementById("outputmin1");
|
6 | outputfee1.innerHTML = sliderfee1.value;
|
7 |
|
8 | slidermin1.oninput = function() {
|
9 | outputmin1.innerHTML = min1.value;
|
10 | }
|
11 |
|
12 | // Min 2
|
13 | var slidermin2 = document.getElementById("min2");
|
14 | var outputmin2 = document.getElementById("outputmin2");
|
15 | outputmin2.innerHTML = slidermin2.value;
|
16 |
|
17 | slidermin2.oninput = function() {
|
18 | outputmin2.innerHTML = min2.value;
|
19 | }
|
20 |
|
21 | // Max 1
|
22 | var slidermax1 = document.getElementById("max1");
|
23 | var outputmax1 = document.getElementById("outputmax1");
|
24 | outputmax1.innerHTML = slidermax1.value;
|
25 |
|
26 | slidermax1.oninput = function() {
|
27 | outputmax1.innerHTML = max1.value;
|
28 | }
|
29 |
|
30 | // Max 2
|
31 | var slidermax2 = document.getElementById("max2");
|
32 | var outputmax2 = document.getElementById("outputmax2");
|
33 | outputmax2.innerHTML = slidermax2.value;
|
34 |
|
35 | slidermax2.oninput = function() {
|
36 | outputmax2.innerHTML = max2.value;
|
37 | }
|
38 |
|
39 | </script>
|
Ich hätte das allerdings ein wenig anders weiss da aber absolut nicht
weiter. Also ich hätte das gerne so, das wenn man das Input Feld
ausgefüllt hat darunter eine weitere Zeite der Tabelle mit de Feldern
und den Slidern kommt. Also zuerst ist nur eine Reihe da und wenn man
die ausgefüllt hat kommt die zweite, danach die dritte usw.
Dann hätte ich bei den slidern gerne Kommazahlen, wenn möglich mit 4
oder 5 nach Kommastellen.
Wenn ich die Form mittels _post übergebe, in welcher Variable / welchem
Array stehen dann die slider valuen?
Ich danke vielmals.
Thread beobachten
Seitenaufteilung abschalten