visibility - How do I get div not to display if value in another div is empty in Javascript? -

-

here code. have tried can think of. have tried using div id's , have tried classes. nothing seems work. want number 2 not visible if there no entry beside it. doesn't matter if in table or not.

thanks.

<style type="text/css"> <!-- .leftone {     float: left;     height: auto;     width: auto; } .rightone {     float: left;     height: auto;     width: auto; } .lefttwo {     float: left;     height: auto;     width: auto; } .righttwo {     float: left;     height: auto;     width: auto; } --> </style>   <table width="400" border="0" cellpadding="0" cellspacing="3" id="tableone">     <tr>         <td width="200" height="50"><div class="leftone">1.)</div></td>         <td width="200" height="50"><div class="rightone">the number one</div></td>     </tr>     <tr>         <td width="200" height="50"><div class="lefttwo">2.)</div></td>         <td width="200" height="50"><div class="righttwo"></div></td>     </tr> </table>  <p>&nbsp;</p>  <script type="text/javascript"> <!-- function shownumbers() {     var mynum1 = '[.rightone]';     if(mynum1 != ''){          document.getelementbyid('.leftone').style.display = "block";      }     else if(mynum1 == ''){          document.getelementbyid('.leftone').style.display = "none";      }     var mynum2 = '[.righttwo]';     if(mynum2 != ''){          document.getelementbyid('.lefttwo').style.display = "block";      }     else if(mynum2 == ''){          document.getelementbyid('.lefttwo').style.display = "none";      } } //--> </script>

you cannot use getelementbyid classes. also, don't need '.' or '#' when using these methods in javascript. below should asking. although if there ever 1 item of class 'rightone' , 'leftone' should use id's.

var mynum1 = document.getelementsbyclassname('rightone')[0].innerhtml; if(mynum1 != ''){     document.getelementsbyclassname('leftone')[0].style.display = 'block'; } else if(mynum1 == ''){     document.getelementsbyclassname('leftone')[0].style.display = 'none'; }

a more elegant solution be:

html:

<table width="400" border="0" cellpadding="0" cellspacing="3" id="tableone">     <tr>         <td><div class="left">1.)</div></td>         <td><div class="right">the number one</div></td>     </tr>     <tr>         <td><div class="left">2.)</div></td>         <td><div class="right"></div></td>     </tr> </table>

js:

var right = document.getelementsbyclassname('right');  for(var i=0;i<right.length;i++){     if(!right[i].innerhtml){         right[i].parentnode.parentnode.getelementsbyclassname('left')[0].style.display = 'none';     } else {         right[i].parentnode.parentnode.getelementsbyclassname('left')[0].style.display = 'right';     } }

Comments

Post a Comment

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

-
using jmockit 1.2 jar, trying mock string's length method getting unexpected invocation exception: failed: test java.lang.illegalstateexception: missing invocation mocked type @ point; please make sure such invocations appear after declaration of suitable mock field or parameter @ stringdemo.testa$1.<init>(testa.java:17) @ stringdemo.testa.test(testa.java:13) i using testng: @test public void test() throws exception { new expectations() { @mocked("length") string astring; { astring.length(); result = 2; } }; system.out.println(a.showa("test")); } } actual class a: public class { public static int showa(string str){ int a= str.length(); return a; } } this wrong way of recording expected results. shouldn't mock , record string's length() method, record showa() instead. here solution @suppresswarnings("unused...
Read more

What is the difference between data design and data model(ERD) -

-
i have google question , find answer in day. know, data design many many table have list column,and mark pk , fk. why er-diagram have find this? data design process of designing database. main output of data design detailed logical data model of database. some people data design includes of needed logical , physical design choices , physical storage parameters needed generate design in data definition language. technically, database analysis, database analysts (dbas) trained do. while person can both data design , database analysis, these 2 different tasks. data design models data. database analysis takes model , applies 1 or more database engines (relational, hierarchical, nosql). a logical data model 1 of main outputs of data design. data model represented entity relationship diagram, or er diagram.
Read more

ios - Can NSManagedObject conform to NSCoding -

-
i need transfer single object across device. right converting nsmanagedobject dictionary , archiving , sending nsdata. upon receiving unarchiving it. transfer nsmanagedobject archiving , unarchiving instead of creating intermediate data object. @interface test : nsmanagedobject<nscoding> @property (nonatomic, retain) nsstring * title; @end @implementation test @dynamic title; - (id)initwithcoder:(nscoder *)coder { self = [super init]; if (self) { self.title = [coder decodeobjectforkey:@"title"]; //<crash } return self; } - (void)encodewithcoder:(nscoder *)coder { [coder encodeobject:self.title forkey:@"title"]; } @end nsdata *archivedobjects = [nskeyedarchiver archiveddatawithrootobject:testobj]; nsdata *objectsdata = archivedobjects; if ([objectsdata length] > 0) { nsarray *objects = [nskeyedunarchiver unarchiveobjectwithdata:objectsdata]; } the problem above code is. crashes @ self.title in initwithcoder sa...
Read more