[web2py] Re: Bootstrap modal and AJAX

[Annet]

Hi Anthony,

Thanks for your reply, after spending figuring out why I ended up with an 
empty backdrop I found that I had to move the JavaScript part from 
calendar/index.html to calendar/eventlist.html. I have no idea why, 
eventList.html is loaded into index.html.

This is the relevant part in index.html:

<div class="row-fluid" style="margin-bottom: 30px;">
  <div class="span12">
    
{{=LOAD('addressbook','contact.load',args=organization.nodeID,ajax=True,target='component')}}
  </div><!-- /span -->
</div><!-- /row -->

This is what it looks like in the browser:

<div class="row-fluid" style="margin-bottom: 30px;">
  <div class="span12">
  <script type="text/javascript">
    
<!--web2py_component('/bootstrap/addressbook/contact.load/283','component');/-->
  </script>
  <div id="component">
    <div id="contact"></div>
  </div>
  </div><!-- /span -->
</div><!-- /row -->

Now when I click the event list link this is what it looks like in the 
browser:

<div class="row-fluid" style="margin-bottom: 30px;">
  <div class="span12">
  <script type="text/javascript">
    
<!--web2py_component('/bootstrap/addressbook/contact.load/283','component');/-->
  </script>
  <div id="component">
     <div class="results"></div>
  </div>
  </div><!-- /span -->
</div><!-- /row -->

Only the div within the component changed, and the JavaScript code isn't 
even there. This is the relevant part of eventList.html:

<script type="text/javascript">

  $("a[data-toggle=modal]").click(function (e) {
  target = $(this).attr('data-target')
  url = $(this).attr('href')
  $(target).load(url);
  })
  
</script>

<div class="results">
...
</div>

Any way, the problem seems to be solved.


Kind regards,

Annet.