Databases
StackOverflow2013
Postsdbo
POCan Galleria be used with ajax data?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCan Galleria be used with ajax data?
    primarykey
    data
    text
    <p>I really need some help here! I have a page with images in groups of 1, 2, or 3. I click on an image and the class gets sent to some jquery ajax stuff to get the id(mysql) then this gets sent to a php file to build the html for the images to display on a div in my page. This bit works OK, but I'm trying to use the galleria plugin to show the image that haave been sent, but it just act like galleria is not there! If I hardcode some images in the dive. galleria works as it should!</p> <p>here is my project.js file</p> <pre><code>// whenever a link with category class is clicked $('a.project').click(function(e) { // first stop the link to go anywhere e.preventDefault(); // you can get the text of the link by converting the clicked object to string // you something like 'http://mysite/categories/1' // there might be other methods to read the link value var linkText = new String(this); // the value after the last / is the category ID var projectvalue = linkText.substring(linkText.lastIndexOf('/') + 1); // send the category ID to the showprojects.php script using jquery ajax post method // send along a category ID // on success insert the returned text into the shownews div $.post('../inc/showprojects.php', {project: projectvalue}, function(data) { $('#shownews').html(data); }); }); </code></pre> <p>This is my showproducts.php file</p> <pre><code>&lt;?php include 'connect.php'; // if no project was sent, display some error message if(!isset($_POST['project'])) { die('No project has been chosen'); } // cast the project to integer (just a little bit of basic security) $project = (int) $_POST['project']; // this will be the string that you will return into the shownews div $returnHtml = ''; $q = "SELECT * FROM projects WHERE id='$project'"; if($r = mysql_query($q)) { // construct the html to return while($row = mysql_fetch_array($r)) { $returnHtml .= "&lt;img src='{$row['filename']}' /&gt;"; $returnHtml .= "&lt;img src='{$row['filename1']}' /&gt;"; $returnHtml .= "&lt;img src='{$row['filename2']}' /&gt;"; } } // display the html (you actually return it this way) echo $returnHtml; ?&gt; </code></pre> <p>This is how I'm calling galleria on the div</p> <pre><code>// Load the classic theme Galleria.loadTheme('../galleria/themes/classic/galleria.classic.min.js'); // Initialize Galleria $('#shownews').galleria(); </code></pre> <p>Can anyone help me out?</p> <p>Thanks</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USGlen Rogers
    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
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POCan Galleria be used with ajax data?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COwhat error are you getting??
      singulars
      1. POCan Galleria be used with ajax data?
      1. USAjay Patel
    2. COI'm not getting any errors, the images are getting added to the div but there is no galleria on the div! Like I said, if I hardcode images into the div then galleria is shown and works as it should!
      singulars
      1. POCan Galleria be used with ajax data?
      1. USGlen Rogers
 

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