html - jQuery ID+ Class selecter -

-

currently script below shows console.log(inputname) first variable in code no matter button clicked. how can alter script can input name foreach row have use id + class selector?

jquery:

$(function(){   $.fn.editable.defaults.mode = 'inline';  $.fn.editable.defaults.params = function (params) {     params._token = $("#_token").data("token");     return params; };    var dataurl   = $('.updatefield').data('url');    var inputname = $('.updatefield').attr("name");  $('.updatefield').editable({     type: 'text',     url: dataurl,         name: inputname,         placement: 'top',     title: 'enter public name',     toggle:'manual',     send:'always',     ajaxoptions:{       datatype: 'json'     }     });  $('.edit').click(function(e){        console.log(inputname);          e.stoppropagation();        $('.updatefield').editable('toggle');        $('.edit').hide(); });     $(document).on('click', '.editable-cancel, .editable-submit', function(){         $('.edit').show();     })

html example:

<div class="form-group">     <label class="col-sm-2 control-label" for="sitename">website name</label>      <div class="col-sm-3">       <div class="input-group">         <input class="form-control updatefield" data-url="{{ route('generaldatasubmit', 1)}}" data-title="website name" name="sitename" placeholder="email" type="input" value="{{ old('sitename', $sitesettingsdata->sitename)}}"> <span class="input-group-btn"><button class="btn btn-default edit" type="button"><span class="glyphicon glyphicon glyphicon-pencil"></span></button></span>       </div>     </div>   </div>

since have multiple .updatefield elements, need find target 1 within click function using closest() , find() functions.

$('.edit').click(function(e) {   var container = $(this.closest('.input-group'));   var input = container.find('.updatefield');   var inputname = input.attr('name');   var dataurl   = input.data('url');   console.log(inputname);   e.stoppropagation();   input.editable('toggle');   container.find('.edit').hide(); }); $(document).on('click', '.editable-cancel, .editable-submit', function() {   $('.edit').show(); });

fiddle: https://jsfiddle.net/trex005/3oy60m31/


Comments

Post a Comment

Popular posts from this blog

html - Styling progress bar with inline style -

-
i trying set progress bar color red using inline style. need in way because have access <body> part of document. style need apply: progress { color: red } progress::-moz-progress-bar { background: red;} progress::-webkit-progress-value { background: red; } progress[aria-valuenow]:before { background: red; } i tried <progress style="background: red;"> incorrect effect, progress bar color turns blue red background. guide right direction desired style? thank in advance. here live example: https://jsfiddle.net/z36d3f6l/
Read more

java - Oracle Sql developer error: could not install some modules -

-
i have downloaded fresh copy of sqldeveloper ( sqldeveloper-4.1.3.20.78-no-jre ) oracle website. when unzip , lauch gui, keep getting following error message: warning - not install modules: dynamic module config - no module providing capability org.netbeans.netbinox found. my system: windows 7 32 bit hp probook. jdk 1.6 , 1.7, 1.8 available in java/jdk subdirectory. netbeans 8.0.2 installed finally got way out after dirty hours. extracted sqldeveloper zip in nested directory. i.e: e://a/b/c/sqldeveloper. starting sqldeveloper gui above directory threw erros. solution: go in c:\users**username**\appdata\roaming : delete sql developer , sqldeveloper folders extract sql developer zip in new non nested directory. i.e: e:// start , should work now reference: https://community.oracle.com/thread/3870680?start=0&tstart=0
Read more

How to use autoclose brackets in Jupyter notebook? -

-
this may sound silly question, how make use of autoclose brackets in jupyter notebook? example, when type print( jupyter notebook auto-closes brakets print() and places cursor inside. type argument, say print(1 + 1) now cursor between second 1 , right bracket ) . key navigate right of ) ? of course can press end or → or ) achieve this, not seem save time, purpose of brackets autoclose suppose? thanks in advance.
Read more