Profile
Achievement
 
    
                Meander365's Recent Snippets
- All /
This is a cut down example using custom tabs (you can easily add a custom ajax event to load in content - just follow Ben Alman's example).
        
        
        
            0 
        
        
            1558 
        
                    posted 14 years ago by Meander365
            Great for developing multiple sites under a wamp install.  Removes the headache of paths and domains and changing them when deploying to their live environment.
        
        
        
            1 
        
        
            1437 
        
                    posted 14 years ago by Meander365
            Also includes the fix for when the user resizes the window.
        
        
        
            4 
        
        
            1233 
        
                    posted 15 years ago by Meander365
            Another handy one and one which I see quite often.  You rollover an element and it animates. You then mouseover and mouseleave really quickly, multiple times and all the animations gets queued. This solves that problem. The delay(200) is like adding...
        
        
        
            1 
        
        
            1372 
        
                    posted 15 years ago by Meander365
            Handy. Hide an element as soon as possible, before document.ready. The element gets hidden but only when a class is applied to the html via js.
        
        
        
            1 
        
        
            1161 
        
                    posted 15 years ago by Meander365
            I can see this being useful for when you want to pass a lot of associated data to an event handler from elements and their chosen trigger action.
        
        
        
            1 
        
        
            1364 
        
                    posted 15 years ago by Meander365
            For those multiple rollovers - and their multiple flashes! The solution is to stop(!) them.
        
        
        
            2 
        
        
            1146 
        
                    posted 15 years ago by Meander365
            Dave Metvin\'s method. Two tricks to the method:\r\n\r\n$($boxes[div++] || []) - increaments \"div\" and passes an empty array if the element doesnt exist (so it exists).\r\n\r\narguments.callee - the name of the function  currently being executed.
        
        
        
            1 
        
        
            1192 
        
                    posted 15 years ago by Meander365
            When you load content into a jquery ui dialog box which contains a textarea element that you use FCKeditor on. The second time you open the dialog, FCKeditor fails to load.
You have to destroy it when you close the dialog box.
        
        
        
            0 
        
        
            1272 
        
                    posted 15 years ago by Meander365
            Track how long code takes to load by using a cross browser profiler. Useage :
		profiler("start");
//your js
		profiler.done("#profiler");
        
        
        
            0 
        
        
            1011 
        
                    posted 15 years ago by Meander365
            This is dead handy. The purpose of the custom filter is to select all elements which have data attached. You can even find specific data.
        
        
        
            1 
        
        
            1475 
        
                    posted 15 years ago by Meander365
            Uses html5 geolocation to determine device position and sets this as the starting point for directions on a Google Map.  Use modernizer to detect support.\r\n\r\nhttp://diveintohtml5.org/geolocation.html\r\n\r\nhttp://code.google.com/apis/maps/docume...
        
        
        
            1 
        
        
            2646 
        
                    posted 15 years ago by Meander365
            Great for those situations where you need an element fixed on a page - so when a user scrolls it stays in the same position - *relative to its parent element*.
        
        
        
            0 
        
        
            1336 
        
                    posted 15 years ago by Meander365
            A small plugin that you can use in the jQuery chain to delay the next in queue. For those using a jQuery library pre 1.4 (v1.4 + has .delay() ).
$('.notice').fadeIn().idle(2000).fadeOut('slow');
        
        
        
            0 
        
        
            1099 
        
                    posted 15 years ago by Meander365
            In the example .description is a label and so needs to be made a block level element.  For <p> elements (etc) this is not needed.
The key to all this is overflow:hidden.
        
        
        
            0 
        
        
            1188 
        
                    posted 15 years ago by Meander365
            Incredibly useful. Great when you need to remove and add options to selectboxes.
        
        
        
            0 
        
        
            1425 
        
                    posted 15 years ago by Meander365