Pass every loop variable to Javascript function

Question

The images are stored inside separate folders.

Both the folders and the images are saved in the database. In my gallery page, they are shown from the database in two steps.

The folders are retrieved from the db and listed in the gallery page
while on-click of a folder, the images are listed.

So far, I have passed the data from the database to the view. The following is my controller code.

function image_show() {
    $this->load->model('gallery_model');
    $data['folder_info'] = $this->gallery_model->get_folder_names();
}

and my view code is as follows:

<?php foreach($folder_info as $show){ ?>
<a class="glyphicon glyphicon-folder-close" style="font-size: 100px;" aria-hidden="true" onclick="imageslide(' .$show['folder_name'] .');" ></a>    
<?php } ?>

From the above code, the folders are listed in the gallery page. I am struck while trying to pass the $show['folder_name'] from the php foreach loop so that I can generate a image slider. My script is

function imageslide(name) {
    alert(name);
}

The error shown to me is

gallery:194 Uncaught SyntaxError: missing ) after argument list

Kindly help me out!

Alessio Cantarella · Accepted Answer · 2017-05-22 10:10:24Z

2

You should pass the $show['folder_name'] variable inside a php block, i.e.:

<?php foreach($folder_info as $show){ ?>
<a class="glyphicon glyphicon-folder-close" style="font-size: 100px;" aria-hidden="true" onclick="imageslide('<?php echo $show['folder_name'] ?>');" ></a>
<?php } ?>

answered May 22, 2017 at 10:10

Alessio Cantarella

5,2413 gold badges31 silver badges37 bronze badges

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

1 Comment

Deepak Keynes Over a year ago

How should I pass the $show['folder_name'] to the data in ajax call inside the <script> after the onclick function..?

Collectives™ on Stack Overflow

Pass every loop variable to Javascript function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related