html - jquery recently added higlighted css can not be remove after alert generate -

-

http://jsfiddle.net/cyjye/ m new jquery.i have made html table shown in jsfiddle.firstly selection made second row second cell in html table selection made first row second cell.i have allot time patient not more 30 minutes.if user selects more 30 minutes gives alert "time slot not more 30 minutes". alert works correctly added css not removed after alert. , whenever mouse after alert .cell highlighted css. dont want if alert generate added css cell removed , whenever mouseup after alert no cell highlighted css.i tried lot not getting correct way. when highlight 30 minute time , click on select patient button(below html table there select patient(patient getting textbox)button) highlight css removed.

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <meta http-equiv="content-type" content="text/html; charset=utf-8" />     <title>drag selection example</title>     <script type="text/javascript" src="http://www.google.com/jsapi"></script>     <script type="text/javascript">          google.load("jquery", "1.3.2");          google.setonloadcallback(function ()         {             var active = false;             var lastactionwaserror = false;             $('#tableappointment tr td:nth-child(2), #tableappointment tr td:nth-child(3)').mousedown(function (ev)             {                 active = true;                 $(".csstdhighlight").removeclass("csstdhighlight"); // clear previous selection                 ev.preventdefault(); // prevents text selection happening                 $(".csstdhighlight").removeclass("csstdhighlight");                 $(".temp_selected").removeclass("temp_selected");                 $(this).addclass("csstdhighlight");                 $(this).addclass("temp_selected");             });              $('#tableappointment tr td:nth-child(2), #tableappointment tr td:nth-child(3)').mousemove(function (ev)             {                 if (lastactionwaserror)                 {                     $(".csstdhighlight").removeclass("csstdhighlight");                     $(".temp_selected").removeclass("temp_selected");                     lastactionwaserror = false;                 }                 if (active)                 {                     $(this).addclass("csstdhighlight");                     $(this).addclass("temp_selected");                 }                 if ($('.temp_selected').length > 6)                 {                     alert("time slot not more 45 minutes.");                     $(this).removeclass("csstdhighlight");                     $(this).removeclass("temp_selected");                     lastactionwaserror = true;                     return false;                 }             });         });     </script>     <style type="text/css">         .csstdhighlight         {             background-color: #ccffcc;         }     </style> </head> <body>     <table id="tableappointment" cellspacing="1" width="50%" border="1" align="center">         <tr>             <td bgcolor="#ffffff">             </td>             <td class="csstablelisttd">             </td>             <td class="csstablelisttd">                 <b>patient name</b>             </td>         </tr>         <tr>             <td class="csstablelisttd" valign="top" width="70px">                 8:00am             </td>             <td class="csstablelisttd">                 0             </td>             <td class="csstablelisttd">             </td>         </tr>         <tr>             <td class="csstablelisttd">             </td>             <td class="csstablelisttd">                 15             </td>             <td class="csstablelisttd">             </td>         </tr>         <tr>             <td class="csstablelisttd">             </td>             <td class="csstablelisttd">                 30             </td>             <td class="csstablelisttd">             </td>         </tr>         <tr>             <td class="csstablelisttd">             </td>             <td class="csstablelisttd">                 45             </td>             <td class="csstablelisttd">             </td>         </tr>         <tr>             <td class="csstablelisttd" valign="top" width="90px">                 9:00am             </td>             <td class="csstablelisttd">                 0             </td>             <td class="csstablelisttd">             </td>         </tr>         <tr>             <td class="csstablelisttd">             </td>             <td class="csstablelisttd">                 15             </td>             <td class="csstablelisttd">             </td>         </tr>         <tr>             <td class="csstablelisttd">             </td>             <td class="csstablelisttd">                 30             </td>             <td class="csstablelisttd">             </td>         </tr>         <tr>             <td class="csstablelisttd">             </td>             <td class="csstablelisttd">                 45             </td>             <td class="csstablelisttd">             </td>         </tr>     </table> </body> </html>

thanks help

to remove highlighed css last selected cell use 

$(this).removeclass("csstdhighlight"); $(this).removeclass("temp_selected");

jsfiddle


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