Vfxdude

premium wordpress themes

• Home
• Documentation
• Downloads
• Forum

Register or log in - lost password?

Username
Password

Remember me

1. 

   myrto
   Member

   Hi,

   Is it possible to make tabs to link to another url rather than the same page ?

   Thank you in advance

   Myrto

   Posted 9 months ago #
2. 

   vfxdude
   admin

   it's possible to add a jQuery listener to the tab anchor and redirect that way.

   Posted 9 months ago #
3. 

   myrto
   Member

   Hello vfxdude! Hope all is well! After 7 months and I'm still trying to solve this :-(
   I found this script online
   <script>
$(function() {
//initiate tabs
$( "#tabs" ).tabs();

   //Determine is the URL contains an Anchor, and what the value is
   var anchor = $(document).attr('location').hash; // the anchor in the URL- Thanks Mike!

   //now the 3 scenarios we need to handle
   if($("#Tab2").find( anchor).size()>0){
   //the anchor lives in Tab2
   $("#tabs").tabs('select', 1);
   }else if($("#Tab1").find( anchor).size()>0){
   //the anchor lives in Tab1
   $("#tabs").tabs('select', 0);
   }else{
   var index = $('#tabs div.ui-tabs-panel').index($(anchor)); //Thanks Mike!
   if(index >=0){
   //the anchor _is_ tab 1 or 2
   $('#tabs').tabs('select', index);
   }
   }
   //anchor resides outside tabs, or doesn't exist, take no action

   //This line will update our URL anytime a tab is selected - Thanks Mike!
   //setting this before now will cause odd behavior
   $("#tabs").bind('tabsshow', function(event, ui){document.location =$(document).attr('location').pathname + "#" + ui.panel.id; });

   });

   </script>

   However I'm not sure how to modify it in order to make it work.
   Any help would be greatly appriciated!

   All the best

   Posted 1 month ago #
4. 

   vfxdude
   admin

   After 7 months and I'm still trying to solve this

   Hire a developer :)

   Posted 1 month ago #
5. 

   vfxdude
   admin

   But since I'm nice I'll show you how I would have done it:

   <script>jQuery(function($){
$(".tabs > li:eq(1)").click(function() { window.location.href = 'http://wordpress.org'; });
});</script>

   this will redirect tab2 (change the eq(1) number to change what tab to redirect) to the url specified. Just add the code in the page together with the tab shortcode.

   Posted 1 month ago #
6. 

   myrto
   Member

   You are the best! :-)))) Thank you!

   Posted 1 month ago #
7. 

   vfxdude
   admin

   just a little update to prevent the tab content from showing before redirecting.

   <script>jQuery(function($){
   $(".tabs > li:eq(1) > a").click(function(e) {
     e.preventDefault();
     window.location.href = 'http://wordpress.org';
   });
   });</script>

   Posted 1 month ago #

RSS feed for this topic

Reply

You must log in to post.