sitescripts.js Documentation

SITE.util.Button(options)

Note: in order for the button to work, there must be an "images" folder containing the image files "buttonDown.gif" and "buttonUp.gif" inside the folder containing "sitescripts.js".

options:

id (String): The id attribute of the button
text (String): The text on the button
cursor (String): The cursor type when mouse is over the button
color (Hex-String): The color of the text on the button
decoration (String): The text decoration for the text on the button
action (function): The JavaScript code to be executed when the button is pressed

Example:

<table border="0">
    <tr>
        <td id="btn1space"></td>
        <td id="btn2space"></td>
        <td id="contentspace">Content</td>
    </tr>
</table>
<script type="text/javascript">
    var b1 = new SITE.util.Button(
    {
        id:"btn1",
        text:"Change Content",
        cursor:"pointer",
        color:"#00FF00",
        //decoration:"underline overline",
        action:function()
        {
            document.getElementById("contentspace").innerHTML = "New Content";
        }
    });
    var button1 = b1.getItem();
    document.getElementById("btn1space").appendChild(button1);
    button1.style.marginTop = "-20";
    button1.style.position = "relative";
    button1.style.top = "50%";
    var b2 = new SITE.util.Button(
    {
        id:"btn2",
        text:"Return Content",
        cursor:"pointer",
        color:"#00FF00",
        //decoration:"underline overline",
        action:function()
        {
            document.getElementById("contentspace").innerHTML = "Content";
        }
    });
    var button2 = b2.getItem();
    document.getElementById("btn2space").appendChild(button2);
    button2.style.marginTop = "-20";
    button2.style.position = "relative";
    button2.style.top = "50%";
</script>

Content

SITE.util.Hint(options)

options:

text (String): The text of the hint
symbol (String)(1 char please): The inline symbol the user clicks on to show the hint
bgColor (Hex-String): The background color of the hint
color (Hex-String): The text color of the hint
linkcolor (Hex-String): The color of the inline symbol
borderColor (Hex-String): The color of the border of the hint
opacity (int-String)(0-100): The opacity of the hint (might not work in all browsers)
roundedCorners (boolean): True if the hint should have rounded corners, false otherwise

Example:

Text text text text


	Links Mini-Library Pages Base Mini-library Text and Image Fade Effects Image Overlay: Small Big Overlay Popup Validation Util: Docs Test Other Pages Home Page Downloads About Me Flash Animation My Calendar Animations Blog