slider geht nur einmal richtig

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • slider geht nur einmal richtig

    hallo und danke schon mal für eure hilfe!
    hab mir da einen slider zusammengebastelt und beim ersten mal klappt es auch super aber wenn ich ihn dann losgelassen hab und dann noch einmal sliden will dann kommt nach dem anklicken und bewegen ein durchgestrichener kreis als mouse symbol, lass ich los kann ich den slider immer noch schieben
    aso ist erst mal nur für den firefox programiert im ie siehts schlimm aus, sorry (aber da ist das geschilderte problem wenigstens nicht ^^)

    hier die seite: link

    hier der quelltext:

    PHP-Code:
    <html>
    <
    head>
    <
    title>Slider Beispiel</title>
    <
    style type="text/css">
    <!--
    #slider_hintergrundbox_oben {position: relative;margin-left: 55px;background-color: #E5E5E5;
    border-bottom:solid black 4px;border-top0px;border-right0px;border-left0px;width300px;height13px;}
    #slider_hintergrundbox_unten {position: relative;margin-top: 0px;margin-left: 55px;background-color: #E5E5E5;
    border0px;width300px;height13px;}
    #slider {position: relative;top:-30px;left:-170px;margin-top: 0px;background-color: #063DF7;width: 20px;height: 30px;
    cursor: default;}
    -->
    </
    style>
    <
    script type="text/javascript"><!--
    var 
    slide_objekt null;
    var 
    slider_x 80;
    var 
    mouse_x 0;

    function 
    init()
    {
        
    document.onmousemove slide;
        
    document.onmouseup slide_stop;
    }
    function 
    slide_stop() {
        
    slide_objekt=null;
    }
    function 
    slide(ereignis) {
        if(
    slide_objekt != null) {
            
    mouse_x document.all window.event.clientX ereignis.pageX;
            if(
    mouse_x 130 && mouse_x 415)
            {
                
    slide_objekt.style.left = (mouse_x-300) + "px";
            }
        }
    }
    function 
    slide_start(element) {
        
    slide_objekt element;
        
    slider_x slide_objekt.offsetLeft;
    }
    // --></script>
    </head>
    <
    body onLoad="init();">
        <
    table border="0" cellspacing="0" cellpadding="0" width=585 height=640>
            <
    tr>
                <
    td width=585 height=65>&nbsp;</td>
            </
    tr>
            <
    tr>
                <
    td align="center">
                  <
    div style="position:relative; padding:30px 15px 30px 15px">
                    <
    div id="slider_hintergrundbox_oben"></div>
                    <
    div id="slider_hintergrundbox_unten"></div>
                    <
    div id="slider" onmousedown="slide_start(this);"></div>
                  </
    div>
                </
    td>
            </
    tr>
        </
    table>
    </
    body>
    </
    html
    Zuletzt geändert von q-skyrunner; 10.12.2008, 08:22.
Lädt...
X