WordPress.org

Ready to get started?Download WordPress

Forums

Collapse-O-Matic
[resolved] All Content shows as Expanded (16 posts)

  1. arkane86
    Member
    Posted 1 year ago #

    I am new to WP, but have been coding sites for some time with html, CSS, and just enough php knowledge to be dangerous. I have entered the code from your website to get a feel, but the content is expanded and collapse is not functioning. Can you tell me what I'm missing?

    I have nested shortcodes as content, but tried with text as well and got the same result. Using on a custom theme, still in testing, but the page can be found at http://menu.homezand.com/dharma-blue/?preview=true&preview_id=483

    Thanks for any help.

    http://wordpress.org/extend/plugins/jquery-collapse-o-matic/

  2. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    Ok, the problem is with your theme. For some reason the jQuery library is not loading. Can you check and make sure our header.php file is calling the head() function? A band-aid workaround would be to manually load jQuery, but this is not recommended.

    Take a look and post back.

  3. arkane86
    Member
    Posted 1 year ago #

    Thanks for the reply - Great support service!

    I'm assuming you are referring to the theme's header.php file (again - new to wp!) I see only one reference to 'head' in the file:

    <?php
    wp_deregister_script('jquery');
    wp_head();
    ?>

    If I have to add something, can you provide the proper syntax?

    Thank you.

  4. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    great! well, you really want to comment out that wp_deregister_script bit!

    <?php
    //wp_deregister_script('jquery');
    wp_head();
    ?>

    What that is doing there is anyones guess. Let us know if you get it working!

  5. arkane86
    Member
    Posted 1 year ago #

    That did it! Thanks so much. Looks great - maybe even better after I style it a bit!

    Thanks again. Love the plug in.

  6. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    That's how we do! don't forget to vote for pedro!

  7. kathyelliott
    Member
    Posted 1 year ago #

    Baden, can you help me? I have the same issue. This is whats in my header.php though:

    <?php
    	$webSiteUrl = get_bloginfo('url')."/";
    	$pageURL = 'http';
    	if ($_SERVER["HTTPS"] == "on") {
    		$pageURL .= "s";
    	};
    	$pageURL .= "://";
    	if ($_SERVER["SERVER_PORT"] != "80") {
    		$pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
    	} else {
    		$pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
    	};
    	if($webSiteUrl!=$pageURL){
    		$pageHash = substr($pageURL, strlen($webSiteUrl), strlen($pageURL));
    		header("location:".$webSiteUrl."#!/".$pageHash."");
    		exit;
    	};
     ?>
    <!DOCTYPE html>
    <!--[if lt IE 7 ]><html class="ie ie6" <?php language_attributes();?>> <![endif]-->
    <!--[if IE 7 ]><html class="ie ie7" <?php language_attributes();?>> <![endif]-->
    <!--[if IE 8 ]><html class="ie ie8" <?php language_attributes();?>> <![endif]-->
    <!--[if (gte IE 9)|!(IE)]><!--><html <?php language_attributes();?>> <!--<![endif]-->
    <head>
    	<title><?php if ( is_category() ) {
    		echo __('Category Archive for "', 'theme5820'); single_cat_title(); echo __('" | ', 'theme5820'); bloginfo( 'name' );
    	} elseif ( is_tag() ) {
    		echo __('Tag Archive for "', 'theme5820'); single_tag_title(); echo __('" | ', 'theme5820'); bloginfo( 'name' );
    	} elseif ( is_archive() ) {
    		wp_title(''); echo __(' Archive | ', 'theme5820'); bloginfo( 'name' );
    	} elseif ( is_search() ) {
    		echo __('Search for "', 'theme5820').wp_specialchars($s).__('" | ', 'theme5820'); bloginfo( 'name' );
    	} elseif ( is_home() || is_front_page()) {
    		bloginfo( 'name' ); echo ' | '; bloginfo( 'description' );
    	}  elseif ( is_404() ) {
    		echo __('Error 404 Not Found | ', 'theme5820'); bloginfo( 'name' );
    	} elseif ( is_single() ) {
    		wp_title('');
    	} else {
    		echo wp_title( ' | ', false, right ); bloginfo( 'name' );
    	} ?></title>
    	<meta name="description" content="<?php wp_title(); echo ' | '; bloginfo( 'description' ); ?>" />
    	<meta charset="<?php bloginfo( 'charset' ); ?>" />
    	 <?php
    		$useragent=strtolower($_SERVER['HTTP_USER_AGENT']);
    		if(strripos($useragent, "ipod")>1 || strripos($useragent, "ipad")>1 || strripos($useragent, "iphone")>1){
    			echo '<meta name="viewport" content="width=device-width,initial-scale=1.0">';
    		}else{
    			echo '<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">';
    		};
    	?>
    	<meta name="viewport" content="width=device-width,initial-scale=1.0<?php echo $userScale; ?>">
    	<link rel="profile" href="http://gmpg.org/xfn/11" />
      	<link rel="icon" href="<?php bloginfo( 'template_url' ); ?>/favicon.ico" type="image/x-icon" />
    	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    	<link rel="alternate" type="application/rss+xml" title="<?php bloginfo( 'name' ); ?>" href="<?php bloginfo( 'rss2_url' ); ?>" />
    	<link rel="alternate" type="application/atom+xml" title="<?php bloginfo( 'name' ); ?>" href="<?php bloginfo( 'atom_url' ); ?>" />
    	<?php /* The HTML5 Shim is required for older browsers, mainly older versions IE */ ?>
    	<!--[if lt IE 8]>
    	<div style=' clear: both; text-align:center; position: relative;'>
    		<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
    	</div>
    	<![endif]-->
    	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/css/reset.css" />
    	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/css/grid.css" />
    	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/css/default_style.css" />
    	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
    	<?php
    		/* We add some JavaScript to pages with the comment form
    		 * to support sites with threaded comments (when in use).
    		 */
    		if ( is_singular() && get_option( 'thread_comments' ) )
    			wp_enqueue_script( 'comment-reply' );
    
    		/* Always have wp_head() just before the closing </head>
    		 * tag of your theme, or you will break many plugins, which
    		 * generally use this hook to add elements to <head> such
    		 * as styles, scripts, and meta tags.
    		 */
    		wp_head();
    	?>
      <!--[if lt IE 9]>
      <style type="text/css">
        .border{
          behavior:url(<?php bloginfo('stylesheet_directory'); ?>/PIE.php);
          position: relative;
        }
      </style>
      	<script src="<?php bloginfo('template_url'); ?>/js/html5.js"></script>
      	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/css/IE8.css" />
      <![endif]-->
      <!-- Custom CSS -->
    	<?php if(of_get_option('custom_css') != ''){?>
      <style type="text/css">
      	<?php echo of_get_option('custom_css' ) ?>
      </style>
      <?php }?>
      <style type="text/css">
    		/* Body styling options */
    		<?php $background = of_get_option('body_background');
    			if ($background != '') {
    				if ($background['image'] != '') {
    					echo 'body { background-image:url('.$background['image']. '); background-repeat:'.$background['repeat'].'; background-position:'.$background['position'].';  background-attachment:'.$background['attachment'].'; }';
    				}
    				if($background['color'] != '') {
    					echo 'body { background-color:'.$background['color']. '}';
    				}
    			};
    		?>
    		/* Links and buttons color */
    		<?php
    			$links_styling = of_get_option('links_color');
    			$links_styling_hover = of_get_option('links_color_hover');
    			if($links_styling) {
    				echo 'a{color:'.$links_styling.'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}';
    			}else{
    				echo 'a{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}';
    			}
    			if($links_styling) {
    				echo 'a:hover, a:active{color:'.$links_styling_hover.'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}';
    			}else{
    				echo 'a{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}';
    			}
    		?>
    
    		/* Body typography */
    		<?php $body_typography = of_get_option('body_typography');
    			if($body_typography) {
    				echo 'body {font-family:'.$body_typography['face'].'; color:'.$body_typography['color'].'; font-size:'.$body_typography['size'].'; font-style:'.$body_typography['style'].'; -webkit-text-size-adjust: none;}';
    			}
    		?>
      </style>
        <script type="text/javascript">
            var offsetHeight;
    		$(window).load(function() {
                offsetHeight = $("#footer").height() + 100;
                $("#galleryHolder").gallerySplash({
    				autoPlayState:'<?php echo of_get_option('auto_play'); ?>',
    				autoPlayTime:'<?php echo of_get_option('change_delay'); ?>',
    				alignIMG:'<?php echo of_get_option('align_img'); ?>',
    				controlDisplay:'<?php echo of_get_option('display_navigation'); ?>',
    				paginationDisplay:'<?php echo of_get_option('display_pagination'); ?>',
    				animationSpeed:'<?php echo of_get_option('animation_speed'); ?>'
    			});
                $(".posters > li:nth-child(3n)").addClass("noMarginR");
    
                $('#pageList').stop(true, true).animate({height:$('#splash_page').outerHeight(true) + offsetHeight}, 1000, "easeInOutCubic");
                $('#splash_page').css({left:$(document).width(), "display":"block"}).stop(true).animate({left:0}, 800, "easeInOutCubic");
    		});
    	</script>
    </head>
    
    <body <?php body_class(); ?>>
    	<div id="web_site_spinner"></div>
        <?php include_once(TEMPLATEPATH . '/slider.php'); ?>
    	<div id="wrapper">
    		<div id='pageSpinner'><div></div></div>
            <div id='imgSpinner'><div></div></div>
            <div id="controlsHolder">
        		<a href="#"><span></span></a>
        		<a href="#"><span></span></a>
            </div>
            <div id="previewHolder">
    
    <ul>
            		<?php $posts_counter = 0; ?>
            		<?php
            			query_posts("post_type=slider&posts_per_page=-1&post_status=publish");
            			while ( have_posts() ) : the_post(); $posts_counter++;
            		?>
            		<?php
            			$custom = get_post_custom($post->ID);
            			$url = get_post_custom_values("slider-url");
            			//$sl_thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'slider-post-thumbnail');
            			$sl_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'slider-post');
            			$tab_title = get_post_custom_values("tab-title");
            		?>
            		<?php
            			if(has_post_thumbnail( $the_ID) || $sl_thumb!=""){
            				echo "
    <li><a href='".$sl_image_url[0]."'></a></li>
    ";
            			}
            		?>
              		<?php endwhile; ?>
            	</ul>
            </div>
    		<header class="container">
                <div>
        			<h1 id="logo">
        				<?php if(of_get_option('logo_type') == 'text_logo'){?>
        					<a>/" title="<?php bloginfo('description'); ?>" id="logoText" class="<?php bloginfo( 'template_url' );?>"><?php bloginfo( 'name', 'display' ); ?></a>
        	   				<p id="logoSlogan"><?php bloginfo('description'); ?></p>
        				<?php } else { ?>
        	          		<?php if(of_get_option('logo_url') != ''){ ?>
        	            		<a>/" class="<?php bloginfo( 'template_url' );?>" id="logoImg"><img src="<?php echo of_get_option('logo_url', "" ); ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('description'); ?>"></a>
        	            	<?php } else { ?>
        	            		<a>/" class="<?php bloginfo( 'template_url' );?>" id="logoImg"><img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('description'); ?>"></a>
        	            	<?php } ?>
        	          	<?php }?>
        			</h1>
                    <?php wp_nav_menu( array(
                        'menu_id'         => 'mainMenu',
        	   			'menu_class'      => 'menu',
        		        'container'       => 'nav',
        		        'container_id'    => 'menuWrapper',
        		        'depth'           => 0,
        		        'theme_location' => 'menu'
        		        ));
        			?>
                </div>
    <script type="text/javascript">
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-37639920-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);
      })();
    
    </script>
    		</header>
            <div class="clear"></div>

    [Please post code or markup between backticks or use the code button. Or better still - use a pastebin. Your posted code may now have been permanently damaged/corrupted by the forum's parser.]

    What do I need to change?

  8. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    kathy,

    Can you post a link to the page you are having trouble with? Thanks.

  9. kathyelliott
    Member
    Posted 1 year ago #

  10. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    kathy,

    The plugins seem to be working (sometimes) on your site, however when it does work, all the collapse-o-matic elements show up expanded.

    When it does not work, it seems to be due to the following error:

    Uncaught TypeError: Object [object Object] has no method 'gallerySplash'

    The reason for this is improper formatting of jQuery required for use in WordPress.
    If you disable the gallerySplash plugin (or whatever that is) do things magically start working? If so, that's where we would start!

    You might also download and upgrade to the latest beta version of Collapse-O-Matic: 1.5.2c straight from our Plugin Oven

  11. agenciagancho
    Member
    Posted 1 year ago #

    Hello Baden, I'm having some problems with the plugin...

    I'm using it with this website: http://singulardesenvolvimento.com.br/produtos-e-servicos/

    At first it seems fine, but if you go to the page from the top menu all the content will show as expanded, my guess is that this has something to do with the roll the page does to the content. Do you have any idea how to make this 2 things work together?

    Cheers,
    Rodrigo

  12. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    agenciagancho: when you use the menu, is the content being loaded in dynamically with Ajax? If so, do you have the ability to trigger a call-back function after the content is loaded?

  13. agenciagancho
    Member
    Posted 1 year ago #

    Baden, these questions go beyond my knowledge, how can I help you to help me? Should I copy the code for you?

  14. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    Rodrigo,

    We just tested this again, and it seems to now be working? Can you confirm this on your end?

  15. agenciagancho
    Member
    Posted 1 year ago #

    It is, thank you, i found out a way to turn off the auto-scroll.

  16. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    Very nice... and, check out the big brain on Rodingo!
    vote for Pedro!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic