[HTML/JS] Problem s dvoma buttonmi vo formulari

[Puchino]

Mam nasledujuci problem. Chcem vytvorit formular kde JS odkryva dalsie casti formulara po stlaceni prislusneho tlacidla co funguje pokial skypt nie je formularom. Akonahle pridam tento skript do formulara zo SUBMIT buttonom tak sa aj button na odkryvanie sprava ako SUBMIT button.

Funkcny skript: (bez formulara)

Kód: Vybrat vše

<script type='text/javascript' language='Javascript'>
x = 2;
function toggleDisplay(num)
{
   if( document.getElementById('display'+num.toString()).style.display == 'none' )
   {
       document.getElementById('display'+num.toString()).style.display = 'block';
      x++;
   }
}
</script>
<div id='display1' style='display:block'>
   Zobrazene
</div>
<br>
<div id='display2' style='display:none'>
   Zobrazit
</div>
<button onclick='toggleDisplay(x)'>Zobraz dalsie</button>


Nefunkcny skript: (Po vlozeni do formulara)

Kód: Vybrat vše

<script type='text/javascript' language='Javascript'>
x = 2;
function toggleDisplay(num)
{
   if( document.getElementById('display'+num.toString()).style.display == 'none' )
   {
       document.getElementById('display'+num.toString()).style.display = 'block';
      x++;
   }
}
</script>
<form action="">
<div id='display1' style='display:block'>
   Zobrazene
</div>
<br>
<div id='display2' style='display:none'>
   Zobrazit
</div>
<button onclick='toggleDisplay(x)'>Zobraz dalsie</button>
<input type="submit">
</form>

Obe tlacidla v nefunkcnom skripte sa spravaju ako submit buttony a odoslu formular... Vopred dakujem za poznamky a rady. Vdaka

[qwertysimo]

skús upraviť ten nefunkčný skript takto:

Kód: Vybrat vše

<button onclick='toggleDisplay(x); return false;'>Zobraz dalsie</button>

[Puchino]

Dakujemk Qwertysimo. "return false" vyriesil problem.

[gofry]

Myslím, že to "return false" je zbytočne "komplikované" riešenie. Elementu button stačí priradiť atribut "type=button",

Kód: Vybrat vše

<button type="button" onclick="...">zobraz dalsie</button>

potom sa už nebude chovať ako submit button ale ako obyčajné tlačítko.

Poprípade môžeš obyčajné tlačítko vyrobiť ako

Kód: Vybrat vše

<input type="button" value="Zobraz dalsie" onclick="...">