M
Mike
hi,
how can i do a SildeBar Control?
Thanks
how can i do a SildeBar Control?
Thanks
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.
You should upgrade or use an alternative browser.
K
Kevin Spencer
Hi Mike,
You might be able to find one ready-made on the Internet. You could write
your own as well. It would have to be done using JavaScript and HTML. My
guess would be that it would use Divs for the most part. The scroll "groove"
would be an image. The slider would be a div that has event handlers for
onmousedown, onmousemove, and onmouseup. It would use CSS styles and
JasvaScript to move the slider.
--
HTH,
Kevin Spencer
Microsoft MVP
..Net Developer
What You Seek Is What You Get.
You might be able to find one ready-made on the Internet. You could write
your own as well. It would have to be done using JavaScript and HTML. My
guess would be that it would use Divs for the most part. The scroll "groove"
would be an image. The slider would be a div that has event handlers for
onmousedown, onmousemove, and onmouseup. It would use CSS styles and
JasvaScript to move the slider.
--
HTH,
Kevin Spencer
Microsoft MVP
..Net Developer
What You Seek Is What You Get.
M
Mike
Thanks Kevin.
I already did that, but i don't know how to limit the slider to the table
limits without use absolute-position.
Can u help me?
This's the HTML:
<script language="javascript">
var Dragging = false;
var CurrentControl,CurrentControlY, CurrentControlYTemp;
function OnMove()
{
if (event.button == 1 && Dragging)
{
CurrentControl.style.pixelTop = CurrentControlYTemp + event.clientY -
CurrentControlY;
return false;
}
}
function OnDrag()
{
if (!document.all)
return;
if (event.srcElement.className=="drag")
{
Dragging = true;
CurrentControl = event.srcElement;
var o = document.all.tblLalala;
CurrentControlYTemp = CurrentControl.style.pixelTop;
CurrentControlY = event.clientY;
document.onmousemove = OnMove;
}
}
</script>
.....
<body>
<table height="100%" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td align="right">
<table id="tblLalala" height="100%" width="15" cellpadding="0"
cellspacing="0" style="BORDER-RIGHT: 2px inset; BORDER-TOP: 2px inset;
BORDER-LEFT: 2px inset; MARGIN-RIGHT: 10px; BORDER-BOTTOM: 2px inset">
<tr height="50%">
<td bgcolor="#ffffff" align="right">
<IMG class="drag" src="images/pointer.bmp">
</td>
</tr>
<tr height="50%">
<td bgcolor="#ff0000"></td>
</tr>
</table>
</td>
</tr>
</table>
<script language="javascript">
document.onmousedown = OnDrag;
document.onmouseup = new Function("Dragging = false");
</script>
</body>
.....
I already did that, but i don't know how to limit the slider to the table
limits without use absolute-position.
Can u help me?
This's the HTML:
<script language="javascript">
var Dragging = false;
var CurrentControl,CurrentControlY, CurrentControlYTemp;
function OnMove()
{
if (event.button == 1 && Dragging)
{
CurrentControl.style.pixelTop = CurrentControlYTemp + event.clientY -
CurrentControlY;
return false;
}
}
function OnDrag()
{
if (!document.all)
return;
if (event.srcElement.className=="drag")
{
Dragging = true;
CurrentControl = event.srcElement;
var o = document.all.tblLalala;
CurrentControlYTemp = CurrentControl.style.pixelTop;
CurrentControlY = event.clientY;
document.onmousemove = OnMove;
}
}
</script>
.....
<body>
<table height="100%" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td align="right">
<table id="tblLalala" height="100%" width="15" cellpadding="0"
cellspacing="0" style="BORDER-RIGHT: 2px inset; BORDER-TOP: 2px inset;
BORDER-LEFT: 2px inset; MARGIN-RIGHT: 10px; BORDER-BOTTOM: 2px inset">
<tr height="50%">
<td bgcolor="#ffffff" align="right">
<IMG class="drag" src="images/pointer.bmp">
</td>
</tr>
<tr height="50%">
<td bgcolor="#ff0000"></td>
</tr>
</table>
</td>
</tr>
</table>
<script language="javascript">
document.onmousedown = OnDrag;
document.onmouseup = new Function("Dragging = false");
</script>
</body>
.....
K
Kevin Spencer
Hi Mike,
Unfortunately, my HTML/JavaScript skills are somewhat rusty, as we have a
Graphics designer who handles that UI sort of thing. However, there might be
someone here who can, and there's always Google:
http://www.google.com/search?hl=en&q=HTML+Slider+Control
--
HTH,
Kevin Spencer
Microsoft MVP
..Net Developer
What You Seek Is What You Get.
Unfortunately, my HTML/JavaScript skills are somewhat rusty, as we have a
Graphics designer who handles that UI sort of thing. However, there might be
someone here who can, and there's always Google:
http://www.google.com/search?hl=en&q=HTML+Slider+Control
--
HTH,
Kevin Spencer
Microsoft MVP
..Net Developer
What You Seek Is What You Get.
Ask a Question
Want to reply to this thread or ask your own question?
You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.
Similar Threads
Forum statistics
Latest Threads
-
What are the key advantages of using a SaaS (Software as a Service) model for application development?
- Started by remotedevelopers
-
How to build a database-driven web page
- Started by av3mar1a153
-
Hola
- Started by luuciefer
-
Using a DTSX file with GoDaddy
- Started by IBMJunkman
-
Hello Everyone
- Started by welly
-
Problem with code
- Started by camilin05
-
How to get expertise in "cyber security" or from where to start for this?
- Started by independent
-
Arduino Chess Clock
- Started by ARDU_PROgrammER
-
What steps are the key steps involved in designing a product?
- Started by remotedevelopers