Comments on: A Continuation of the Isotope Tutorial: Hash History with Isotope https://www.designlunatic.com/2012/08/a-continuation-of-the-isotope-tutorial-hash-history-with-isotope/ Just another WordPress site Tue, 03 May 2022 15:33:00 +0000 hourly 1 http://wordpress.org/?v=3.6.1 By: Matteo Chiti https://www.designlunatic.com/2012/08/a-continuation-of-the-isotope-tutorial-hash-history-with-isotope/#comment-253 Matteo Chiti Wed, 26 Jun 2013 23:43:00 +0000 http://www.designlunatic.com/?p=1200#comment-253 Hi and thanks for these tutorials about isotope! :)

Can I apply this script together with the tutorial of active links and apply the hash to the title attribute?
Thanks again! :)

]]> By: Alexandre Smirnov https://www.designlunatic.com/2012/08/a-continuation-of-the-isotope-tutorial-hash-history-with-isotope/#comment-236 Alexandre Smirnov Wed, 01 May 2013 22:23:00 +0000 http://www.designlunatic.com/?p=1200#comment-236 How exactly are you initiating isotope for each one? Separate function calls or are you using only one selector, e.g. “$(‘.class1, class2′).isotope”?

]]> By: Bob Rast https://www.designlunatic.com/2012/08/a-continuation-of-the-isotope-tutorial-hash-history-with-isotope/#comment-235 Bob Rast Wed, 01 May 2013 21:54:00 +0000 http://www.designlunatic.com/?p=1200#comment-235 Great tutorials! I want to use three instances of isotope – each in a separate tab – to display lists of congressional and regulatory actions. I’m not well versed in javascript and I find that my first-panel isotope instance of isotope displays and sorts just fine, but in tabs 2 and 3 the display is collapsed into a pile. Is there a way to initiate multiple isotope instances on a page, and if so, would appreciate guidance on how to do it.

Thanks,

]]> By: Asd https://www.designlunatic.com/2012/08/a-continuation-of-the-isotope-tutorial-hash-history-with-isotope/#comment-226 Asd Wed, 06 Mar 2013 21:18:00 +0000 http://www.designlunatic.com/?p=1200#comment-226 when your isotope container is located down the page and you want to prevent the whole page from jumping to the top, when a user klicks “all” (therefore #):

    var selector = $(this).attr(‘data-filter’); 
    var prettyselector = selector.substr(1); 
                                                   
    if(prettyselector==”"){
        location.hash = “none”;
    } else {
        location.hash = prettyselector;

AND

    if(location.hash!=”#none”){
        var hashfilter = “.” + location.hash.substr(1);
    }
    else {
        var hashfilter = “*”;
    }

no hands need to be layed on document.ready.

]]> By: Aline Rodrigues https://www.designlunatic.com/2012/08/a-continuation-of-the-isotope-tutorial-hash-history-with-isotope/#comment-131 Aline Rodrigues Fri, 25 Jan 2013 18:19:00 +0000 http://www.designlunatic.com/?p=1200#comment-131 How use this in a external link?

]]> By: Derick https://www.designlunatic.com/2012/08/a-continuation-of-the-isotope-tutorial-hash-history-with-isotope/#comment-130 Derick Fri, 26 Oct 2012 04:35:00 +0000 http://www.designlunatic.com/?p=1200#comment-130 Thanks for the reply. I haven’t had any success following your instructions yet (I’m not very experienced with jquery) but I’m grateful for the fast response.

]]> By: Alexandre Smirnov https://www.designlunatic.com/2012/08/a-continuation-of-the-isotope-tutorial-hash-history-with-isotope/#comment-129 Alexandre Smirnov Thu, 25 Oct 2012 05:22:00 +0000 http://www.designlunatic.com/?p=1200#comment-129 Follow the hash history tutorial completely, and once you have that set up and working, do the following:
In the “active cat” tutorial, take a look at the 

$(‘#nav a’).click(function(){

Specifically, look at the 
$container.attr(‘data-current’,selector);
Code inside it.  Just add
if(location.hash!=”"){        var hashfilter = “.” + location.hash.substr(1);    }    else{        var hashfilter = “*”;    }
selector = hashfilter;

}

Right before it.
Make sure you have all the functions from the “hash history” tutorial; the hashchange function, the code that detects the hash when the page loads, and so on.  

The “hashchange” function from the “hash history” tutorial should take care of the rest.  Really, just copy-paste the code from both tutorials into one big JS file, and make sure that the “location.hash” is being plugged into “#container” “data-current attribute.  Delete the right code blocks and it should work fine.

]]> By: Derick https://www.designlunatic.com/2012/08/a-continuation-of-the-isotope-tutorial-hash-history-with-isotope/#comment-128 Derick Thu, 25 Oct 2012 04:02:00 +0000 http://www.designlunatic.com/?p=1200#comment-128 Thank for the tutorials! I’m using isotope to filter some content and I’ve used your tutorials to apply hash history to great success. I’ve also been able to highlight the currently active link with your other tutorial on another page. I can’t, however, combine the too. Any suggestions?

]]> By: Alexandroid https://www.designlunatic.com/2012/08/a-continuation-of-the-isotope-tutorial-hash-history-with-isotope/#comment-127 Alexandroid Thu, 13 Sep 2012 15:12:00 +0000 http://www.designlunatic.com/?p=1200#comment-127 Yes, problems with clicking on All again in IE10 – it`s not working.
Very interesting post, so I`m waiting for continuation of a story.

]]> By: Victoria Boarer https://www.designlunatic.com/2012/08/a-continuation-of-the-isotope-tutorial-hash-history-with-isotope/#comment-126 Victoria Boarer Mon, 03 Sep 2012 11:10:00 +0000 http://www.designlunatic.com/?p=1200#comment-126 There seems to be problem when you click on the filter links and then click on All again, in IE (I am using version 9), it doesn’t bring them all up again?

Also I’m having trouble with using isotope in wordpress, it works in all other browsers except IE, I’m wondering if I’m doing something wrong (www.riotcreative.co.uk/dc/) any help would be great.

]]>