Tweet
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:
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-top: 0px;border-right: 0px;border-left: 0px;width: 300px;height: 13px;}
#slider_hintergrundbox_unten {position: relative;margin-top: 0px;margin-left: 55px;background-color: #E5E5E5;
border: 0px;width: 300px;height: 13px;}
#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> </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>