On="1" and Off="2" within one click

Faisal

I'm using one button for "on and "off" in asp.net c#. When i click that button it is "on" and when i click that same button second time it is "off". Now i want to do this within one click. This means that once i click and hold that button it should be "on" till i release the button, when released it should be "off". Please let me know how can i do that !

protected void Page_Load(object sender, EventArgs e)
{
ardo = new SerialPort();
ardo.PortName = "COM5";
ardo.BaudRate = 9600;
}
protected void BlueOn(object sender, EventArgs e)
{
if(Session["currentState"] == null)
Session["currentState"] = "2";
if(Session["currentState"].ToString() == "1")
{
Session["currentState"]= "2";
}
else
{
Session["currentState"]= "1";
}
ardo.Open();
ardo.Write(Session["currentState"].ToString());
ardo.Close();
}

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Tamal Marick7y ago
https://stackoverflow.com/questions/7587846/jquery-how-do-i-trigger-an-event-after-a-click-hold-release-action
0
Faisal7y ago
Thank you for your feedback. Actually i'm very new in this field. Can you please give a complete example code so that i can follow that one..!
0
Tamal Marick7y ago
Hi Faisal,

You can trigger that with jQuery.

1. Listen for a mousedown event on whatever should be clicked on.

2. Add a mousemove and mouseup event handler to the window

3. In the mouseup event handler call trigger('yourcustomeventhere') on whatever element you please. Also, remove the mouseup and mousemove event handlers from window

jQuery is the library that will do this for you. I thought I explained the code well enough, but apparantly not:
$(anElement).mousedown(foodown);
function foodown(){
$(window).mousemove(foomove).mouseup(fooup);
//stuff
}
function foomove(){
//stuff
}
function fooup(){
$(someElement).trigger('yourcustomevent');
$(window).unbind('mousemove', foomove).unbind('mouseup', fooup);
}
/**
* Dragondrop jQuery plugin by zzzzBov
*/
(function ($) {
"use strict";
var $window;
function begin(e) {
var event;
$window.mousemove(drag).mouseup(end);
event = $.Event('beginDragon');
$(e.target).trigger(event);
if (event.isDefaultPrevented()) {
e.preventDefault();
}
}
function drag(e) {
var event;
event = $.Event('dragDragon');
$(e.target).trigger(event);
if (event.isDefaultPrevented()) {
e.preventDefault();
}
}
function end(e) {
var event;
event = $.Event('endDragon');
$(e.target).trigger(event);
$window.unbind('mousemove', drag).unbind('mouseup', end);
if (event.isDefaultPrevented()) {
e.preventDefault();
}
}
$.each('beginDragon dragDragon endDragon'.split(' '), function (i, name) {
$.fn[name] = function(data,fn) {
if (fn == null) {
fn = data;
data = null;
}
return arguments.length > 0 ?
this.bind(name, data, fn) :
this.trigger(name);
};
});
$window = $(window);
$window.mousedown(begin);
}(jQuery));
0