search

metafizzy / isotope-docs

:memo: documentation for Isotope
13 stars 7 forks source link

Hash / History #4

Closed desandro closed 8 years ago

desandro commented 10 years ago

missing from v2 docs. Re-do it with native hashchange event instead of old old jQuery BBQ

jpcharrier commented 9 years ago

Any traction on this? We are looking at this to use on a site we are building at present, but would rather not include yet another js library. Is this something thats already implemented and we are waiting for docs? Or are we waiting for it to be implemented?

Dedalos commented 9 years ago

Hi, some solution on this?

desandro commented 9 years ago

Hi there! Hash history is not a feature that will be implemented in Isotope. The goal of this ticket is to add example on how to use native hashchange event in your browser to hook it up with Isotope. So far, I haven't been able to get around to it. Sorry for the wait!

jpcharrier commented 9 years ago

It would be great to get some examples of this working with isotope and multiple sorting/filtering options in the URL. For those of us who aren't jQuery/VanillaJS guru's its a very painful track to try and figure this out.

Its a real shame there won't be a direct implementation within Isotope. As I know many of our sites would want to use this, but its simply beyond our scope to enable this to happen. Linking directly to a filtered & sorted list from a link or url is exactly what many of our clients want.

Dedalos commented 9 years ago

Yes..., that is a needing for Isotope in order be a real solution. If it is for making fancy effects or filtering it's OK, but if the user want to share the content in social networks or make a reference to some content via URL, what?. Would be great to have some example about how to do it with "hashchange ", it will be a real plus for Isotope. My knowledge on JS is very limited. I've been developing a kind of framework for developing websites templates using Isotope features, and now I realize I cannot test in the development process reloading the page "f5" without navigate each time to the specific content I want to test/customize. :-/ . Congratulations anyway for this great library. Hope you, or the community could find a solutions / working example of this. Cheers from Canary Islands.

desandro commented 9 years ago

Thanks so much for following up. Your input helps me understand your pain points.

It sounds like, for both instances, you would appreciate a comprehensive solution that you can plug in to Isotope. Some of the snags I've ran into before is how hash history works with your UI. Filtering Isotope is easy, but setting the selected state on buttons, or checking checkboxes is the hard part. I'll be considering your requests as I build this out.

downFast commented 9 years ago

Any update on this? For the moment I had to combine your combo+history from V1 and use it with isotope V2 and it works fine, but I was wondering if you had any progress on this. Thanks @desandro

desandro commented 9 years ago

Added Filtering with URL hash example to CodePen:

http://s.codepen.io/desandro/debug/vErxXj#filter=%3Anot(.transition)

View code: http://codepen.io/desandro/pen/vErxXj

Documented in Filtering - URL Hash

downFast commented 9 years ago

@desandro thanks! WIll this work with combination filters too?

desandro commented 9 years ago

Sorry, no. This was just to get something up. The same principle can be applied to combination filters. But I think I'd rather provide that comprehensive solution I mentioned earlier.