Streaming live at 10am (PST)

Button to Link tab to the next tab


#1

Hello,

I really would like if someone would help me with this. I can't figure out, how to make a link-button to another tab pane. I would like such button in, to go to the next tab.

I tried the tips in other forumtopics, but that didn't work out, unfortenally.

Tabs are in the "over"/ "about" page.

https://preview.webflow.com/preview/?preview=0b3221e94f0e50b587c7e5af76e78a9c

website

Many thanks in forward, grtzz Corine


Show/hide an element with a Javascript
#2

Hello @Corine,
If i understand correct you already tried to use advice from this topic: http://forum.webflow.com/t/linking-to-specific-tab-from-another-link-or-button/3665

Could you say how your links looks like? There could be problem because of the names of tabs, you are using "!" character there.

Regards,
Anna


#3

Hello @sabanna,

Thanks for your reply, I almost skipped the tab-link-button, but on mobile it is important to have one.

Since I'm not a native english speaker and not a webdesigner (code is like witchcraft to me), it was difficult for me to figure out you're linked topic. I did a trie, but it didn't work out, the instructions where to messy for me, sry, for that.

Can you help me with a easy instruction, at the level for Dummies (don't know if this an english word, but It means for someone who has no clue of the material). I would really appreciate that, but I understand if that's takes to much time from you :-). Let me know, I don't mind :smile:

Thanks again, grtzz Corine


#4

Ok, lets try :smiley:

First put this code to the </body> code section:

<script>
var Webflow = Webflow || [];
Webflow.push(function () {
  var tabName = getParam('tab');
  if (!tabName) return;

  $('.' + tabName).triggerHandler('click');

  function getParam(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
      results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
  }
});
</script>

#5

Hi! Is this in the page there where is : before bodytag ? I did put it there in


#6

Here


#7

ok, I did that ...... ...............................


#8

Ok, now I would recommend to change tab names here to something which is 1 word only, without any special characters and no capital letters


For example:
1)curacao
2)limburg
...etc


#9

Done that .....................................................


#10

Well, now buttons, which you want to bring user to this tabs will have to have links:

https://www.divaliziamagazine.com/about?tab=cura
https://www.divaliziamagazine.com/about?tab=limb
https://www.divaliziamagazine.com/about?tab=insp
https://www.divaliziamagazine.com/about?tab=crea
https://www.divaliziamagazine.com/about?tab=gevo

But it will work
only on published site

Try it


#12

Where is that links, which has to bring user to tabs?


#14

umm... maybe there is the problem :frowning: I am not so good in all this redirecting stuff


#15

ok, but the reroute is from the .nl, strange, my provider fixed that...

But is the button link alright now (if it should pop-up in google?) Then I got the picture and manage it on my own!

Is this problem with google a topic for the forum, or shall I ask to the support?

I will already thank you very much...


#16

Tthis links? they didn't clickable to me :confused:


#18

I've got a serieus problem with the security of google, I post it in a new topic.


#19

owww... ok, now I see that, try use "http" instead of "https"


#20

ok, than there's no google blocking, pffff, but when I click, I go to first section of "over" page, not to the next tab, unfortenally


#21

ok , here is some other option, probably you have to use ".html" in links, so links will look like
https://www.divaliziamagazine.com/about.html?tab=gevo

Btw, I can't open your site now


#22

Hi Sabanna! You're right about the google blokking: it is happening when I use https://

You're link in previeus answer doesn't work, than google is blokking it. Is that a normal thing?

I trie you're code for the tab-link


#23

The code doen't work either, I now got the 404.

Can't you open my website? I don't get it anymore, sry.....

I removed all new code and published again,