Jquery Failure
Permalink
I am having trouble getting my gallery to work properly and I'm seeking advice on how to fix it. Here is my header code below:
<?php defined('C5_EXECUTE') or die(_("Access Denied.")); ?>
<!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">
<head>
<!-- CSS-->
<link href="<?php echo $this->getThemePath(); ?>/css/reset.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $this->getThemePath(); ?>/css/style.css" rel="stylesheet" type="text/css" />
<!-- //CSS -->
<!-- Javascript-->
<script type='text/javascript' src='<?php echo $this->getThemePath(); ?>/javascript/jquery-1.2.3.min.js'></script>
<script type='text/javascript' src='<?php echo $this->getThemePath(); ?>/javascript/kriesi.js'></script>
<script type='text/javascript' src='<?php echo $this->getThemePath(); ?>/javascript/cufon-yui.js'></script>
<script type='text/javascript' src='<?php echo $this->getThemePath(); ?>/javascript/nevis_700.font.js'></script>
<script type="text/javascript" src="<?php echo $this->getThemePath(); ?>/javascript/jquery.innerfade.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$('#left_content').innerfade({
animationtype: 'slide',
speed: 'slow',
timeout: 4000,
type: 'random',
containerheight: '150px'
});
});
</script>
<script type="text/javascript">
Cufon.replace('h1, h2, .blog, .footer', { hover: 'true' });
</script>
<!-- Javascript-->
<!-- Concrete5 Start -->
<?php
Loader::element('header_required');
?>
<!-- Concrete5 End -->
</head>
<!-- // head -->
<?php defined('C5_EXECUTE') or die(_("Access Denied.")); ?>
<!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">
<head>
<!-- CSS-->
<link href="<?php echo $this->getThemePath(); ?>/css/reset.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $this->getThemePath(); ?>/css/style.css" rel="stylesheet" type="text/css" />
<!-- //CSS -->
<!-- Javascript-->
<script type='text/javascript' src='<?php echo $this->getThemePath(); ?>/javascript/jquery-1.2.3.min.js'></script>
<script type='text/javascript' src='<?php echo $this->getThemePath(); ?>/javascript/kriesi.js'></script>
<script type='text/javascript' src='<?php echo $this->getThemePath(); ?>/javascript/cufon-yui.js'></script>
<script type='text/javascript' src='<?php echo $this->getThemePath(); ?>/javascript/nevis_700.font.js'></script>
<script type="text/javascript" src="<?php echo $this->getThemePath(); ?>/javascript/jquery.innerfade.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$('#left_content').innerfade({
animationtype: 'slide',
speed: 'slow',
timeout: 4000,
type: 'random',
containerheight: '150px'
});
});
</script>
<script type="text/javascript">
Cufon.replace('h1, h2, .blog, .footer', { hover: 'true' });
</script>
<!-- Javascript-->
<!-- Concrete5 Start -->
<?php
Loader::element('header_required');
?>
<!-- Concrete5 End -->
</head>
<!-- // head -->
Concrete5 automatically includes jquery on every page, so you don't want to also include it yourself because it causes conflicts. So remove the first javascript include in your header (jquery-1.2.3.min.js)
I removed that line but it still shows the same see:
None of your javascript files are loading because for some reason $this->getThemePath() has the wrong path (http://www.evoluerthreefive.com/greenleaf/javascript/jquery.innerfade.js instead ofhttp://www.evoluerthreefive.com/themes/greenleaf/javascript/jquery.... Where exactly is your theme directory located in your site folder structure?
Also, it's generally a good idea to put the <?php Loader::element('header_required'); ?> call above your own css and javascript (should be first thing in <head>).
Also, it's generally a good idea to put the <?php Loader::element('header_required'); ?> call above your own css and javascript (should be first thing in <head>).
I thought they were placed in the right location. I took a look in my directory and there are two greenleaf folders. I must have created an additional one some how. I'm working in Dreamweaver but uploading my files in Filzilla.
I had to place to Loader code under everything because my initially problem was that the tool bar at the top was missing and I only had a white strip at the top. I moved it at someones suggestion from a previous post, this is my first time using concrete5 and creating the template.
I'm going to fix the mess I have made hopefully that will solve the issue. Thank you for the feedback, I'll keep you posted. :)
I had to place to Loader code under everything because my initially problem was that the tool bar at the top was missing and I only had a white strip at the top. I moved it at someones suggestion from a previous post, this is my first time using concrete5 and creating the template.
I'm going to fix the mess I have made hopefully that will solve the issue. Thank you for the feedback, I'll keep you posted. :)
From the very bottom of my heart thank you so very much! You have been most helpful, I have been stressed over this for quite a while now. Thank you again so much! I changed the location and loaded everything from Dreamweaver and the gallery is working :)
Thank you again!!!
Thank you again!!!
You're very welcome! Glad it got sorted out. I went through a lot of confusion and trial-and-error with this stuff myself when I was first learning how to use C5.
