Tolong pilih kategori sesuai, jenis posting (diskusi atau bukan) dan sertakan tag/topik yang sesuai seperti komputer, java, php, mysql, dll. Promosi atau posting tidak pada tempatnya akan kami hapus!
- Bagi Anda yang ingin mendaftar, baca link berikut:
http://diskusiweb.com/discussion/50491/how-to-registrasi-diskusiweb-com-baca-ini-terlebih-dahulu
- Cara menyisipkan kode program supaya tampil rapi dan terformat dengan baik di diskusiweb.com: http://www.diskusiweb.com/discussion/50415/cara-menyisipkan-kode-program-di-diskusiweb-com
- Cara posting gambar/image di post Anda: http://www.diskusiweb.com/discussion/47345/cara-menyisipkan-menyertakan-image-pada-posting/p1

Scrolling Form ?

edited November -1 in Diskusi Pemrograman & IT
Apa namanya saya juga belum tahu nih ....

Mungkin kalau kaskus.com dibuka tahu deh contohnya, ituloh yang disebelah kirinya ... "form register" yang selalu mengikuti halaman yang tampil bila halaman web di scroll ke atas dan kebawa ...

GIMANA CARA MEMBUATNYA YA ... ?

Thanks

Comments

  • Saya sudah ikuti petunjuknya kok belum jalan juga ya ... ?

    Saya coba copikan scriptnya kedalam halaman index.php saya pada bagian akhir document, Diatas </body>
  • seperti apa yang sudah anda buat?
    post yang penting2 saja
  • Menunya muncul, tapi tidak bisa jalan ke atas dan bawah ..
  • seperti saya tulis diatas saya mengkopi semua script yang ada di http://www.dynamicdrive.com/dynamicindex1/staticmenu.htm kedalam file index.php saya.

    Scriptnya dari http://www.dynamicdrive.com/dynamicindex1/staticmenu.htm belum ada saya edit-edit karena saya masih coba bisa tidak jalannya ... kalau dah bisa rencananya baru saya rubah sesuai keinginan ...

    nich scripnya ...
    <html>
    <body>
    <table>
    ........
    ........
    </table>

    <script>
    if (!document.layers)
    document.write('<div id="divStayTopLeft" style="position:absolute">')
    </script>

    <layer id="divStayTopLeft">

    <!--EDIT BELOW CODE TO YOUR OWN MENU-->
    <table border="1" width="130" cellspacing="0" cellpadding="0">
    <tr>
    <td width="100%" bgcolor="#FFFFCC">
    <p align="center"><b><font size="4">Menu</font></b></td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#FFFFFF">
    <p align="left"> <a href="http://www.dynamicdrive.com">Dynamic Drive</a><br>
    <a href="http://www.dynamicdrive.com/new.htm">What's New</a><br>
    <a href="http://www.dynamicdrive.com/hot.htm">What's Hot</a><br>
    <a href="http://www.dynamicdrive.com/faqs.htm">FAQs</a><br>;
    <a href="http://www.dynamicdrive.com/morezone/">More Zone</a></td>
    </tr>
    </table>
    <!--END OF EDIT-->

    </layer>


    <script type="text/javascript">

    /*
    Floating Menu script- Roy Whittle (http://www.javascript-fx.com/)
    Script featured on/available at http://www.dynamicdrive.com/
    This notice must stay intact for use
    */

    //Enter "frombottom" or "fromtop"
    var verticalpos="frombottom"

    if (!document.layers)
    document.write('</div>')

    function JSFX_FloatTopDiv()
    {
    var startX = 5,
    startY = 50;
    var ns = (navigator.appName.indexOf("Netscape") != -1);
    var d = document;
    function ml(id)
    {
    var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x;this.style.top=y;};
    el.x = startX;
    if (verticalpos=="fromtop")
    el.y = startY;
    else{
    el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
    el.y -= startY;
    }
    return el;
    }
    window.stayTopLeft=function()
    {
    if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : document.body.scrollTop;
    ftlObj.y += (pY + startY - ftlObj.y)/8;
    }
    else{
    var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
    ftlObj.y += (pY - startY - ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("divStayTopLeft");
    stayTopLeft();
    }
    JSFX_FloatTopDiv();
    </script>

    </body>
    </html>
  • copy paste code anda di tempat saya bisa

    definisi : startY = 5; terlalu ke bawah jadi mungkin tidak tampak, 5 = 5 pixel dari batas bawah browser
    naikan value nya : startY = 150;
  • Anda pakai browser apa? Dah lihat keterangan browser apa saja yang support.
  • ooo, saya pakai fire fox nich .. support ngak ?
  • firefox bisa... di situsnya sendiri kecantum : FF1+ IE5+ Opr7+

    firefox 1.0 ka atas, ie 5.0 ke atas, opera 7.0 ke atas



    kan sudah dikasih tau mbah panoramix :

    "...definisi : startY = 5; terlalu ke bawah jadi mungkin tidak tampak, 5 = 5 pixel dari batas bawah browser
    naikan value nya : startY = 150; ..."

    definisi startY situ terlalu kecil... masa cuma 5?
    itu di bawah batas status bar
  • Ada ngak contoh link yang lain untuk hal diatas ...?
  • Sudah bisa nih.., saya akali dengan meletakkan table web utama dalam div.

    Nih ada scrip yang lebih pendek namun hasilnya ngak kalah sudah bisa mewakili kebutuhan http://bucarotechelp.com/design/csseasy/96002401.asp?x=40&y=10&page=1
Sign In or Register to comment.