javascript - Animations/Transitions canceled by "onserverclick" -


first news:

sourcecode: http://jsfiddle.net/vwbn4/680/

i'm using normal html buttons in example instead of asp:buttons jsfiddle. have use asp elements read values in c# code behind.

as can see, got button changing it's color , size after click event. want have.

now bad news:

as can see, defined onserverclick="testfunc" button , got code behind:

protected void btnstatus_click(object sender, eventargs e) {      //some functions getting parameters input, saving inputs anywhere, .... }

and main problem:

after onserverclick event finished, whole website refreshed, animations/transitions canceled , button's css class reset.

im looking method, perform onserverclick background stuff without interfering client, clientside animations/transitions , other stuff.

thanks :)

one solution think use ajax update panel. using it's attribute updatemode="conditional" , triggers button (put outside update panel) in question can achieve animation along calling server side code , not have page refresh in process. below test code ran can check out solution.

html code

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style>     .button {         margin: 20px;         font-family: inherit;         border-style: solid;         border-color: #bebebe;         border-width: 2px;         cursor: auto;         font-family: arial;         font-size: 17px;         text-decoration: none;         text-shadow: 0px 1px 0px #2f6627;         text-align: center;         padding: 15px 30px;         height: inherit;         width: 220px;         display: inline-block;         position: relative;         background-color: #e9e9e9;         color: #252525;         border-radius: 0px;         user-select: none;         transition: 0.7s;     }      .active {         background-color: #00b2e2;         color: white;         border-style: solid;         border-color: #008fb6;         border-width: 2px;         transform: scale3d(1.1,1.1,1);     } </style> </head> <body>  <form id="form1" runat="server">     <asp:scriptmanager id="scriptmanager1" runat="server"></asp:scriptmanager>     <div>         <script>             function toogleclass(ele, class1) {                 var classes = ele.classname;                 var regex = new regexp('\\b' + class1 + '\\b');                 var hasone = classes.match(regex);                 if (hasone) {                     ele.classname = classes.replace(class1, '');                 }                 else {                     ele.classname = classes + ' ' + class1;                 }             }         </script>         <fieldset style="padding:100px;">            <legend>this update panel boundary</legend>            <asp:updatepanel id="updatepanel1" runat="server" updatemode="conditional">                <contenttemplate>                    <label id="lbl1" runat="server">this default text</label>                </contenttemplate>                <triggers>                    <asp:asyncpostbacktrigger controlid="btnstatus" />                </triggers>            </asp:updatepanel>         </fieldset>         <asp:button runat="server" type="button" id="btnstatus" class="button" onclientclick="javascript:toogleclass(this, 'active');" text="status" onclick="btnstatus_click"></asp:button>     </div> </form> </body> </html>

code-behind

protected void btnstatus_click(object sender, eventargs e) {     lbl1.innertext = "this altered text after postback in update panel";     lbl1.style.add("background-color", "red"); }

hope helps. happy coding.


Comments

Post a Comment

Popular posts from this blog

PHP and MySQL WP -

i trying accomplish 2 things here code. writing php directly wp page using insert php plugin. 1) query mysql database , return results 1 column 4 columns. 2) make each result own hyperlink directs user new wp page runs new query on page. i able query show results , turn results dynamic hyperlink, cannot formatting down. right returns result 1 column. here have: [insert_php] $servername = "localhost"; $username = "login"; //edited privacy $password = "password"; //edited privacy $database = "database"; //edited privacy // create connection $conn = new mysqli($servername, $username, $password, $database); // check connection if ($conn->connect_error) { die("connection failed: " . $conn->connect_error); } echo "connected successfully"; //get results database $result = mysqli_query($conn,"select mine mines order mine"); $all_property = array(); //declare array saving property //showing proper...
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m...
Read more

go - golang pprof for c library code -

i have been trying profile golang application pprof, seems details of c code(linked static library) missed in output result. flame graph from frame graph can see c code time consuming reported within "runtime._externalcode", no details @ all. , sure static library compiled debug enable. so there way make pprof details(like stack trace) of 3rd party c code? or there other golang profiling tool this?
Read more