104 lines
5.2 KiB
JavaScript
104 lines
5.2 KiB
JavaScript
|
|
||
|
|
|
||
|
|
<div class="comic-bookmark">
|
||
|
|
<script type="text/javascript">
|
||
|
|
<!--
|
||
|
|
|
||
|
|
/* Bookmark Config Settings */
|
||
|
|
|
||
|
|
var cl = 31;
|
||
|
|
var imgTag = '<?php bloginfo('template_directory'); ?>/images/1.gif'; //add tag image.
|
||
|
|
var imgClearOff = '<?php bloginfo('template_directory'); ?>/images/3a.gif'; //no comic tagged, clear not possible
|
||
|
|
var imgGotoOff = '<?php bloginfo('template_directory'); ?>/images/2a.gif'; //no comic tagged, goto not possible
|
||
|
|
var imgClearOn = '<?php bloginfo('template_directory'); ?>/images/3.gif'; //clear a tag, shows when comic previously tagged
|
||
|
|
var imgGotoOn = '<?php bloginfo('template_directory'); ?>/2.gif'; //shows when a comic is tagged
|
||
|
|
var imgInfo = '<?php bloginfo('template_directory'); ?>/4.gif'; //img that displays the help
|
||
|
|
var comicDir = '/'; //alter this if you run multiple comics in different directories on your site.
|
||
|
|
|
||
|
|
/* Now write out the applicable links */
|
||
|
|
|
||
|
|
createCookie('t', 1);
|
||
|
|
var c = readCookie('t');
|
||
|
|
if(c && document.getElementById) {
|
||
|
|
var l = readCookie('bm');
|
||
|
|
var gt = imgGotoOff;
|
||
|
|
var ct = imgClearOff;
|
||
|
|
if(l) {
|
||
|
|
gt = imgGotoOn;
|
||
|
|
ct = imgClearOn;
|
||
|
|
}
|
||
|
|
document.write('<div id="bmh" style="width: 173px; margin: 15px 0 0 0; padding: 5px; position: absolute; color: #eee; font-size: 11px; background-color:#222; border: 1px solid #ccc; visibility: hidden;"><b>COMIC BOOKMARK</b><br />Click "Tag Page" to bookmark a comic page. When you return to the site, click "Goto Tag" to continue where you left off.</div>');
|
||
|
|
<?php if (is_home()) { ?>
|
||
|
|
document.write('<a href="#" onClick="bmhome();return false;"><img src="'+imgTag+'" alt="Tag This Page" border="0"></a>');
|
||
|
|
document.write('<a href="#" onClick="gto();return false;"><img src="'+gt+'" alt="Goto Tag" border="0" id="gtc"></a>');
|
||
|
|
document.write('<a href="#" onClick="bmc();return false;"><img src="'+ct+'" alt="Clear Tag" border="0" id="rmc"></a>');
|
||
|
|
document.write('<a href="#" onMouseOver="document.getElementById(\'bmh\').style.visibility=\'visible\';" onMouseOut="document.getElementById(\'bmh\').style.visibility=\'hidden\';" onClick="return false;"><img src="'+imgInfo+'" alt="" border="0"></a>');
|
||
|
|
<?php } elseif (is_single() & in_comic_category()) { ?>
|
||
|
|
document.write('<a href="#" onClick="bm();return false;"><img src="'+imgTag+'" alt="Tag This Page" border="0"></a>');
|
||
|
|
document.write('<a href="#" onClick="gto();return false;"><img src="'+gt+'" alt="Goto Tag" border="0" id="gtc"></a>');
|
||
|
|
document.write('<a href="#" onClick="bmc();return false;"><img src="'+ct+'" alt="Clear Tag" border="0" id="rmc"></a>');
|
||
|
|
document.write('<a href="#" onMouseOver="document.getElementById(\'bmh\').style.visibility=\'visible\';" onMouseOut="document.getElementById(\'bmh\').style.visibility=\'hidden\';" onClick="return false;"><img src="'+imgInfo+'" alt="" border="0"></a>');
|
||
|
|
<?php } ?>
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Below are our functions for this little script */
|
||
|
|
|
||
|
|
<?php $comicFrontpage = new WP_Query(); $comicFrontpage->query('showposts=1&cat='.get_all_comic_categories_as_cat_string());
|
||
|
|
while ($comicFrontpage->have_posts()) : $comicFrontpage->the_post(); ?>
|
||
|
|
function bmhome() {
|
||
|
|
if(document.getElementById) {
|
||
|
|
document.getElementById('gtc').src = imgGotoOn;
|
||
|
|
document.getElementById('rmc').src = imgClearOn;
|
||
|
|
}
|
||
|
|
createCookie("bm", "<?php the_permalink(); ?>", cl);
|
||
|
|
}
|
||
|
|
<?php endwhile; ?>
|
||
|
|
|
||
|
|
function bm() {
|
||
|
|
if(document.getElementById) {
|
||
|
|
document.getElementById('gtc').src = imgGotoOn;
|
||
|
|
document.getElementById('rmc').src = imgClearOn;
|
||
|
|
}
|
||
|
|
createCookie("bm", window.location, cl);
|
||
|
|
}
|
||
|
|
|
||
|
|
function bmc() {
|
||
|
|
if(document.getElementById) {
|
||
|
|
document.getElementById('gtc').src = imgGotoOff;
|
||
|
|
document.getElementById('rmc').src = imgClearOff;
|
||
|
|
}
|
||
|
|
createCookie("bm","",-1);
|
||
|
|
}
|
||
|
|
|
||
|
|
function gto() {
|
||
|
|
var g = readCookie('bm');
|
||
|
|
if(g) {
|
||
|
|
window.location = g;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* The follow functions have been borrowed from Peter-Paul Koch. Please find them here: http://www.quirksmode.org */
|
||
|
|
|
||
|
|
function createCookie(name,value,days) {
|
||
|
|
if (days) {
|
||
|
|
var date = new Date();
|
||
|
|
date.setTime(date.getTime()+(days*24*60*60*1000));
|
||
|
|
var expires = "; expires="+date.toGMTString();
|
||
|
|
} else var expires = "";
|
||
|
|
document.cookie = name+"="+value+expires+"; path="+comicDir;
|
||
|
|
}
|
||
|
|
function readCookie(name) {
|
||
|
|
var nameEQ = name + "=";
|
||
|
|
var ca = document.cookie.split(';');
|
||
|
|
for(var i=0;i < ca.length;i++) {
|
||
|
|
var c = ca[i];
|
||
|
|
while (c.charAt(0)==' ') c = c.substring(1,c.length);
|
||
|
|
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
//-->
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
|