Trouble opening a blank URL with Javascript

Question

Building an image gallery with Responsive & Filterable jQuery Portfolio Gallery Plugin - Elastic Grid found HERE--> http://www.jqueryscript.net/layout/Responsive-Filterable-jQuery-Portfolio-Gallery-Plugin-Elastic-Grid.html

Got this in a separate linked js file...

{
                    'title'         : 'WBIR.com Remake',
                    'description'   : 'Detailed Description Goes Here',
                    'thumbnail'     : ['images/small/39.jpg'],
                    'large'         : ['images/large/39.jpg'],
                    'button_list'   :
                    [
                        **{ 'title':'Live Preview', 'url' : 'http://dkdesigns.us/aiu/uploads/web/k_downey_ip5_vcdd330/index.html',},**
                    ],

                    'tags'          : ['Web']
                },

Can anyone point me in the right direction on how to make this Live Preview link open in a new window please?

Rik · Answer 1 · 2015-11-02T03:45:49.563

I know this is a bit old, but looking at the latest source I see that this feature is now supported (as well as that there was never an answer accepted).

You would need to write your code similarly to as follows:

...
{
    'title'         : 'WBIR.com Remake',
    'description'   : 'Detailed Description Goes Here',
    'thumbnail'     : ['images/small/39.jpg'],
    'large'         : ['images/large/39.jpg'],
    'button_list'   :
    [
        { 
            'title': 'Live Preview', 
            'url': 'http://dkdesigns.us/aiu/uploads/web/k_downey_ip5_vcdd330/index.html', 
            'new_window': true, 
        },
    ],
    'tags': [ 'Web' ]
}
...

Please notice the newly added 'new_window': property in the first object of the button_list array.

I hope that this helps those in the future who go looking like I did, to more quickly - and easily - find the answer.

Thanks.That looks much easier. I will check out the newest version as well. — Kevin Downey, Nov 03 '15 at 23:40

score 0 · Answer 2 · answered Sep 21 '14 at 05:26

This plugin you have found does not support opening up links in new windows.

However editing the elastic_grid.js that comes with the code, as shown below would solve your issue.

if(urlList.length > 0){
   for (i = 0; i < urlList.length; i++){
      var ObjA = $('<a target="_blank"></a>');
      ObjA.addClass('link-button');
      if(i==0){
       ObjA.addClass('first');
      }
      ObjA.attr("href", urlList[i]['url']);
      ObjA.html( urlList[i]['title']);
      this.$detailButtonList.append(ObjA);
   }
}

score 0 · Answer 3 · answered Sep 23 '14 at 00:05

Thaks so much. Got it working…

In the “elastic_grid.js” …this is the code that did the trick…

if(urlList.length > 0)
                {
                    for (i = 0; i < urlList.length; i++)
                    {
                        var ObjA = $('<a target="_blank"></a>');
                        ObjA.addClass('link-button');
                        if(i==0){
                            ObjA.addClass('first');
                        }
                        ObjA.attr("href", urlList[i]['url']);
                        ObjA.html( urlList[i]['title']);
                        /* ObjA.attr("target", "_blank"); */
                        this.$detailButtonList.append(ObjA);

                    }
                }

You are awesome! Thanks! Kevin

Trouble opening a blank URL with Javascript

3 Answers3