Shieberegler für Input Feld

F

firstlord18

Erfahrenes Mitglied
Hallo,

ich möchte gerne, dass man per Schieberegler (in etwa einer wie hier, nur am besten Horizontal ausgerichtet: http://www.perlunity.de/javascript/scripts/javascript_0169_main.shtml ) die Zahl eines Input Feldes verändern kann.
Wenn der Regler ganz rechts steht, sollte die Zahl 15 betragen, und falls der Regler ganz links steht, sollte die Zahl 0 betragen.

Er soll aber auch so viel Browsern wie möglich funktioneren (der Demolink des oben geposteten Schiebereglers nicht im FF :( )!

Danke!
 
Danke erstmal. Leider weiß ich nicht, wie ich ihn anwende und wo ich ihn herbekomme. Da wenn ich auf Download klicke, eine Datei für DragDrop bekomme ...

kannst du mir eventuell weiterhelfen?
Danke!
 
Jo...diese Datei für Drag&Drop ist das, was du brauchst....das ist die JS-Bibliothek, welche alle nötigen Methoden beinhaltet.
Du musst dieses Skript einbinden, und dann die darin enthaltenen Methoden anwenden.

Hab mal die Sachen für den Regler rausgesucht:
Code: 
<body>
<script type="text/javascript" src="wz_dragdrop.js"></script>
<img style="visibility: hidden;" name="thumb" src="thumb.gif" alt=""><!-- das Bild für den Regler --> 
<img style="visibility: hidden;" name="track" src="track.gif" alt=""><!-- das Bild für die 'Schiene', auf der sich der Regler bewegt, es sollte die selbe Höhe besitzen, wie der Regler --> 
<form name="formularname"><input name="inputname"></form>
<script type="text/javascript">
<!--
SET_DHTML(CURSOR_W_RESIZE, "thumb"+HORIZONTAL, "track"+NO_DRAG);
dd.elements.thumb.maxoffr=dd.elements.thumb.maxoffl=dd.elements.track.w/2;
dd.elements.thumb.moveTo((dd.elements.track.w/2)+dd.elements.track.x-(dd.elements.thumb.w/2), dd.elements.track.y);
dd.elements.thumb.setZ(dd.elements.track.z+1);
dd.elements.track.addChild('thumb');
dd.elements.thumb.defx = dd.elements.thumb.x;
function my_DragFunc()
{
  var xx = 15;//max-Wert
  var pp = 10;//Genauigkeit
    if (dd.obj==dd.elements.thumb)
    {
        v=Math.round((( dd.obj.x-dd.obj.defx+(dd.obj.parent.w/2))/dd.obj.parent.w)*xx*pp)/pp;
        document.formularname.inputname.value = v;
    }
}
//-->
</script>
</body>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück