javascript - <span> html duplicate print out -


i new using span . trying print out information javascript script twice on same page.

i can print information once when decide print information second time doesn't display it

this 1 works 

    <div id="layer4" class="auto-style10" style="position: absolute; width: 300px; height: 427px; z-index: 2; left: 1020px; top: 90px">     <span class="auto-style8"><h4>incident details</h4><br />         </span>     <br />  &nbsp;<h6> report id : </h6> &nbsp; <span id="reportid"></span> <br />  &nbsp;<h6> description : </h6> &nbsp; <span id="description"></span><br />  &nbsp;<h6> category : </h6> &nbsp; <span id="category"></span>  <br/>     &nbsp;<h6> date , time : </h6> &nbsp; <span id="datetime"></span> <br />  &nbsp;<h6> user id/ mobile number : </h6> &nbsp; <span id="userid"></span><br />     <br />   <span id="reportid"></span>      <form method="post" action="http://www.al-qarra.com/police_new/map2/changelevel.php" >  <select name="selectcat" style="position: absolute; width: 60px; z-index: 2;"> <option>1</option> <option>2</option> <option>3</option> </select> <input name="reportno" type="hidden" value="<?php echo $_session['incidentid']; ?>">  <input name="changecat" id="selectcat" type="submit" value="change status" style="position: absolute; left: 100px; width: 110px; z-index: 2;"/>          </form>  </div>

but when copy same div on same page different location not display information

    <div id="layer44" class="auto-style10" style="position: absolute; width: 300px; height: 427px; z-index: 2; left: 1020px; top: 300px">     <span class="auto-style8"><h4>incident details</h4><br />         </span>     <br />  &nbsp;<h6> report id : </h6> &nbsp; <span id="reportid"></span> <br />  &nbsp;<h6> description : </h6> &nbsp; <span id="description"></span><br />  &nbsp;<h6> category : </h6> &nbsp; <span id="category"></span>  <br/>     &nbsp;<h6> date , time : </h6> &nbsp; <span id="datetime"></span> <br />  &nbsp;<h6> user id/ mobile number : </h6> &nbsp; <span id="userid"></span><br />     <br />  </div>

this javascript requested 

</style> <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>              $("#reportid").text(nreportid);             $("#description").text(ndesc);             $("#category").text(ncat);      }   </script>

i've spotted several issues far:

  • you've got duplicate id's, isn't allowed.
  • you think you're adding you're adding elements somewhere else, you're positioning them absolutely, they're bound overlap
  • you're leaving <span> elements empty, yet add &nbsp; in between tags... you've got tag-soup in making
  • the first code has form @ end, second doesn't. seeing overlap, second bunch of nodes might remain tucked away ever.
  • your javascript code contains 2 (huuuge) functions, aren't being called afaik. might come across rude/arrogant please, tidy code suggested in faq
  • you're messing z-index, why?

but none of these guesses come close being conclusive long you're not showing javascript code. if you're using document.write('your-html');, example, can tell that's problem , go our ways evermore... please set decent fiddle or something


Comments

Post a Comment

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

Image
i have page in each contest shown in row. each row contains contest id , link other model names have foreign key contest. news model: class news(models.model): title = models.charfield(max_length=50, null=true) description = models.textfield() time = models.timefield( default= datetime.datetime.now().time()) contest = models.foreignkey(contest) i want use admin adding , changing these models. want when user clicks on 'news' has foreign key contest id=1, shows list of news value foreign key. use {% instance in instances %} <tr class="{% cycle 'row1' 'row2' %}"> <td>{{ instance.title }}</td> <td>{{ instance.starttime }}</td> <td>{{ instance.timespan }}</td> <td>{{ instance.date }}</td> <td><a href="/adm...
Read more

css - Make div keyboard-scrollable in jQuery Mobile? -

from can tell, although jquery-mobile-powered pages can contain divs overflow set scroll or auto, , these divs can scrolled one-screen bar or mouse wheel, cannot scrolled using arrow keys, page-up/page-down, or home/end. instead, official "page" div (with data-role="page") absorbs input. perhaps other divs can't acquire focus, i'm not sure. is there way around this? edit: jsfiddle of simple example: https://jsfiddle.net/qogz0shx/ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"> </script> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"/> <style> #outer { overflow:scroll; height: 50vh; width: 50vw; } #inner { height: 500vh; width: 500vw; } ...
Read more

ruby on rails - Seeing duplicate requests handled with Unicorn -

recently upgraded our ec2 instances c3.large in order boost more unicorn workers handle increased traffic our site. (6xworkers per machine - 2 ec2 instances). when did this, started seeing duplicate records being created! looks somehow, maybe 2 unicorn workers attempting process same request? in nginx logs see 1 [post] request particular rails controller - yet 2 records being created in database. i'm hitting kind of race condition issue - have no idea how debug this. doesn't happen time, when it's frustrating well. noticed 2 database records within 5 seconds of each other. (and yes disable button when user clicks submit button). unicorn 4.8.2 ruby 1.9.3 rails 3.2.14 any great! thanks! although may not fix problem, upgrade ruby 2.0.0. there blog mentioning idea upgrade ruby 2.0.0 if using unicorn. for example: https://www.digitalocean.com/community/articles/how-to-optimize-unicorn-workers-in-a-ruby-on-rails-app specifically: if using ruby 1.9, ...
Read more