Problem with opening a new Tab and showing a specific URL Based on item Clicked ----
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.
What I did was like this::
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 --
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.