Jump to content

Can't get this to work in an html page, PLEASE HELP!!!


Cheryl121

Recommended Posts

Below is the whole script for the whole thing.  I am highlighting the parts that r to be put into the html page in green bolded font.  Can someone please help to get this to work.  Your help is greatly appreciated!!! 

<?php include("enhanced.spoiler.php"); ?>

 

You should only add that PHP include line ONCE.

 

You can add as much <span class="spoiler">text to hide here</span> to your copy as you like.

 

Here's the PHP script behind it all… (this is the snippets on other php & js pages in the root file that are working with the above script on the html)

 

<?php if (!isset($jQuery)): $jQuery = array(); ?>

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

<?php endif; ?>

 

<script type="text/javascript">

<!--

 

// Begin jQuery spoiler plugin

// Usage: jQuery(".cssClass").spoiler();

jQuery.fn.spoiler = function(options) {

  var backColor = jQuery(this).css("background-color");

  var foreColor = jQuery(this).css("color");

 

return jQuery(this)

  .css({backgroundColor:foreColor})

  .mouseover(function() { jQuery(this).css({backgroundColor:backColor}); })               

  .mouseout(function() { jQuery(this).css({backgroundColor:foreColor}); })

;

};

// End spoiler plugin

 

jQuery.noConflict();

 

jQuery(function() {

  jQuery(".spoiler").spoiler();

});

 

// -->

</script>

 

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.