Databases
StackOverflow2013
Postsdbo
PONot having to repeat script every time in loop
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PONot having to repeat script every time in loop
    primarykey
    data
    text
    <p>I have the following script that happens within a loop. How would I make it so I only have to place it once at the bottom of a page and not have the classes hard coded in? The script occurs for each <code>&lt;li&gt;</code> which seems very clunky.</p> <p>Here's the script</p> <pre><code> &lt;script&gt; $(".&lt;?php echo strtolower(get_field('code'));?&gt;_btn").click(function(){ $("#&lt;?php echo strtolower(get_field('code'));?&gt;").on('show', function () { $('iframe.fohl-mobile').attr("src","http://www.psfk.com/home#&lt;?php echo get_field('code');?&gt;"); }); }); &lt;/script&gt; </code></pre> <p>Here's the whole piece that repeats in the loop</p> <pre><code> &lt;li&gt; &lt;a data-toggle="modal" role="button" class="&lt;?php echo strtolower(get_field('code'));?&gt;_btn" href="#&lt;?php echo strtolower(get_field('code'));?&gt;"&gt;&amp;nbsp;&lt;/a&gt; &lt;img class="lazy" alt="&lt;?php the_title();?&gt;" src="&lt;?php echo site_url('wp-content/fohl/holder.png');?&gt;" data-original="&lt;?php echo site_url('/wp-content/fohl/products/').strtolower(get_field('code'));?&gt;.png" /&gt; &lt;noscript&gt;&lt;img src="&lt;?php echo site_url('/wp-content/fohl/products/').strtolower(get_field('code'));?&gt;.png” alt="&lt;?php the_title();?&gt;"/&gt;&lt;/noscript&gt; &lt;div class="title"&gt;&lt;?php the_title();?&gt; &lt;div id="&lt;?php echo strtolower(get_field('code'));?&gt;" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt; &lt;iframe class="fohl-mobile" height="500" width="330" frameborder="0" src=""&gt;&lt;/iframe&gt; &lt;div class="modal-footer"&gt; &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;Close&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;script&gt; $(".&lt;?php echo strtolower(get_field('code'));?&gt;_btn").click(function(){ $("#&lt;?php echo strtolower(get_field('code'));?&gt;").on('show', function () { $('iframe.fohl-mobile').attr("src","&lt;?php echo site_url('/home#'.get_field('code'));?&gt;"); }); }); &lt;/script&gt; &lt;/li&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USRooster
    1. USok1ha
    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. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. PONot having to repeat script every time in loop
      1. This table or related slice is empty.
      1. VTUpMod
    1. COare all of the classes the same?
      singulars
      1. PONot having to repeat script every time in loop
      1. USamaster
    2. CONot now but I suppose they could be. The only thing that's really important is that the div id and the url of the iframe src, which are always the same.
      singulars
      1. PONot having to repeat script every time in loop
      1. USok1ha
    3. COSo if we could grab the id from <div id="a1", and use that for the link class, and the src of the iframe
      singulars
      1. PONot having to repeat script every time in loop
      1. USok1ha
 

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