Html mygtuko neveiksnumas po paspaudimo

Spalio 20, 2012

Sveiki, iškilo bėda dėl formos ir mygtuko.

Esmė, kad reikia neleisti vartotojui paspausti mygtuko daugiau nei 2 kartus.

Ta prasme, kad po 1 paspaudimo jis pasidarytų nepaspaudžiamas.

Kažką parašiau panašaus, bet problema tame, kad forma tokiu atveju nesubmitinama ir duomenys neatnaujinami. :)

Galbūt kas nors galėtų pagelbėti, kaip reikėtų teisingai parašyt kodą? :)

Labai dėkoju.

Pirmam, padėjusiam išspręst bėdą -- simboliniai 10 LTL į sąskaitą. ;D

<form name=form1 method='post'> 
<img src='sec.png'> 
<input name='kiek' type='text' value='0' style='width:50px;'> 
<input name='vykdyti1' onClick='form1.vykdyti1.disabled=true;' class='button' type='submit' value='TAIP'>
</form>

Redagavo Spalio 21, 2012 IG8

Spalio 20, 2012

onclick="this.disabled=true;this.form.submit();"

Spalio 21, 2012

inline js'as... gal pradėti reikėtų nuo čia?

pasidaryk funkciją:

http://jsfiddle.net/rP4pG/5/

Redagavo Spalio 21, 2012 KingPin

Spalio 21, 2012

inline js'as... gal pradėti reikėtų nuo čia?

pasidaryk funkciją:
http://jsfiddle.net/rP4pG/5/

Hmm.. panašu, kad veiktų. O kur tiksliau tą JS kodą reikėtų įkišt? :)

Spalio 21, 2012

Gerai, keliam kainą.

Tam, kuris padės išspręst šitą nedidelę problemą -- 10 Lietuviškų. :)

Spalio 21, 2012

<form name=form1 method='post'> 
<img src='sec.png'> 
<input name='kiek' type='text' value='0' style='width:50px;'>
<input name='vykdyti1' class='buttonas' type='submit' value='TAIP'>
</form>

Forma tokia, o JS įdėk į <body> patį viršų. Kodas į body viršų:

<script>
$(document).ready(function(){
});
var oneClick = function(target){
   $('.buttonas').one("click", function() {
       var thisEl = $(this);
           thisEl.attr('disabled', 'disabled');               
   });
}
oneClick('.buttonas');
</script>

Redagavo Spalio 21, 2012 BaSh_time

Spalio 21, 2012

<form name=form1 method='post'> 
<img src='sec.png'> 
<input name='kiek' type='text' value='0' style='width:50px;'>
<input name='vykdyti1' class='buttonas' type='submit' value='TAIP'>
</form>

Forma tokia, o JS įdėk į <body> patį viršų. Kodas į body viršų:

<script>
$(document).ready(function(){
});
var oneClick = function(target){
   $('.buttonas').one("click", function() {
       var thisEl = $(this);
           thisEl.attr('disabled', 'disabled');               
   });
}
oneClick('.buttonas');
</script>

Nope, deja, neveikia... :)

Spalio 21, 2012

Nope, deja, neveikia... :)

Gal nesusišnekam tada... O dabar kaip?

<form name=form1 method='post'> 
<img src='sec.png'> 
<input name='kiek' type='text' value='0' style='width:50px;'> 
<input name='vykdyti1' onclick="this.disabled = 'disabled';" class='button' type='submit' value='TAIP'>
</form>

Spalio 21, 2012

Gerai, keliam kainą.

Tam, kuris padės išspręst šitą nedidelę problemą -- 10 Lietuviškų. :)

tau gi jau parašė kodą ir jis veikia, tiesiog nemoki juo pasinaudoti.

nes neįterpei jQuery scripto :)

http://jsfiddle.net/rP4pG/5/

<!doctype html>
<html>
 <head>
   <meta charset="utf-8">
   <title>Demo</title>
   <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
   <script>
$(document).ready(function(){

var oneClick = function(target){
   $('.buttonas').one("click", function() {
       var thisEl = $(this);
       $('a').fadeOut('fast', function(){
           thisEl.attr('disabled', 'disabled');                
       });
   });
}
oneClick('.buttonas');

});

   </script>
 </head>
 <body>
<a>viso gero</a>
<button class="buttonas">labas</button>
 </body>
</html>

Spalio 21, 2012

Gal nesusišnekam tada... O dabar kaip?

