Pixelpost

Authentic Photoblog Flavour


Go Back   Pixelpost Forum > DEVELOPMENT > Template design and Front-End Code
Reload this Page boxover.js and fader.js do not like each other??

Post Reply
 
Thread Tools
  #1  
Old 03-12-2008, 02:57 AM
theMezz's Avatar
theMezz Offline
pixelpost guru
  
Join Date: Mar 2006
Location: Central NY
Posts: 119
Send a message via AIM to theMezz
Unhappy boxover.js and fader.js do not like each other??
I can get the boxover.js to work OR the fader.js to work.
BUT when I use BOTH of them ... they BOTH will not work.
Any ideas why that is and how I can correct it?


HTML Code:
<!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" lang="en" xml:lang="en">
<head>
<title><SITE_TITLE> - <SUB_TITLE></title>
<!-- Link for FEED autodiscovery -->
<FEED_AUTO_DISCOVERY>
<!-- META -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="content-type" name="keywords" content="PhotoBlog,<SITE_TITLE>,<IMAGE_TITLE>,Pixelpost" />
<meta http-equiv="content-type" name="description" content="<SITE_TITLE>-PhotoBlog: <IMAGE_TITLE>, <IMAGE_NOTES_CLEAN>" />
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="templates/simple[2]/css.css" title="css" />


<!--
This template was originally created by Pixelpost and then modified by me (Ian Link).  Basically, I added collapsable image-info and comment divs, removed the style switcher (and corresponding jscript) and restyled a few things.  Feel free to use it, just keep this comment in here.  
Happy blogging/shooting!
Ian Link - http://photo.linkportfolio.net - ilink109@earthlink.net
-->

<script type="text/javascript" src="templates/boxover.js"></script>

<script type="text/javascript" src="templates/fader.js"></script>




<!-- SCRIPTS -->
<!-- jscript div toggle thing-->
<script type="text/javascript">

    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }

</script>
<script language="javascript" type="text/javascript">
<!--
	function clearBox(box) {
		 if(box.value==box.defaultValue) {
	 	 	 box.value = "";
	 	 }
	 }
//-->
</script>







</head>

<body>
<div id="navigation">
<h1><a href="index.php" title="Return to current image"><SITE_TITLE></a></h1>
<span class="menu">
<a href="index.php" title="Return to Homepage">Home</a> |
<a href="<SITE_BROWSELINK>" title="Browse">Browse</a> |
<a href="index.php?x=about" title="About">About</a>
</span>
</div>

<a href="index.php?showimage=<IMAGE_PREVIOUS_ID>">
<img src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="header=[<IMAGE_TITLE>] body=[click for previous image] cssbody=[boxoverbody] cssheader=[boxoverheader] fade=[on] fadespeed=[0.1]" width="<IMAGE_WIDTH>" height="<IMAGE_HEIGHT>" id="photo" />
</a>

<br />
<br />

<div id="image-navigate">

<span class="image-previous"><IMAGE_PREVIOUS_LINK></span>
<span class="image-next"><IMAGE_NEXT_LINK></span>
<a href="#image-info" onclick="toggle_visibility('image-info');">Toggle Info</a>
//
<a href="#comment-box" onclick="toggle_visibility('comment-box');">Toggle Comments</a>

</div>

<div id="image-info">

<span class="title"><IMAGE_TITLE></span> - <IMAGE_DATETIME>
<table width="100%">
<tr>
<td id="image-notes"><IMAGE_NOTES></td>
<td id="image-exif">
<EXIF_CAMERA_MODEL><br />
<EXIF_FOCAL_LENGTH><br />
<EXIF_EXPOSURE_TIME><br />
<EXIF_APERTURE><br />
ISO <EXIF_ISO><br />
</td>
</tr>
</table>

</div>


<div id="comment-box">
<div id="comment-border">
<div id="comment-top">
Comments for <span class="title"><IMAGE_TITLE></span>
</div>

<div id="comments">
<IMAGE_COMMENTS>
</div>

<div id="comment-middle">
<span class="title">Add Comment:</span>
</div>

