jquery - display a div using javascript and onclick -


i've read lots of posts on i'm still struggling. i'm trying show , hide div class using simple java. can work in jsfiddle not on live site.

here's code i'm using. html first

<div id="mydiv1">     <div id="mydiv-container">         <div id="mydiv-content">             <h1>here's popup 1</h1>             <br>click link close.             <br>             <a href="#" onclick="show('mydiv2')">open 2</a>         </div>     </div> </div>  <div id="mydiv2"  style="display:none">     <div id="mydiv-container">         <div id="mydiv-content">             <h1>here's popup 2</h1>             <br>click link close.             <br>             <a href="#" onclick="hide('mydiv2')">close 2</a>         </div>     </div> </div>

javascript:

function show(target) { document.getelementbyid(target).style.display = 'block'; }  function hide(target) { document.getelementbyid(target).style.display = 'none'; }

can't workout why wont switch divs on live server.

i think problem on server ids i.e. mydiv1 , mydiv2 not unique. ids repeating.

check on server if ids not duplicating.

id should unique.

you can use web developer extension on firefox , chrome. duplicate ids on page

  1. install web developer on browser
  2. open options clicking on web developer icon
  3. click on information tab
  4. click on find duplicate ids

hope help.

to download toolbar:

chrome: https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?utm_source=chrome-app-launcher-info-dialog

firefox: https://addons.mozilla.org/en-us/firefox/addon/web-developer/?src=userprofile


Comments

Post a Comment

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

i have following sample code used pre-decrement void function(int c) { if(c == 0) { return; } else { cout << "dp" << c << endl; function(--c); cout << c << endl; return; } } this function give output input 4 : dp3 dp2 dp1 dp0 0 1 2 3 but when use post decrement void function(int c) { if(c == 0) { return; } else { cout << "dp" << c << endl; function(c--); cout << c << endl; return; } } output goes in infinite loop dp4 can explain me in detail why happens ? this happens because function(c--) called same value of c , when finishes c decremented. recursively called, hence called same value no chance of return , hit stack overflow error. assume this, int x = 1, y = 0; y = x++ result y == 1 , x == 2. if y = ++x , bot x , y 2.
Read more

c# - Retrieve google contact -

i'm using .net retrieve contact info google contact. however, retrieves including sent email not stored in contact. there anyway can retrieve contact contact? here code requestsettings rs = new requestsettings("", email, password); rs.autopaging = true; contactsrequest cr = new contactsrequest(rs); feed<contact> contacts = cr.getcontacts(); foreach (contact contact in contacts.entries) { name name = contact.name; response.write(name.givenname + " " + name.familyname + "<br/>"); foreach (email emailid in contact.emails) { response.write(emailid.address + "<br/>"); } response.write("<br/>"); } im using google.gdata.contacts package nuget v 2.2.0 string redirecturi = "urn:ietf:wg:oauth:2.0:oob"; // build base oauth2 parameters var oauth2
Read more

javascript - How to insert selected radio button value into table cell -

i have 5 radio buttons <input type="radio" id="rating">1 <input type="radio" id="rating2">2 <input type="radio" id="rating3">3 <input type="radio" id="rating4">4 <input type="radio" id="rating5">5 i have 1 table <table id="mytabledata" border="1" style="width:100%"> <tr id="templaterow"> <th>ratings</th> </tr> </table> one add button <input type="button" id="add" value="add" onclick="addradiovalue()"> i've written code dynamically add rows table, when select radio button , click on add button, value of selected radio button should inserted new cell within table ratings. i able thing text box, i'm not able radio button. can me? your problems didn't have name set on radios , tryi
Read more