jquery - Adding an image in place of a button in html javascript -


the problem : have "+" , "-" @ end of row add , delete rows accordingly.

instead of "-" icon, want replace trashbox.. tried replacing imgsrc. skews alignment.

even if remove box "+" , keep + alone adding row , delete trashbox "-", great.

can me out this? code below.

 <tr>                 <td align="left">                 <g:select name="standard[]" id="standard" class="statsele valid" from="${standardlist}" value="" noselection="['':'select regulatory standard...']"/>                 <g:select name="standard_version[]" id="standard_version" class="statsele valid" from="${standardversion}" value="" noselection="['':'select version...']" style="width:150px !important;"/>                 <g:select name="standard_domainnumbers[]" id="standard_domainnumbers" req="false" class="statseledomain valid" from="${['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','30','31','32','33','34','35','36','37','38','39','40','41','42','43','44','45','46','47','48','49','50']}" value="" noselection="['':'select domain...']"/>                 <input type="checkbox" name="chk" class="delcheck"/>                 <input type="button" value=" + " title="add more" class="clone-faculty"/>                 <input type="button" value=" - " title="remove selected row" class="remove-faculty"/>                 </td>             </tr>       <script>          $('.clone-faculty').click(function() {               var clone = $('.add-child:first').clone(true).appendto('#itemrows');                     });           $(".remove-faculty").click(function(e) {               if($('.add-child').length > 1)              {                  if($(".delcheck:checked").length != $('.add-child').length)                  {                   $(".delcheck:checked").closest("table").remove();                   // $(".add-child").last().remove();                  }                  else                  {                      alert('you cannot delete rows.');                  }              }           });         </script>

this how did it:

<td align="left">         <g:select name="standard[]" id="standard" class="statsele valid" from="${standardlist}" value="" noselection="['':'select regulatory standard...']" />         <g:select name="standard_version[]" id="standard_version" class="statsele valid" from="${standardversion}" value="" noselection="['':'select version...']" style="width:150px !important;" />         <g:select name="standard_domainnumbers[]" id="standard_domainnumbers" req="false" class="statseledomain valid" from="${['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','30','31','32','33','34','35','36','37','38','39','40','41','42','43','44','45','46','47','48','49','50']}" value="" noselection="['':'select domain...']" />         <input type="checkbox" name="chk" class="delcheck" />         <input type="button" value=" + " title="add more" class="clone-faculty" />          <img src="https://cdn2.iconfinder.com/data/icons/windows-8-metro-style/128/trash.png" style="width:17px;vertical-align: middle;" title="remove selected row" class="remove-faculty">     </td>

here jsfiddle of how looks


Comments

Post a Comment

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

i'm looking dynamically populate select element names of items stored array. for reason it's not working , i'm not sure why. html: <div class="col-md-4 col-md-offset-4"> <select class="select1"> </select> , <select class="select2"> </select> </div> note i'm using bootstrap layout. here's jquery i'm using try , populate ".select1" jquery: select: function() { $.each(state.greens, function(index, value) { $(".select1").append("<option value =' " + index + " '>" + state.greens[index].name + "</option>"); }); } note function 'select' stored within object called 'display'. state.greens name of array i'm trying access. so @ end of html page call display.select(); call function. no error messages showing in console. also, saw question: appending
Read more

Android soft keyboard reverts to default keyboard on orientation change -

i'm building android soft keyboard , can't seem fix bug - have arabic , qwerty keyboard , when rotate device on qwerty keyboard (or arabic shift), it's if program has "restarted" , becomes arabic keyboard without shift. the onsaveinstancestate(bundle savedinstancestate) not work because application not extend activity inputmethodservice . i put following in android manifest android:configchanges="keyboard|keyboardhidden|orientation" android:windowsoftinputmode="stateunchanged|adjustresize"> i tried using @override public void onconfigurationchanged(configuration newconfig) { super.onconfigurationchanged(newconfig); log.i(mydebug, "config changed " + currentkeyboard.equals(qwerty)); } however, currentkeyboard.equals(qwerty)) results false , made sure true before orientation change. any appreciated. i think applications fault. if application restarting on orientation change
Read more

jquery - javascript onscroll fade same class but with different div -

i new @ javascript , want learn new. there wrong code : why div fades @ same time. i want ask how fade different div s same class name.can me , explain me. thanks in advance. javascript: $(window).scroll(function(){ if ($( "div.fade" ).offset().top - $(window).scrolltop() <= 100){ $('.fade').addclass( "fade-in"); } else { $('.fade').removeclass("fade-in"); } }); here jsfiddle onscroll = function () { var scrolltop = $(this).scrolltop() ; $("div.fade").each(function(){ if(($(this).offset().top - scrolltop) <= 100){ $(this).toggleclass("fade-in"); } }) }
Read more