Corine
(Van Ringen.)
November 15, 2015, 12:32pm
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
sabanna
(Anna)
November 17, 2015, 4:18pm
2
Hello @Corine ,
If i understand correct you already tried to use advice from this topic: Linking to Specific Tab from another Link or Button - General - Forum | Webflow
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
Corine
(Van Ringen.)
November 17, 2015, 4:52pm
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
Thanks again, grtzz Corine
sabanna
(Anna)
November 17, 2015, 5:02pm
4
Ok, lets try
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>
Corine
(Van Ringen.)
November 17, 2015, 5:04pm
5
Hi! Is this in the page there where is : before bodytag ? I did put it there in
sabanna
(Anna)
November 17, 2015, 5:26pm
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
1 Like
sabanna
(Anna)
November 17, 2015, 5:39pm
10
sabanna
(Anna)
November 17, 2015, 5:52pm
12
Where is that links, which has to bring user to tabs?
sabanna
(Anna)
November 17, 2015, 5:56pm
14
umm… maybe there is the problem I am not so good in all this redirecting stuff
Corine
(Van Ringen.)
November 17, 2015, 5:59pm
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…
sabanna
(Anna)
November 17, 2015, 6:04pm
16
Tthis links? they didn’t clickable to me
Corine
(Van Ringen.)
November 17, 2015, 6:08pm
18
I’ve got a serieus problem with the security of google, I post it in a new topic.
1 Like
sabanna
(Anna)
November 17, 2015, 6:08pm
19
owww… ok, now I see that, try use “http” instead of “https”
Corine
(Van Ringen.)
November 17, 2015, 6:11pm
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
sabanna
(Anna)
November 17, 2015, 6:15pm
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
Corine
(Van Ringen.)
November 17, 2015, 6:17pm
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
Corine
(Van Ringen.)
November 17, 2015, 6:20pm
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,