<div id="addcomment">
<form method='post' action='index.php?x=save_comment' name='commentform' accept-charset='UTF-8'>
<textarea name='message' rows='2' cols='40' onfocus="clearBox(this);">Type your comment here.</textarea><br /><br />
<input type='text' name='name' class='input' value='<VINFO_NAME>' id="name"/>&nbsp;&nbsp;&nbsp; <label for="name">Name</label><br /><br />
<input type='text' name='url' class='input' value='<VINFO_URL>' id="url"/>&nbsp;&nbsp;&nbsp; <label for="url">Website URL, if any</label><br /><br />
<input class='input' type='text' name='email' value='<VINFO_EMAIL>' id="email"/>&nbsp;&nbsp;&nbsp; <label for="email">Email (not visible to others)</label><br /><br />
<input name='vcookie' type='checkbox' id="saveinfo" value='set' checked="checked" />
<label for="saveinfo">Save User Info</label><br /><br />
<input type='submit' value='Post Comment' class="comment-button"/>
<input type='hidden' name='parent_id' value='<IMAGE_ID>' />
<input type='hidden' name='parent_name' value='<IMAGE_NAME>' />
<TOKEN>
</form>
</div>
</div>
</div> <!--end comment box-->

<div id="footer">

&nbsp;&nbsp;&nbsp;<SITE_RSS_LINK> / <SITE_ATOM_LINK>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="http://validator.w3.org/check/referer" title="This website uses Valid xHTML">Valid xHTML</a> / <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This website uses Valid CSS2">Valid CSS</a>

<!-- icon row-->
<div id="icons">
<a href='http://www.coolphotoblogs.com/'><img src='http://www.coolphotoblogs.com/cpb.gif ' alt='CoolPhotoblogs.com' border='0'/></a> 
<a href='http://www.coolphotoblogs.com/?do=profile&amp;id=3052'><img src='http://www.coolphotoblogs.com/profile.gif' alt='My profile' border='0'/></a>
<a href='http://photos.vfxy.com/'><img src='http://photos.vfxy.com/img/iam_vfxy.jpg' alt='VFXY Photos' title='VFXY Photos' border='0' /></a>
<a href="http://photoring.org" title="Photoring.org"><img src="http://linkportfolio.net/photo/templates/delicious/images/photoring.jpg" alt="Photoring.org" border="0" /></a>
<a href="http://random.photoring.org" title="Photoring.org Random Linker"><img src="http://linkportfolio.net/photo/templates/delicious/images/photoring_random.gif" alt="Photoring.org Random" border="0" /></a>
<a href="http://www.photoblog-community.com/LinkDetails.php?ID=2736" target="_blank"><img src="http://www.photoblog-community.com/Images/photo-links2.png" border="0" alt="photoblog-community" title="photoblog-community" /></a>
</div>
<!--end icon row-->

</div>

</body>
</html>
__________________
* http://JoeMezz.com *
Reply With Quote
  #2  
Old 03-12-2008, 03:51 AM
theMezz's Avatar
theMezz Offline
pixelpost guru
  
Join Date: Mar 2006
Location: Central NY
Posts: 119
Send a message via AIM to theMezz
Smile
Every time I post a question I seem to find the answer myself !!!!!!!!!!!

At any rate the fix for my issue is here

http://www.pixelpost.org/forum/showt...6103#post56103

if anyone else needs it

THANKS
__________________
* http://JoeMezz.com *
Reply With Quote
  #3  
Old 03-12-2008, 04:00 AM
fredxeric's Avatar
fredxeric Offline
pixelpost guru
  
Join Date: Sep 2006
Location: Montréal, Québec, Canada
Posts: 407
Send a message via AIM to fredxeric Send a message via MSN to fredxeric
Make sure that the js file are into the main template folder because the way you have coded it is look like that you didn't put them into scripts folder

Code:
<script type="text/javascript" src="templates/boxover.js"></script>
<script type="text/javascript" src="templates/fader.js"></script>
Code:
<script type="text/javascript" src="templates/scripts/boxover.js"></script>
<script type="text/javascript" src="templates/scripts/fader.js"></script>
Reply With Quote
  #4  
Old 03-12-2008, 04:02 AM
theMezz's Avatar
theMezz Offline
pixelpost guru
  
Join Date: Mar 2006
Location: Central NY
Posts: 119
Send a message via AIM to theMezz
Thanks
it's working now

appreciate it
__________________
* http://JoeMezz.com *
Reply With Quote
Post Reply

« Previous Thread | Next Thread »

Thread Tools




All times are GMT. The time now is 11:47 AM.

Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd. | Style Design: d3 designs