FCG Version: 3.2.0
I added a slideup box to my Wordpress site, and now FCG won't work. After tyring a bunch of different things I read about online, still nothing works. The best I can get is the slideup box sliding up, but with nothing inside it (plus FCG will work). Any ideas?
This is the site: http://YearAroundTheWorld.com
These are the key files (I think...):
Slideup.js
- Code: Select all
function slideup() {
$(function() {
if($.cookie('dont_show') == null){
$('#slideup').slideDown("slow");
}
});
}
function slidedown() {
$(function() {
$("#deslideup").click(function() { $.cookie('dont_show', 'true', { expires: 3650, path: '/', domain: 'yeararoundtheworld.com' }); });
$('#slideup').slideUp("slow");
});
}
jquery.include.js
- Code: Select all
(function($){
/*
* includeMany 1.0.0
*
* Copyright (c) 2009 Arash Karimzadeh (arashkarimzadeh.com)
* Licensed under the MIT (MIT-LICENSE.txt)
* http://www.opensource.org/licenses/mit-license.php
*
* Date: Feb 19 2009
*/
$.include = function(urls,finaly){
var luid = $.include.luid++;
var onload = function(callback,data){
if($.isFunction(callback))
callback(data);
if(--$.include.counter[luid]==0&&$.isFunction(finaly))
finaly();
}
if(typeof urls=='object' && typeof urls.length=='undefined'){
$.include.counter[luid] = 0;
for(var item in urls)
$.include.counter[luid]++;
return $.each(urls,function(url,callback){$.include.load(url,onload,callback);});
}
urls = $.makeArray(urls);
$.include.counter[luid] = urls.length;
$.each(urls,function(){$.include.load(this,onload);});
}
$.extend(
$.include,
{
luid: 0,
counter: [],
load: function(url,onload,callback){
if(/.css$/.test(url))
$.include.loadCSS(url,onload,callback);
else if(/.js$/.test(url))
$.getScript(url,function(){onload(callback)});
else
$.get(url,function(data){onload(callback,data)});
},
loadCSS: function(url,onload,callback){
var css = $('<link>').appendTo($('head'))
.attr({rel:'stylesheet',type:'text/css',href:url})
$.browser.msie
?css.get(0).onreadystatechange =
function(){
if(this.readyState=='loaded' || this.readyState=='complete')
onload(callback);
}
:onload(callback);//other browsers do not support it
}
}
);
//
})($);
header.php
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes('xhtml'); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="language" content="en" />
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>
<link rel="Shortcut Icon" href="http://yeararoundtheworld.com/images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<SCRIPT language="JavaScript">
<!--
pic1= new Image(250,250);
pic1.src="http://yeararoundtheworld.com/images/aztec.png";
//-->
<!--
pic2= new Image(300,57);
pic2.src="http://yeararoundtheworld.com/images/button-print-on.png";
//-->
<!--
pic3= new Image(300,57);
pic3.src="http://yeararoundtheworld.com/images/button-donate-on.png";
//-->
</SCRIPT>
<?php wp_enqueue_script("jquery"); ?>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
<link rel="stylesheet" type="text/css" href="http://yeararoundtheworld.com/slideup/common/loader.css" />
<script type="text/javascript" src="http://yeararoundtheworld.com/slideup/common/js/jquery.js"></script>
<script type="text/javascript" src="http://yeararoundtheworld.com/slideup/common/js/slideup.js"></script>
<script type="text/javascript" src="http://yeararoundtheworld.com/slideup/common/js/jquery.include.js"></script>
<script type="text/javascript" src="http://yeararoundtheworld.com/slideup/common/js/jquery.cookie.js"></script>
<!-- Important Dont Remove!!! -->
<script language="javascript">
$(function() {
if($.cookie('dont_show') == null){
$.include({ 'http://yeararoundtheworld.com/slideup/slideup.html':function(data){$("#slideup").html(data)}} );
}
});
</script>
<!--[if !IE]><!-->
<script language="javascript">
$(function() {
$(window).scroll(function () {
$("#slideup").css({ position: 'fixed', bottom: '0px', });
});
});
</script>
<!--<![endif]--><!--END-->
</head>
<body onload="slideup();">
<div class="body-wrapper">
<div id="navwrap">
<div id="navbar">
<ul id="nav">
<li><a href="<?php echo get_option('home'); ?>">Home</a></li>
<?php wp_list_pages('title_li=&sort_column=menu_order&depth=2'); ?>
</ul>
</div>
<div class="clear"></div>
<div id="subnavbar">
<ul id="subnav">
<?php wp_list_categories('orderby=name&title_li=&depth=2&exclude=16'); ?>
</ul>
</div>
<div class="clear"></div>
</div>
<div id="header">
<div id="mainlogo">
</div>
<?php // begin code which decides if the header should display a logo image or dynamic text ?>
<?php if(get_theme_mod('header_blog_title') == 'Image') { ?>
<div class="headerleft" id="imageheader">
<?php
if (is_home()) {
echo '<h1><a href="'.get_option('home').'/">'.get_bloginfo('name').'</a></h1>';
} else {
echo '<h4><a href="'.get_option('home').'/">'.get_bloginfo('name').'</a></h4>';
}
?>
<p><?php bloginfo('description'); ?></p>
</div>
<?php } else { ?>
<div class="headerleft">
<div class="headertext">
<?php if (is_home()) { ?>
<h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<?php } else { ?>
<h4><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h4>
<?php } ?>
<p><?php bloginfo('description'); ?></p>
</div>
</div>
<?php } ?>
<?php // end code ?>
<div class="month">
</div>
<div class="ethnic"><img src="http://yeararoundtheworld.com/images/aztec.png" title="The Aztec Calendar">
</div>
<div class="feedburnerlogo">
<?php // begin code for feedburner ?>
<a href="http://feeds.feedburner.com/YearAroundTheWorld"><img src="http://nightlifetourist.com/images/rss.png" alt="" /></a>
<?php // end code ?>
</div>
<div class="feedburner">
<?php // begin code for feedburner ?>
<p><a href="http://feeds.feedburner.com/YearAroundTheWorld"><img src="http://feeds.feedburner.com/~fc/YearAroundTheWorld?bg=000000&fg=cccccc&anim=0" height="26" width="88" style="border:0" alt="" /></a></p>
<?php // end code ?>
</div>
<div class="twitterlogo">
<?php // begin code for twitterlogo ?>
<a href="http://twitter.com/YearAroundWorld" target="blank"><img src="http://yeararoundtheworld.com/images/twitter.png"></a>
<?php // end code ?>
</div>
<div class="twittercounter">
<?php // begin code for twittercounter ?>
<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=YearAroundWorld&style=black"></script>
<?php // end code ?>
</div>
</div>
<div class="clear"></div>
I'm pretty new to javascript. But I've already tried renaming the "$" to "$j" and that didn't work.
