Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I'm using the following code to load view on boostrap modal :</p> <pre><code> $('[data-toggle="modal"]').click(function(e) { e.preventDefault(); var url = $(this).attr('href'); if (url.indexOf('#') == 0) { $(url).modal('open'); } else { $.get(url, function(data) { $(data).modal(); }).success(function() { $('input:text:visible:first').focus(); }); } }); </code></pre> <p>With the following trigger :</p> <pre><code>&lt;a href="new" role="button" data-backdrop="static" data-keyboard="false" class="btn btn-success" rel="tooltip" data-placement="top" title="text here" data-toggle="modal" alt="text here"&gt;&lt;i class="icon-plus icon-white"&gt;&lt;/i&gt; &lt;/a&gt; </code></pre> <p>By using this method you will ensure that all you script will be loaded when your modal will display. This is only this workaroung that I found to correctly showing my modal.</p> <p>Everything that I have to show on my form (<strong>new.html</strong>) will be displayed perfectly.</p> <p>Thus, I suggest that you put all you releavant code to <code>Google Map</code> on the page corresponding to <code>/stores</code>.</p> <p><strong>Edit</strong> You trigger should be :</p> <pre><code>&lt;a href="/stores" class="topclass" data-target="#StoresModal" data-toggle="modal"&gt;Launch demo modal&lt;/a&gt; </code></pre> <p>Instead of :</p> <pre><code>&lt;a href="/stores .topclass" data-target="#StoresModal" data-toggle="modal"&gt;Launch demo modal&lt;/a&gt;` </code></pre> <p><strong>Edit2</strong></p> <p>The problem that I see, is that you modal inclusion do not get the JS files because these are not within your inclusion section. I'm not a PHP expert, but here is to option that you might try :</p> <p><em>Option1</em> (not very clean)</p> <p>You can add <code>&lt;script&gt;Google Map required JS File&lt;/script&gt;</code> tag inside the <code>&lt;div class="modal-container"&gt;&lt;/div&gt;</code> but you will get duplicate tag for the same JS file.</p> <p><em>Option2</em> (Might be possible ?)</p> <p>Create new file and add your section <code>&lt;div class="modal-container"&gt;&lt;/div&gt;</code> with your required JS files. </p> <p>Replace the line 192 by including your new file and call your modal by passing your current store object in order to display your information in the modal.</p> <p>Let me know if its help.</p>
    singulars
    1. This table or related slice is empty.
    1. POLoad scripts in bootstrap modal when getting fragment of page
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USolamarche
    1. USolamarche
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. COThanks for your reply. All of the scripts and necessary jQuery are all already on the page corresponding to /stores already. In relation to your trigger suggestion in your edit, if I change it to what you suggest, it loads the entire page at /stores rather than the fragment of the page inside .topclass.
      singulars
      1. PO
      1. USzigojacko
    2. COAh ok, I understand, did you set height and width on the gmap div ? Can you show me more code ?
      singulars
      1. PO
      1. USolamarche
    3. COYes, the Google Maps just isn't loading purely because the jQuery it relies on is not being loaded through the modal with the canvas. Sure, I've edited the question providing links to full code relating to this scenario via pastebin though due to the amount of code. Thanks.
      singulars
      1. PO
      1. USzigojacko
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload