Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 10-12-2008, 08:19
q-skyrunner
 Newbie
Links : Onlinestatus : q-skyrunner ist offline
Registriert seit: Dec 2008
Beiträge: 1
q-skyrunner ist zur Zeit noch ein unbeschriebenes Blatt
Standard 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

Geändert von q-skyrunner (10-12-2008 um 08:22 Uhr)
Mit Zitat antworten