<form name=form1 method='post'> 
<img src='sec.png'> 
<input name='kiek' type='text' value='0' style='width:50px;'> 
<input name='vykdyti1' onclick="this.disabled = 'disabled';" class='button' type='submit' value='TAIP'>
</form>

Mygtukas paspaudus pasidaro neveiksnus, bet forma nesisubmitina. :)

tau gi jau parašė kodą ir jis veikia, tiesiog nemoki juo pasinaudoti.

nes neįterpei jQuery scripto :)

http://jsfiddle.net/rP4pG/5/

<!doctype html>
<html>
 <head>
   <meta charset="utf-8">
   <title>Demo</title>
   <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
   <script>
$(document).ready(function(){

var oneClick = function(target){
   $('.buttonas').one("click", function() {
       var thisEl = $(this);
       $('a').fadeOut('fast', function(){
           thisEl.attr('disabled', 'disabled');                
       });
   });
}
oneClick('.buttonas');

});

   </script>
 </head>
 <body>
<a>viso gero</a>
<button class="buttonas">labas</button>
 </body>
</html>

Yep, dabar jau veikia, pamiršęs buvau importint jquery... :)

Tai net nežinau ar Ariui dabar 10 LTL ar KingPin'ui... ;D

Redagavo Spalio 21, 2012 IG8

Spalio 21, 2012

man labiau patinka, kai žmonės patys patiria "tą" atradimo jausmą, kai viskas veikia ir kai pats pasidaro. Štai reikalinga užuomena http://api.jquery.com/submit/ :)

...
Tai net nežinau ar Ariui dabar 10 LTL ar KingPin'ui... ;D

paaukok vaikų namams ;)

https://www.aukok.lt/

Spalio 21, 2012

Mygtukas paspaudus pasidaro neveiksnus, bet forma nesisubmitina. :)

Normalų url įrašyk ir submitinasi

Spalio 21, 2012

man įdomiau ką tu čia kodini :D

beje, tai yra tik front endinis variantas. reikėtų nepamiršti apie apsaugas ir backende.

o dėl jquery importo, tai kai kažkas pateikia jsfiddle example - peržiūrėkite, kokie libai naudojami :)

Redagavo Spalio 21, 2012 KingPin

Spalio 21, 2012

tau gi jau parašė kodą ir jis veikia, tiesiog nemoki juo pasinaudoti.

nes neįterpei jQuery scripto :)

http://jsfiddle.net/rP4pG/5/

<!doctype html>
<html>
 <head>
   <meta charset="utf-8">
   <title>Demo</title>
   <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
   <script>
$(document).ready(function(){

var oneClick = function(target){
   $('.buttonas').one("click", function() {
       var thisEl = $(this);
       $('a').fadeOut('fast', function(){
           thisEl.attr('disabled', 'disabled');                
       });
   });
}
oneClick('.buttonas');

});

   </script>
 </head>
 <body>
<a>viso gero</a>
<button class="buttonas">labas</button>
 </body>
</html>

Biškį pabūsiu "code nazi" :) Veikt tai veikia tas kodas, bet galima ir geriau (bei paprasčiau).

Va pataisytas -> http://jsfiddle.net/LByZz/3/

Redagavo Spalio 21, 2012 aegis

Spalio 22, 2012

Biškį pabūsiu "code nazi" :) Veikt tai veikia tas kodas, bet galima ir geriau (bei paprasčiau).
Va pataisytas -> http://jsfiddle.net/LByZz/3/

na šiaip, tai fadeoutas buvo skirtas tik kaip dummy funkcija :) vietoj jo gal iškart reikėjo dėt ajax callsą ir parašyti pilnai fukcionuojančią funkciją :)

jos esmė buvo, kad disablinimas gali vykti tik po success posto funkcijos (juk nedisablinsi buttono, jei kažkas nepavyko backende...), o vykdant šias funkcijas lygiagrečiai - kaip tik atsiranda vietos spragoms.

code nazi čia galima būti iki galo ir pradėti aiškinti apie funkcijos kišimu po namespace'u, konstrukcijas ir t.t. :D bet ar tai bus kam įdomu?

Redagavo Spalio 22, 2012 KingPin

Prisijungti

Html mygtuko neveiksnumas po paspaudimo

Rekomenduojami pranešimai

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Dabar naršo 0 narių

Prisijunk prie bendruomenės dabar!

Naujausios temos

Karštos temos