Response title
This is preview!
Problem with opening a new Tab and showing a specific URL Based on item Clicked ----
in Using jQuery
•
7 years ago
Hello All,
Greetings,
I'm getting a few errors [well, outputs not as expected] on a scenario. I'll describe it.
Basically, on my web page, I have several small image thumbnails. These are just images of some organisations/companies. Now, on clicking any of them, I wanted that it would open a new separate tab on the browser, and display a certain specific page; namely the careers page of that particular comp/org. That's it. Sounds brief and straight enough.
The jQuery I wrote --
Now what happens, is that even though a new separate tab opens, the page won't be displayed. It is blank. Even though the url and all I checked them, are all absolutely ok and correct. The url bar of the newly opened window shows 'about:blank'.
Why is this so? Just needed some help on getting this work neat, friends. Please help me a little on this one.
Thanks,
And Merry Christmas All.
Greetings,
I'm getting a few errors [well, outputs not as expected] on a scenario. I'll describe it.
Basically, on my web page, I have several small image thumbnails. These are just images of some organisations/companies. Now, on clicking any of them, I wanted that it would open a new separate tab on the browser, and display a certain specific page; namely the careers page of that particular comp/org. That's it. Sounds brief and straight enough.
What I did was like this::
The html markup portion --
The html markup portion --
- <table style="background-color:rgb(242, 231, 189)">
- <tr>
- <td><a href="" onclick="return showParentSite('deloitte');"><span class="Cfocus"></span><img src="Resource/Comps/comp1.jpg" width="145px" height="65px" alt="" title="" /></a></td>
- <td><a href="" onclick="return showParentSite('infosys');"><span class="Cfocus"></span><img src="Resource/Comps/comp2.png" width="145px" height="65px" alt="" title="" /></a></td>
- <td><a href="" onclick="return showParentSite('wipro');"><span class="Cfocus"></span><img src="Resource/Comps/comp3.jpg" width="145" height="" alt="" title="" /></a></td>
- <td><a href="" onclick="return showParentSite('adecco');"><span class="Cfocus"></span><img src="Resource/Comps/comp4.png" width="145" height="" alt="" title="" /></a></td>
- <td><a href="" onclick="return showParentSite('sungard');"><span class="Cfocus"></span><img src="Resource/Comps/comp5.jpg" width="145" height="65px" alt="" title="" /></a></td>
- <td><a href="" onclick="return showParentSite('hp');"><span class="Cfocus"></span><img src="Resource/Comps/comp6.png" width="145" height="" alt="" title="" /></a></td>
- <td><a href="" onclick="return showParentSite('schlumberger');"><span class="Cfocus"></span><img src="Resource/Comps/comp7.jpg" width="145" height="65px" alt="" title="" /></a></td>
- <td><a href="" onclick="return showParentSite('odessa');"><span class="Cfocus"></span><img src="Resource/Comps/comp8.png" width="145" height="65px" alt="" title="" /></a></td>
- <td><a href="" onclick="return showParentSite('infomedia');"><span class="Cfocus"></span><img src="Resource/Comps/comp9.jpg" width="145" height="" alt="" title="" /></a></td>
- </tr>
- </table>
The jQuery I wrote --
- function showParentSite(obj) {
- var url = null;
- switch(obj)
- {
- case 0:
- obj = 'deloitte';
- url="http://www2.deloitte.com/in/en.html";
- break;
- case 1:
- obj = 'infosys';
- url="http://www.infosys.com/";
- break;
- case 2:
- obj = 'wipro';
- url="http://www.wipro.com/";
- break;
- case 3:
- obj = 'adecco';
- url="http://www.adecco.co.in/";
- break;
- case 4:
- obj = 'sungard';
- url="https://www.sungard.com/";
- break;
- case 5:
- obj = 'hp';
- url="http://www8.hp.com/us/en/jobs/index.html?jumpid=va_jtfz1bkq3m";
- break;
- case 6:
- obj = 'schlumberger';
- url="https://careers.slb.com/";
- break;
- case 7:
- obj = 'odessa';
- url="https://www.odessatechnologies.com/";
- break;
- case 8:
- obj = 'infomedia';
- url="https://infomedia.com/";
- break;
-
- }
- var win = window.open(url, '_blank');
- win.focus();
- }
Now what happens, is that even though a new separate tab opens, the page won't be displayed. It is blank. Even though the url and all I checked them, are all absolutely ok and correct. The url bar of the newly opened window shows 'about:blank'.
Why is this so? Just needed some help on getting this work neat, friends. Please help me a little on this one.
Thanks,
And Merry Christmas All.
1