javascript - JQuery is adding a class but not removing it from multiple td elements -

-

i'm trying make more 1 <td> field visible or invisible on screen based on user input , element class. i'm using jquery, html, , javascript.

basically, have html table different fields. want these fields have class of either "visible", "visible , required", or "invisible". when user selects option, changes class of element removing previous 1 , adding new one. onload default of these fields should invisible.

html:

<body onload="showthescreen()">  <table border="1">  <tr>   <td class="reasoncode" align="center">    <span class="fieldlabel">reason code</span>   </td>   <td class="costcenter" align="center">    <span class="fieldlabel">cost center</span>   </td>  </tr>  <tr>   <td class="reasoncode" align="center">    <input type="text" id="reasoncode" name="reasoncode" value="1243">   </td>   <td class="costcenter" align="center">    <input type="text" id="costcenter" name="costcenter" value="00123">   </td>  </tr> </table>  <input type="button" value="makevis" onclick="populatetable()">  </body>

javascript:

function showthescreen(){   togglefieldvisibility(".reasoncode", 3);   togglefieldvisibility(".costcenter", 3);   displayfields(); }  function populatetable(){   togglefieldvisibility(".reasoncode", 2);   togglefieldvisibility(".costcenter", 1);   displayfields(); }  function togglefieldvisibility(element, x){  switch(x){   case 1:    $(element).removeclass("invisible required").addclass("visible");    break;   case 2:    $(element).removeclass("invisible").addclass("visible required");    break;   case 3:    $(element).removeclass("visible required").addclass("invisible");    break;   default:    $(element).removeclass("visible required").addclass("invisible");    break;  }  displayfields(); }  function displayfields(){  $(".invisible").css({"visibility":"hidden"});  $(".visible").css({"visibility":"visible"}); }

the problem i'm having this: when open page, fields "invisible" class added them should , become hidden. when try , remove invisible class later , add visible class, invisible class never removed , visible class never added: elements retain classes had @ first, , therefore stay hidden.

i saw previous threads relating problems jquery add/removeclass, none seemed me out. let me know if need more info.

update 1: replies, everyone! unfortunately, , thought happen, code posted here far simplified version of code have , of answers i've received seem related syntax posted--like issue quotes. i've updated code better reflect i'm doing. narrow down issue is.

update 2: know doing wrong. in code have shown here i'm calling togglefieldvisibility(".reasoncode", 2), works fine. in actual code, retrieving number 2 sql call using outside application, , returning string. "2" compared 2 in switch (or "1" 1 , "3" 3) , go default, that's why fields came invisible. hah!

i think problem lies in inline onclick handlers. have them, using quotation marks both attribute delimiters , wrap strings; going cause attribute truncated togglefieldvisibility(" , function not run.

try:

<input type="button" value="makevis" onclick="togglefieldvisibility('.reasoncode', 1)"> <input type="button" value="makevisreq" onclick="togglefieldvisibility('.reasoncode', 2)"> <input type="button" value="makeinvis" onclick="togglefieldvisibility('.reasoncode', 3)">

if need use "s reason, can escape them \: (\".reasoncode\"...


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