insert javascript in yii2 layout file

Question

I want to insert a javascript to this link on my navigation bar, here is my code in layout file.

$userItems = [];

            if (Yii::$app->user->isGuest) {
                 $userItems[] = [
                    'label' => 'How It Works?',
                    'items' => [
                        ['label' => 'Video', 'url' => ['/site/howto']], //I want to insert javascript here
                        ['label' => 'Slide', 'url' => ['/site/index']],
                    ],
                ];
                $userItems[] = [
                    'label' => 'Support',
                    'items' => [
                        ['label' => 'FAQ', 'url' => ['/site/index']],
                        ['label' => 'Live Chat', 'url' => ['/site/index']],
                    ],
                ];
                $userItems[] = [
                    'label' => 'App Store', 'url' => ['/site/index']
                ];
            } else {
                $userItems = MenuHelper::getAssignedMenu(Yii::$app->user->id);
            }
            echo Nav::widget([
                'options' => ['class' => 'navbar-nav navbar-left'],
                'items' => $userItems,
            ]);

Where should I put my code? I can't find a place to put it in /site/howto link

Set url # and add linkOptions param.

SiZE
– SiZE

2016-05-25 05:41:23 +00:00
Commented May 25, 2016 at 5:41 — SiZE
– SiZE, Commented May 25, 2016 at 5:41

Yasin Patel · Accepted Answer · 2016-05-25 05:49:46Z

Try This:

$userItems[] = [
                    'label' => 'How It Works?',
                    'items' => [
                        ['label' => 'Video',
                          'options' => [
                            'onclick' => 'Myfunction();', // give javascript function name
                            ], 
                         'url' => ['/site/howto']], 
                        ['label' => 'Slide', 'url' => ['/site/index']],
                    ],
                ];

Implement function in javascript as you want

2nd way :

$userItems[] = [
                    'label' => 'How It Works?',
                    'items' => [
                        ['label' => 'Video',
                          'options' => [
                            'class' => 'test', // give class name here
                            ], 
                         'url' => ['/site/howto']], 
                        ['label' => 'Slide', 'url' => ['/site/index']],
                    ],
                ];

In javascript :

$('.test').on('click', function(event){
    // your code
});

Collectives™ on Stack Overflow

insert javascript in yii2 layout file

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