StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJavascript inside foreach loop
text
Body
copied!<p>Suppose you have some code which includes a javascript tooltip, and a php foreach ($result as $row) loop which is calling values from an sql database like so,</p> <pre><code> <?php foreach ($result as $row) { $link = $qs->link($row,'item'); $logoImage = $qs->getLogo($row->file_id); echo "<ul class=\"imggrid\"><li><a class=\"ItemLink\" href=\"$link\"><img width=\"80\" height=\"80\" src=\"" . $logoImage . "\" /></a></li></ul>"; ?> <script type="text/javascript"> jQuery(function() { jQuery( document ).tooltip({ hide: "true", show: "false", content: function() { if ( jQuery(this).is( "img[src='<?php echo $logoImage ?>']" ) ) { return "<img class='map' src='<?php echo $logoImage ?>'><a><?php echo $qs->abbreviate($row->title,50); ?></a>"; } } }); }); </script> <?php } ?> </code></pre> <p>This is oversimplified but the php spits out a grid of pictures, and I want the tooltip to display a bigger version of each picture as it hovers. Right now it only displays the first picture in the grid for all the pictures. I am assuming it is because the script is outside the loop. But can I throw the script in the foreach loop?</p> <p>Any suggestions or help would be great. Keep in mind I am a novice at this stuff.</p> <p>EDIT: I added the part of my code in question.</p> <p>EDIT 2: Okay I've updated this code but now it is displaying nothing. I thought this would work since I am selecting img elements with src = $logoImage, where $logoImage spits out the address of the file.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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