uproszczenie kodu + max 3 liczby + oddzielone od siebie Opcje

[morino]

[HTML] pobierz, plaintext 
 
<script type="text/javascript">
function insert1()
{
	document.getElementById('view').innerHTML += document.getElementById('1').value;
}
function insert2()
{
	document.getElementById('view').innerHTML += document.getElementById('2').value;
}
function insert3()
{
	document.getElementById('view').innerHTML += document.getElementById('3').value;
}
function insert4()
{
	document.getElementById('view').innerHTML += document.getElementById('4').value;
}
function insert5()
{
	document.getElementById('view').innerHTML += document.getElementById('5').value;
}
function insert6()
{
	document.getElementById('view').innerHTML += document.getElementById('6').value;
}
function insert7()
{
	document.getElementById('view').innerHTML += document.getElementById('7').value;
}
function insert8()
{
	document.getElementById('view').innerHTML += document.getElementById('8').value;
}
function insert9()
{
	document.getElementById('view').innerHTML += document.getElementById('9').value;
}
function insert10()
{
	document.getElementById('view').innerHTML += document.getElementById('10').value;
}
</script>
 
<table bgcolor='white' border='0' witdh='500' align='center' valign='middle'>
<tr align='center' valign='middle'>
<td>
<input type="button" onclick="insert1();" name="01" value="01" id="1">
</ td>
<td>
<input type='button' onsubmit="insert2();" name='02' value='02' id='2'> 
</ td>
<td>
<input type="button" onclick="insert3();" name="03" value="03" id="3">
</ td>
<td>
<input type="button" onclick="insert4();" name="04" value="04" id="4">
</ td>
<td>
<input type="button" onclick="insert5();" name="05" value="05" id="5">
</ td>
<td>
<input type="button" onclick="insert6();" name="06" value="06" id="6">
</ td>
<td>
<input type="button" onclick="insert7();" name="07" value="07" id="7">
</ td>
<td>
<input type="button" onclick="insert8();" name="08" value="08" id="8">
</ td>
<td>
<input type='button' onsubmit="insert9();" name='09' value='09' id='9'> 
</ td>
<td>
<input type="button" onclick="insert10();" name="10" value="10" id="10">
</ td>
</tr>
</table>
<table bgcolor='white' border='0' witdh='500' align='center' valign='middle'>
<tr align='center' valign='middle'>
<td>
 
<div id="view"></div>
</td>
</tr>
</table>
 
[HTML] pobierz, plaintext 

jak moge uproscic ten kod?? jakas tablice? i co mam zrobic z funkcjami czy mozna je utworzyc z indeksami?
po za tym mam problem z wyswietlaniem - brak spacji miedzy kolejnymi wyborami
jak ograniczyc wybor do 3 liczb tylko tak aby kazdy kolejny wybór zamieniał ostatni??

[kamil4u]

1. ID nie może być liczbą
2. Poczytaj o funkcjach - function test( parametr ){ ....
3. Poczytaj o łączeniu stringów - "test"+zmienna
4. Jak chcesz, żeby była spacja to dodaj ją: patrz punkt 3
5. Jeżeli chcesz ograniczyć tylko do 3 liczb to lub to:
a ) załóż zmienną, którą zwiększasz po dodaniu znaków i w if-ie czy ta zmienna ma odpowiednią wartość
b ) licz ilość aktualnych wpisanych znaków
6. Przeczytaj jakiś kurs JS, bo to są podstawy

Pozdrawiam

Ten post edytował kamil4u 16.01.2012, 01:29:11

[celbarowicz]

Na początek coś w tym stylu:

[PHP] pobierz, plaintext 
<?php
for($i=1;$i<=10;$i++){
                      echo '<input type="button" onsubmit="dzialaj('.$i.')"  id="a'.$i.'" value="'.$i.'">';
 
                     }
?>
 
[PHP] pobierz, plaintext 

Reszta do wykonania nie jest chyba już zbyt trudna.