Jump to content
Killersites Community
armlocker

Cms Tutorial

Recommended Posts

Just going through the CMS tutorial and now on video 27,

when I can't seem to get the Loggin color box to pop up with the Jquery/colorbox function.

 

I can login by typing in the full pathway in the URL (http://wolfcut.co.uk/app/login.php)

but thats not how its supposed to be.

 

There are also no error messages at this point.

 

Could it be that I haven't reached the appropriate tutorial yet? Or that Jquery/colorbox pathway is somehow incorrect, because of the latest Jquery.

I did follow precisely what the tutorial says on video 19 and used the JQuery provided. I also replaced your JQuery with the new version, but both don't seem to work.

 

t_login.php

<link href="<?php echo APP_RESOURCES; ?>css/fp_style.css" media="screen" rel="stylesheet" type="text/css" />

 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>

<script type="text/javascript">$.noConflict();</script>

 

<script type="text/javascript" src="<?php echo APP_RESOURCES; ?>javascript/colorbox/colorbox.js"></script>

<link href="<?php echo APP_RESOURCES; ?>javascript/colorbox/colorbox.css" media="screen" rel="stylesheet" type="text/css" />

 

<script type="text/javascript">

 

jQuery(document).ready(function($) {

 

$.colorbox({

transition: 'fade',

initialWidth: '50px',

initialHeight: '50px',

overlayClose: false,

escKey: false,

scrolling: false,

opacity: .6,

href: '<?php echo SITE_PATH; ?>app/login.php'

});

 

});

 

</script>

 

 

t_head.php

<link href="<?php echo APP_RESOURCES; ?>css/fp_style.css" media="screen" rel="stylesheet" type="text/css">

<!-- jquery & colorbox -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script type="text/javascript">$.noConflict();</script>

<script type="text/javascript" src="<?php echo APP_RESOURCES; ?>javascript/colorbox/colorbox.js"></script>
<link href="<?php echo APP_RESOURCES; ?>javascript/colorbox/colorbox.css" media="screen" rel="stylesheet" type="text/css" />

<script type="text/javascript">

jQuery(document).ready(function($) {

});

</script>

 

Any suggestions.

 

Thank you

Share this post


Link to post
Share on other sites

Chrome console (Ctrl+shift+I) says "failed to load source" which is my URL href: 'http://laissezfairelondonco.fatcowmysql.com/app/login.php'

 

Why are we specifying a complete URL?

 

jQuery(document).ready(function($) {

	$.colorbox({
		transition: 'fade',
		initialWidth: '50px',
		initialHeight: '50px',
		overlayClose: false,
		escKey: false,
		scrolling: false,
		opacity: .6,
		href: '<?php echo [b]SITE_PATH;[/b] ?>app/login.php'
	});

});

Share this post


Link to post
Share on other sites

×