Project Detail

Description

This is a very small and easy project for an experience programmer.

Current Situation:

1. I already have a script dependent upon jquery-1.2.2.pack.js and animatedcollapse.js (scripts and body code cited below).

Project Requirements:

1. Modify current code to incorporate a PLUS IMAGE when a visitor clicks on the following link to expand div:

<a href="javascript:animatedcollapse.toggle('colexp')">View Specials & Announcements</a>

Note: /onlinestore/images/plusminus/bb-plus.png

2. Modify current code to incorporate a MINUS IMAGE when a visitor clicks on the following link to expand div:

Note: /onlinestore/images/plusminus/bb-minus.png

_________________________________________________________
_________________________________________________________

Javascripts:

<script type="text/javascript" src="scripts/divcontroller/jquery-1.2.2.pack.php"></script>
<script type="text/javascript" src="scripts/divcontroller/animatedcollapse.php"></script>

<script type="text/javascript">
var timeLimit = 12000;
var divName = 'colexp';
var divShowStill = false; // must be false

divSet();
function divHideAuto()
{
if (!this.divShowStill) animatedcollapse.hide(this.divName);
}

function divSet()
{
animatedcollapse.addDiv(this.divName, 'hide=0,fade=0');
animatedcollapse.init();
setTimeout(divHideAuto, timeLimit); // Close DIV
}
function divToggle(divName, shown)
{
if (shown) this.divShowStill = true;
else
{
this.divShowStill = false;
animatedcollapse.hide(divName);
}
}
</script>

_________________________________________________________
_________________________________________________________

Body Code:


<span class="div-collapse-expand">
<a href="javascript:animatedcollapse.toggle('colexp')">View Specials & Announcements</a>
</span>

<div id="colexp" style=" <?php if (!empty($cssDisplay)) echo $cssDisplay; ?> background-color:#FDECEC; padding:5px; border:1px solid #FFCCCC; padding:2px; width:;">
<table width="" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><strong><font class="dmtext"><strong>Content Title</strong></font></strong></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td><font class="dmtext">Content Details</font></td>
</tr>
</table>
</div>
_________________________________________________________
_________________________________________________________