www.webdeveloper.com
Results 1 to 4 of 4

Thread: infinite scroll help

Hybrid View

  1. #1
    Join Date
    Oct 2009
    Posts
    13

    infinite scroll help

    Hello all,

    Its been a while, I hope everyone is doing well. I have a wordpress site that I'm trying to get up and running: www.itsniceoutside.com (NSFW depending on where you work, just a heads up don't want to get anyone in trouble.) I'm loading all my posts on one page but I was hoping to install infinite scroll so it would load a little bit of the site at a time. So why is this in the css section you ask? Because I have to identify certain css selectors to infinite scroll for it to work, and am having trouble on which ones need to be identified.

    Here are the selectors I am searching for:

    Content CSS Selector
    The DIV that wraps around all posts. New posts will be inserted at the bottom of this DIV.

    Post CSS Selector
    The selector that selects all posts on a page. Each post must be surrounded by a single DIV.

    Navigation links CSS Selector
    This DIV contains the Next Posts and Previous Posts link.

    Previous Posts CSS Selector
    This A tag is what points to the 2nd page of posts.

    I'm calling the following selectors right now and IS is not working:

    Content CSS Selector:
    #sort

    Post CSS Selector:
    div.box-content

    Navigation Links CSS Selector:
    .navigation

    Previous posts CSS Selector:
    .nav-next


    Any help would be greatly appreciated.

    Thanks in advance.
    J



    You can see the plug in's web page here: http://www.infinite-scroll.com

  2. #2
    Join Date
    Oct 2009
    Posts
    13
    I'm sorry I expected people to go to look at the source, but I have it hidden.

    The code is:

    Code:
    <!DOCTYPE html>
    <html dir="ltr" lang="en-US">
    <head>
    <meta charset="UTF-8" />
    <title>Now Go Play! | Now Go Play!</title>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="http://thisisstate.com/blog/xmlrpc.php" />
    
    <link rel="stylesheet" href="http://thisisstate.com/blog/wp-content/themes/its-nice-outside/style.css" type="text/css" />
    <link rel="stylesheet" href="http://thisisstate.com/blog/wp-content/themes/its-nice-outside/js/colorbox/colorbox.css" />
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="http://thisisstate.com/blog/wp-content/themes/its-nice-outside/css/ie.css" />
    <![endif]-->
    
    	<link rel='stylesheet' type='text/css' href="http://thisisstate.com/blog/wp-content/themes/its-nice-outside/skins/custom.css" media="screen" />
    
    <link rel='stylesheet' type='text/css' href="http://thisisstate.com/blog/?shaken-custom-content=css" media="screen" />
    
    				
    	<script type="text/javascript">//<![CDATA[
    	// Google Analytics for WordPress by Yoast v4.06 | http://yoast.com/wordpress/google-analytics/
    	var _gaq = _gaq || [];
    	_gaq.push(['_setAccount','UA-20051396-1']);
    	_gaq.push(['_trackPageview']);
    	(function() {
    		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    	})();
    	// End of Google Analytics for WordPress by Yoast v4.0
    	//]]></script>
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=3.0.3'></script>
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://thisisstate.com/blog/xmlrpc.php?rsd" />
    <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://thisisstate.com/blog/wp-includes/wlwmanifest.xml" /> 
    <link rel='index' title='Now Go Play!' href='http://thisisstate.com/blog' />
    <meta name="generator" content="WordPress 3.0.3" />
    
    	<script type="text/javascript">
        WebFontConfig = {
        google: { families: [ 'Yanone Kaffeesatz:300', 'Yanone Kaffeesatz:400' ] }
        };
        (function() {
        var wf = document.createElement('script');
        wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
            '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
        wf.type = 'text/javascript';
        wf.async = 'true';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(wf, s);
        })();
        </script>
    
    
    </head>
    
    <body class="home blog logged-in">
    <div class="wrap">    
        <div id="grid">
        
    	<div id = "mylogo">
    </div>
    <div id="filtering-nav">
            <a href="#" class="filter-btn"><span>Filter</span></a>
            <ul>
                <li><a href="#all" class="all">All</a></li>
                        <li><a href="#black" class="black">Black</a></li>
                         <li><a href="#blue" class="blue">Blue</a></li>
                         <li><a href="#brown" class="brown">Brown</a></li>
                         <li><a href="#color" class="color">Color</a></li>
                         <li><a href="#cream" class="cream">Cream</a></li>
                         <li><a href="#eggplant" class="eggplant">Eggplant</a></li>
                         <li><a href="#gold" class="gold">Gold</a></li>
                         <li><a href="#gray" class="gray">Gray</a></li>
                         <li><a href="#grayscale" class="grayscale">Grayscale</a></li>
                         <li><a href="#green" class="green">Green</a></li>
                         <li><a href="#green-gray" class="green-gray">Green Gray</a></li>
                         <li><a href="#lavender" class="lavender">Lavender</a></li>
                         <li><a href="#lilac" class="lilac">Lilac</a></li>
                         <li><a href="#maroon" class="maroon">Maroon</a></li>
                         <li><a href="#mint" class="mint">Mint</a></li>
                         <li><a href="#mustard" class="mustard">Mustard</a></li>
                         <li><a href="#olive" class="olive">Olive</a></li>
                         <li><a href="#orange" class="orange">Orange</a></li>
                         <li><a href="#peach" class="peach">Peach</a></li>
                         <li><a href="#pink" class="pink">Pink</a></li>
                         <li><a href="#plum" class="plum">Plum</a></li>
                         <li><a href="#red" class="red">Red</a></li>
                         <li><a href="#red-green" class="red-green">Red Green</a></li>
                         <li><a href="#rust" class="rust">Rust</a></li>
                         <li><a href="#salmon" class="salmon">Salmon</a></li>
                         <li><a href="#violet" class="violet">Violet</a></li>
                         <li><a href="#white" class="white">White</a></li>
                         <li><a href="#yellow" class="yellow">Yellow</a></li>
                         <li><a href="#yellow-green" class="yellow-green">Yellow Green</a></li>
                      </ul>
             <div class="clearfix"></div>
    </div>
    
    
    
    	<div id="nav-above" class="navigation">
            <div class="nav-previous"><a href="http://thisisstate.com/blog/?paged=2" ><span class="meta-nav">&larr;</span> Older</a></div>
            <div class="nav-next"></div>
            <div class="clearfix"></div>
        </div><!-- #nav-below -->
    
    	<!-- ====================================================================
        							Post Items
        ==================================================================== -->
    	<div id="sort">
        	
                    
                    			        
    		        
            <div class="all box black gray grayscale white col4">
    			
                <div class="box-content">
                
    				                
                                    
                    <p><img class="alignnone size-full wp-image-1323" src="http://thisisstate.com/blog/wp-content/uploads/2010/12/itsniceoutside_00078.jpg" alt="" width="660" height="506" /></p>
    				
                                    
                    <a class="post-edit-link" href="http://thisisstate.com/blog/wp-admin/post.php?post=1322&amp;action=edit" title="Edit Post">Edit this post</a>                
             	</div><!-- #box-content -->
            </div><!-- #box -->
                    
            <div class="all box black gray grayscale white col4">
    			
                <div class="box-content">
                
    				                
                                    
                    <p><img class="alignnone size-full wp-image-1320" src="http://thisisstate.com/blog/wp-content/uploads/2010/12/itsniceoutside_00077.jpg" alt="" width="660" height="517" /></p>
    				
                                    
                    <a class="post-edit-link" href="http://thisisstate.com/blog/wp-admin/post.php?post=1319&amp;action=edit" title="Edit Post">Edit this post</a>                
             	</div><!-- #box-content -->
            </div><!-- #box -->
                    
            <div class="all box black gray grayscale white col4">
    			
                <div class="box-content">
                
    				                
                                    
                    <p><img class="alignnone size-full wp-image-1317" src="http://thisisstate.com/blog/wp-content/uploads/2010/12/itsniceoutside_00076.jpg" alt="" width="660" height="485" /></p>
    				
                                    
                    <a class="post-edit-link" href="http://thisisstate.com/blog/wp-admin/post.php?post=1316&amp;action=edit" title="Edit Post">Edit this post</a>                
             	</div><!-- #box-content -->
            </div><!-- #box -->
                </div><!-- #sort -->
    
    	<div id="nav-below" class="navigation">
            <div class="nav-previous"><a href="http://thisisstate.com/blog/?paged=2" ><span class="meta-nav">&larr;</span> Older</a></div>
            <div class="nav-next"></div>
            <div class="clearfix"></div>
        </div><!-- #nav-below -->
    
    	</div><!-- #grid -->
        
    </div><!-- #wrap -->
    <!--=================================
        Footer
    ================================= -->
    <br class="clearfix" />
    <script src="http://thisisstate.com/blog/wp-content/themes/its-nice-outside/js/plugins.js"></script>
    <script src="http://thisisstate.com/blog/wp-content/themes/its-nice-outside/js/script.js"></script>
    
    </body>
    </html>

  3. #3
    Join Date
    Feb 2008
    Location
    NW Washington State
    Posts
    1,856
    Your link in the first page not only hides the source code, it also hides the entire page... it comes up blank.... hide the source code... what's that all about?
    EfV

  4. #4
    Join Date
    Oct 2009
    Posts
    13
    Hey EfV,

    I'm hosting the blog here: www.thisisstate.com/blog.

    I liked the name its nice outside. So I forwarded the domain name, and it is hiding the code in the transfer? Sorry for the confusion.

    J

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles