Visualizzazione dei risultati da 1 a 6 su 6

Discussione: simulare scrollbar

  1. #1

    simulare scrollbar

    avrei necessità di nascondere una scrollbar di un div e sostituirla con un equivalente grafico: ossia due freccette ed una barra draggabile della stessa lunghezza del testo. mi sapreste suggerire qualche metodo? ho cominciato a lavorarci su, ma non è una scemata... ecco quello che ho fatto finora:

    function drag(e) {
    if (document.layers){
    window.captureEvents(Event.MOUSEMOVE);
    window.onmousemove=move;
    }
    else {
    document.onmousemove=move;
    }
    }

    function move(e) {
    if (document.all) {
    px = window.event.clientX;
    py = window.event.clientY;
    }
    else
    {
    px = e.pageX;
    py = e.pageY;
    }

    var c = document.getElementById('barra').style.top;
    c = c.substr(0, c.indexOf("px"));
    c = py-150;
    d = c^2;
    document.getElementById('barra').style.position='a bsolute';
    document.getElementById('barra').style.top = c/2 + "px";
    document.getElementById('testo').style.top = d + "px";
    }

    [omissis]

    [img]img/muovi.gif[/img]
    ovviamente c'è un div che contiene il testo. il mio primo problema è quello di stabilire un rapporto tra lo scorrimento della barra e quello del testo, che per ora è di 1:1.

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    633
    se ti può essere utile da un'occhiata tra gli script proposti in questo 3d, in particolare:

    http://digilander.libero.it/wstandar...andard6.2F.htm
    http://digilander.libero.it/wstandar...andard6.3F.htm
    http://digilander.libero.it/wstandar...andard7.2F.htm

    nel dettaglio non scendo (anche perchè non mi ricordo più cosa avevo fatto ) e dovresti vedere il codice, magari ti da qualche spunto.
    ciauz
    Alcuni miei articoli in PRO.HTML.IT: JavaScript | DHTML | DOM
    Sviluppo : wedev | forum

  3. #3

  4. #4
    per lo scrolling quasi nessun problema, ora il più grosso... è fargli smettere di scrollare! perchè con questo codice mi dragga appena clicco poi si appiccica al mouse e non lo schioda più anche quando rilascio il bottone?


    function drag(e) {

    if (document.layers){
    window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
    window.onmousemove=muovi;
    window.onmouseup=stopdrag;
    }
    else {
    document.onmousemove=muovi;
    window.onmouseup=stopdrag;
    }

    }

    function stopdrag(i) {
    window.releaseEvents(Event.MOUSEDOWN | Event.MOUSEUP);

    }

    function muovi(e) {
    if (document.all) {
    py = window.event.clientY;

    }
    else
    {
    py = e.pageY;

    }


    chi('barra').style.position='absolute';
    chi('barra').style.top = py + "px";

    }
    nota: "chi()" la uso al posto di getElementById, che è troppo lunga

  5. #5

    Re: simulare scrollbar

    Originariamente inviato da yuri refolo avrei necessità di nascondere una scrollbar di un div...

    Scusa, come si aggiunge una scrollbar ad un div ???

    Se puoi rispondi al più presto. Grazie

  6. #6

    <div style="width: 200; height: 150; overflow: auto;">
    testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo
    </div>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.