Skip to content

a href doesn't go to the link #52

Description

@rdesouter

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

Activity

  1. roblevintennis commented on Dec 19, 2014

    @roblevintennis
    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.

  2. rdesouter commented on Dec 19, 2014

    @rdesouter
    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

  3. rdesouter commented on Dec 19, 2014

    @rdesouter
    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?

  4. roblevintennis commented on Dec 19, 2014

    @roblevintennis
    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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions