Unable to include javascript

Question

I am trying to implement Supersized slider with my Yii project. In order to implement I have to implement some javascript in the view. So I decided to go with the registerscript method. But I think I am not able to initialized the directory location of the images. Could you help me

My code is

<?php   

$script= <<<EOD
jQuery(function($){             
    $.supersized({
        slide_interval          :7000,  // Length between transitions
    transition              :1,     // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
    transition_speed    :1000,  // Speed of transition
    slide_links     :'blank',// Individual links for each slide (Options: false, 'num', 'name', 'blank')
    slides          :[// Slideshow Images
                $directory = Yii::getPathOfAlias('webroot').'/uploads/';
                $images = glob($directory . "*.{jpg,JPG,jpeg,JPEG,png,PNG}", GLOB_BRACE);
                foreach($images as $image)
                echo "{image : 'http://localhost/uploads/" . $image . "', title : '" .$image . "'},";
                ]   
            });
            });
EOD;
Yii::app()->clientScript->registerScript('customFnc', $script, CClientScript::POS_READY);?>

I am getting undefind directory error.

Ashish
– Ashish

2013-01-16 06:10:23 +00:00
Commented Jan 16, 2013 at 6:10 — Ashish
– Ashish, Commented Jan 16, 2013 at 6:10

Neeraj Dangol · Accepted Answer · 2013-01-16 06:16:14Z

2

Try This Way..

<script>
            jQuery(function($){             
                $.supersized({
                  slide_interval          :7000,  // Length between transitions
                  transition              :1,     // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                  transition_speed    :1000,  // Speed of transition
                  slide_links     :'blank',// Individual links for each slide (Options: false, 'num', 'name', 'blank')
                  slides          :[// Slideshow Images
     <?php
                            $directory = Yii::getPathOfAlias('webroot').'/uploads/';
                            $images = glob($directory . "*.{jpg,JPG,jpeg,JPEG,png,PNG}", GLOB_BRACE);
                            foreach($images as $image)
                            echo "{image : 'http://localhost/uploads/" . $image . "', title : '" .$image . "'},"; ?>

                            ]   
                        });
                        });
            </script>

answered Jan 16, 2013 at 6:16

Neeraj Dangol

2231 silver badge12 bronze badges

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

4 Comments

Brett Gregson Over a year ago

You should not be using absolute paths (localhost) , you should use Yii base URL Yii::app()->request->baseUrl which points to the root (you could also use getcwd()). The reason is that when you upload it your live server you will have to find and replace all these paths. Using base URL makes the application more portable

Ashish Over a year ago

I am agree and I have tried both method but none of them is working. Could you please help.

Ashish Over a year ago

@Neeraj or eskimo, Could you guys help me with the images

Neeraj Dangol Over a year ago

first check the link to the images, run your code from the browser and use "Inspect Element" to check the images, if the images are loaded, then there is certainly some problem in the jquery code.....

Collectives™ on Stack Overflow

Unable to include javascript

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related