1. Forum
  2. DOVE-Net
  3. Synchronet JavaScript

  • Cool Note Script

    From Scottie@VHCBBS to All on Saturday, August 30, 2008 20:34:00
    I found this cool little script while browsing one day. I found it usefull for my BBS maybe some of you can use it.


    <!--
    Post 'Em Notes Header by flooble.com
    This script is Copyright (c) 2003 Animus Pactum Consulting.
    For more information, visit:
    http://www.flooble.com/scripts/postems.php
    START of Post 'Em Notes Header code -->
    <style>
    .note { border: 1px solid #6688CC; font: 9px caption; font-weight: bold; background: #000000; text-decoration:none; color: #000077;}
    .note2 { border: 1px solid #6688CC; font: 9px caption; font-weight: bold; background: #CCCCEE; text-decoration:none; color: #000077;}
    A.note { text-decoration: none; }
    .notebody { display:block; border: 1px solid #666666; color: #000000; background: #EEEEEE; position:absolute; z-index: +10; width:473px; height:300px; padding: 2px; left: 292px; top:27px; font-size: 12px;}
    .notetitle { font-weight: bold; background: #CCCCCC; color: #000000; border-bottom: 1px dashed #666666; padding: 1px; width: 100%; margin: 0px; font-size: 13px;}
    .notebody2 { display:block; border: 1px solid #666666; color: #000000; background: #EEEEEE; position:absolute; z-index: +10; width:320px; padding: 2px; left: 292px; top:27px; font-size: 12px;}
    .notetitle2 { font-weight: bold; background: #CCCCCC; color: #000000; border-bottom: 1px dashed #666666; padding: 1px; width: 100%; margin: 0px; font-size: 13px;}

    .notehidden { display: none; }
    .notevisible { display: block; position:absolute; z-index: +10; left:0px;}
    </style>
    <script language="javascript">
    var ie = false;
    var lastNote = '';
    if (document.all) { ie = true; }

    function getObj(id) {
    if (ie) {
    return document.all[id];
    } else {
    return document.getElementById(id);
    }
    }

    function showNote(name) {
    if (name == lastNote) {
    hideNote(name);
    return;
    }

    if (lastNote != '') { hideNote(lastNote); }
    var title = getObj(name + '_title');
    var body = getObj(name + '_body');
    //title.className = 'notehidden';
    body.className = 'notevisible';
    lastNote = name;
    }

    function hideNote(name) {
    var title = getObj(name + '_title');
    var body = getObj(name + '_body');
    //title.className = 'note';
    body.className = 'notehidden';
    lastNote = '';
    }
    </script>

    <table align="center" width="25%" border="1" bordercolor="#000000" cellspacing="0" cellpadding="0">
    <tr><td align="center">
    <!-- Post 'Em Note "Note:" Start -->
    <a href="javascript:void(0);" id="note1220077324_title" class="note" onclick="showNote('note1220077324');"><img src="http://octane.kicks- ass.net/images/octane_radio.png" width="468" height="40" border="0"></a>
    <span id="note1220077324_body" class="notehidden"><br>
    <div class="notebody" align="left">
    <table class="notetitle" cellspacing="0" cellpadding="0"><tr>

    <td>Octane Radio</td>
    <td align="right"><a href="javascript:void(0);" onclick="hideNote('note1220077324');"><img src="Close.gif" border="0"></a></td>

    </tr></table>

    <iframe id="Iframe1" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="100%" scrolling="yes" height="100%"
    src="http://www.google.com"></iframe>



    </div>
    <noscript><a href="http://www.flooble.com/scripts/postems.php">add popup notes to your page</a> | <a href="http://perplexus.info/about.php">free puzzle of the day</a>
    </noscript>
    </span>
    <!-- Post 'Em Note End -->
    </td></tr>

    <tr><td align="center">
    <OBJECT ID="MediaPlayer" WIDTH="100%" HEIGHT="25" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading
    Windows
    Media Player components..." TYPE="application/x-oleobject" VIEWASTEXT>
    <PARAM NAME="FileName" VALUE="mms://octane.kicks-ass.net:8080">
    <PARAM name="autostart" VALUE="true">
    <PARAM name="ShowControls" VALUE="false">
    <param name="ShowStatusBar" value="true">
    <PARAM name="ShowDisplay" VALUE="false">
    <EMBED TYPE="application/x-mplayer2" NAME="MediaPlayer">
    </EMBED>
    </OBJECT>
    </td></tr></table>

    <hr color="#000000">

    <center><b>"Click the Banner above"</b></center>
    <center><a href="http://octane.kicks-ass.net/coolnotescript.zip">Download Source (ZIP)</a></center>


    ok so i made some easy changes to it. This is a very easy script to use. I like it as it's original use. I use for instructions for a game and other things aswell on my BBS. Cheack it out.

    You can download an original copy from the link above.


    Scottie.
    http://octane.kicks-ass.net:81

    ---
    ■ Synchronet ■ Octane Radio BBS - octane.kicks-ass.net:81