theMezz
03-12-2008, 02:57 AM
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?
<!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"/> <label for="name">Name</label><br /><br />
<input type='text' name='url' class='input' value='<VINFO_URL>' id="url"/> <label for="url">Website URL, if any</label><br /><br />
<input class='input' type='text' name='email' value='<VINFO_EMAIL>' id="email"/> <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">
<SITE_RSS_LINK> / <SITE_ATOM_LINK> |
<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&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>
BUT when I use BOTH of them ... they BOTH will not work.
Any ideas why that is and how I can correct it?
<!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"/> <label for="name">Name</label><br /><br />
<input type='text' name='url' class='input' value='<VINFO_URL>' id="url"/> <label for="url">Website URL, if any</label><br /><br />
<input class='input' type='text' name='email' value='<VINFO_EMAIL>' id="email"/> <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">
<SITE_RSS_LINK> / <SITE_ATOM_LINK> |
<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&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>