Calling a Javascript function inside a DIV from another DIV

Question

I have a javascript function displayImages() to display all the images in a directory. I am calling this function inside a DIV "photo_gallery" so that the images display in that DIV only (after page loads)

However I also needs to display the image gallery dynamically and for which I have to call this function from outside DIV i:e from other function inside my js file.

<div id="photo_gallery" style="display:none">
  <ul>
    <script>displayImages();</script>
</ul>

</div>

Can someone please advise

Below is my function :

Note : (here images is an array of images)

function displayImages() {

 for (i=0;i<images.length;i++) {

  document.write("<a href='#pop1'>");

   document.write("<img onclick='currentimage(&quot;" + images[i] + "&quot;)'    class='photo'  src='" + images[i] + "' width='160' height='120'/>");
 document.write("</a>");


}
}

PanzerTeo · Accepted Answer · 2014-07-19 11:13:54Z

1

You have to execute the javascript-function in the body onload event or in a script tag outside your div-container.

<body onLoad="displayImages()">

In your function displayImages() you have to set the innerHTML (content) of the Div-Container f.ex.:

yourHtmlGalleryGeneratedContent = '';
for (i=0;i<images.length;i++) {
 yourHtmlGalleryGeneratedContent += "<a href='#pop1'>";
 [...]
}
document.getElementById('photo_gallery').innerHTML = yourHtmlGalleryGeneratedContent;

edited Jul 19, 2014 at 11:13

answered Jul 19, 2014 at 11:07

PanzerTeo

881 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Calling a Javascript function inside a DIV from another DIV

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related