Giter Club home page Giter Club logo

Comments (4)

roblevintennis avatar roblevintennis commented on May 30, 2024

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

from buttons.

rdesouter avatar rdesouter commented on May 30, 2024

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

from buttons.

rdesouter avatar rdesouter commented on May 30, 2024

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?

from buttons.

roblevintennis avatar roblevintennis commented on May 30, 2024

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!

from buttons.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.