jquery - Hide input and output entered value as text with ability to change the value by showing input -

-

could please advice me plugin or solution on jquery.

i need have input field email type. when entered shows on image attached.

change on click

you can click on change link , input shown again value.

what best way that?

thanks!

you plugin jeditable or implement custom solution following:

html

<label for="email">email:</label> <div id="email">eugene@gmail.com</div> <a href="#" id="changeemail" data-target="email">change</a>

js

// switch input // $('#changeemail').bind('click', function(e){      // prevent switch if input //     if ($(this).get(0).tagname != 'input') {         var $target = $('#'+$(this).data('target')); // target element         var val = $target.text(); // current target value          // swap elements //         $target.replacewith('<input id="email" type="text" value="'+val+'" />');          // hide change //         $('#changeemail').hide();     } });  // switch div // $(document).delegate('#email', 'blur', function(){      // prevent switch if input empty //     if ($(this).val() != ''){         $(this).replacewith('<div id="email">'+$(this).val()+'</div>');         $('#changeemail').show();     } else {         $('#changeemail').hide();     } });

updated demo here

i hope helps!


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more