Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

a href doesn't go to the link #52

Open
rdesouter opened this issue Dec 18, 2014 · 4 comments
Open

a href doesn't go to the link #52

rdesouter opened this issue Dec 18, 2014 · 4 comments

Comments

@rdesouter
Copy link

Hi there,

A simple question,how can I go to the link when I remplace the ?

When I click on buttons I cannot go to the link that I use.

Thanks
any where good job for this design buttons

@roblevintennis
Copy link
Collaborator

@noron1985 I'm not sure I understand the issue. Have you tried just replacing it with a relative or absolute URL? Mozilla explanation ... sorry if I'm misunderstanding, but you can replace (# .. hash) with a real URI and you should be good. Please provide an example or codepen if I haven't answered your question.

@rdesouter
Copy link
Author

Maybe it's better if I give you an example on this site
http://usb2014.besaba.com/
for the 3d button when I click on "check out the new website" (I use absolute URL for google.com) when I click on it it's doesn't redirect to google.com
Can you help me?is you need the code maybe?

Sorry if is wasn't explicit last post

thanks for your answer anyway

@rdesouter
Copy link
Author

Sorry to disturb,
actually I've try to copy just piece of code and it's work fine (http://usb2014.besaba.com/test/test.html)
but I've download buttons design element and I upload 'showcase' file ,absolute link doesn't work.

Any idea of the reason?Missing files?

@roblevintennis
Copy link
Collaborator

Ah ok I understand now. Right, so the showcase itself is also hosted (as you know) at unicorn-ui.com/buttons, and so we have javascript in there that intercepts some of those links and basically does preventDefault and stopPropogation which, essentially, cancels the link behavior. In fact, if you use one of those browser extensions to turn of javascript it would probably follow the link (not that you should do this). This is because we didn't want folks bouncing off the demo showcase page as they tried out Buttons. Hope that makes sense and sorry for the confusion.

I'd suggest you create your own page to add in markup per these directions and then the links will “follow”

As for your http://usb2014.besaba.com/test/test.html page, it looks like all is behaving correctly no? The <button> element would likely be used if you wanted to intercept clicks with your own javascript, and the <a> if you just want the link to be followed.

Hope that helps. If you still have trouble lmk and I'll create a gist or something, but I think if you follow those setup installation instructions in your own page you'll find the link all work as expected. Good luck!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants