sortie

OK, lets move on to putting something in the footer and using images for the buttons.

- replace the text in the Div tag with HTML.
I'm putting a table there with images that link to pages.

- I'm going to use a gif for the close button that is the same height
as my other images in the table. The close gif has a red x box at top and is
clear at the bottom so that it will line up in the top right.

- I'm going to use a gif for the openbutton but it will not be as big as the
other images which will make it appear to shrink down when clicked.

- I nolonger want the back ground color etc for the button so I removed that
for the style element of the footerbutton span tag.


- now change the "X" and "^^" in the previous code to the proper image tags :

change this :
document.getElementById("footerbutton").innerHTML = "X"

to this :

document.getElementById("footerbutton").innerHTML = "<img src=/gfy/closebutton.gif border=0>";

change this :
document.getElementById("footerbutton").innerHTML = "^^"

to this :

document.getElementById("footerbutton").innerHTML = "<img src=/gfy/openbutton.gif border=0>";


DEMO : http://ooaz.com/gfy/gfytest002.html


Here is the new code :

<div id=footer class="pos_fixed" style="width:100%;background-color:darkgreen;border:solid yellow 1px;">
<center>

<table width=100% bgcolor=orange border=0 cellspacing=0 cellpadding=0 style="border:solid silver 1px;">
<tr>
<td><a href=/><img src=/logo01.jpg border=0></a></td>
<td><a href=/ooaz/poker.html><img src=/pokerbut.jpg border=0></a></td>

<td><a href=/ooaz/blackjack.html><img src=/blackjackbut.jpg border=0></a></td>
<td><a href=/ooaz/lucky7.html><img src=/lucky7but.jpg border=0></a></td>
<td><a href=/ooaz/wheeloff.html><img src=/wheeloffbut.jpg border=0></a></td>

</tr>
</table>



</center>

</div>


<span id=footerbutton style="position:fixed;right:0px;bottom:0px;" onClick="footexpand();"></span>
<script type="text/javascript">
var mytog = 0;
var putback = document.getElementById("footer").innerHTML;
document.getElementById("footerbutton").innerHTML = "<img src=/gfy/closebutton.gif border=0>";

function footexpand() {
if (mytog == 0) {
document.getElementById("footer").innerHTML = "";
document.getElementById("footerbutton").innerHTML = "<img src=/gfy/openbutton.gif border=0>";
mytog=1;
}
else {
document.getElementById("footer").innerHTML = putback;
document.getElementById("footerbutton").innerHTML = "<img src=/gfy/closebutton.gif border=0>";
mytog=0;
}
}
</script>

</body>
</html>

__________________