[HTML/JS] Problem s dvoma buttonmi vo formulari

Webdesign, HTML, CSS, Flash, PHP, ASP, .NET, JavaScript. Kritika www stránek na Smetišti.

Moderátor: Moderátoři Živě.cz

Odeslat příspěvekod Puchino 4. 3. 2008 18:21

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
Bart wrote: I will use Google befor asking dumb questions.
Puchino
Junior
Uživatelský avatar

Odeslat příspěvekod qwertysimo 4. 3. 2008 23:02

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

Kód: Vybrat vše
<button onclick='toggleDisplay(x); return false;'>Zobraz dalsie</button>
qwertysimo
Junior

Odeslat příspěvekod Puchino 5. 3. 2008 13:48

Dakujemk Qwertysimo. "return false" vyriesil problem.
Bart wrote: I will use Google befor asking dumb questions.
Puchino
Junior
Uživatelský avatar

Odeslat příspěvekod gofry 16. 4. 2008 10:21

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="...">
gofry
Junior
Uživatelský avatar


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků