public static jQueryObject ScrollPagerPlugin(ScrollPagerPluginOptions customOptions)
{
ScrollPagerPluginOptions defaultOptions =new ScrollPagerPluginOptions();
defaultOptions.pageSize = 10;
defaultOptions.currentPage = 1;
defaultOptions.holder = ".listcontainer";
defaultOptions.viewport = "";
defaultOptions.pageHeight = 23;
defaultOptions.onPageChanged = null;
defaultOptions.container = "#listcontainerdiv";
ScrollPagerPluginOptions options =jQuery.ExtendObject<ScrollPagerPluginOptions>(new ScrollPagerPluginOptions(), defaultOptions, customOptions);
return jQuery.Current.Each(delegate(int i, Element element)
{
jQueryObject selector = jQuery.This;
int pageCounter = 1;
PositionInfo iPosition = new PositionInfo();
MouseInfo iMouse = new MouseInfo();
Number candidatePageIndex = 0;
//this goes through every item in the
selector
.Children()
.Each(delegate(int ic, Element elc)
{
if (ic < pageCounter * options.pageSize && ic >= (pageCounter - 1) * options.pageSize)
{
jQuery.This.AddClass("page" + pageCounter);
}
else
{
jQuery.This.AddClass("page" + (pageCounter+1));
pageCounter++;
}
});
//set and default the slider item height
int contHeight = jQuery.Select(options.container).GetHeight();
int sliderItemHeight = contHeight;
//show/hide the appropriate regions
selector.Children().Hide();
jQuery.Select(".page" + options.currentPage).Show();
//more than one page?
if (pageCounter > 1)
{
//calculate the slider item height
sliderItemHeight = (contHeight / pageCounter);
//Build pager navigation
string pageNav = "<UL class=scrollbar sizcache='4' sizset='13'>";
for (i = 1; i <= pageCounter; i++)
{
if (i == options.currentPage)
{
pageNav += "<LI class='currentPage pageItem' sizcache='4' sizset='13'><A class='sliderPage' href='#' rel='" + i + "'></A>";
}
else
{
pageNav += "<LI class='pageNav" + i + " pageItem' sizcache='4' sizset='14'><A class='sliderPage' href='#' rel='" + i + "'></A>";
}
}
//Create slider item
string sliderItem = "<LI class='thumb' sizcache='4' sizset='13' style='top:" + (options.currentPage - 1) * sliderItemHeight + "; height:" + (sliderItemHeight - 3) + "'><A class='sliderThumb' href='#' rel='" + i + "'></A>";
pageNav += sliderItem;
pageNav += "</LI></UL>";
if (options.holder == "")
{
selector.After(pageNav);
}
else
{
jQuery.Select(options.holder).Append(pageNav);
}
//Apply the slider item height
jQuery.Select(".pageItem").Height(sliderItemHeight);
}
jQueryObject oTrack = jQuery.Select(".scrollbar");
jQueryObject oThumb = jQuery.Select(".thumb");
//jQueryObject oViewPort = jQuery.Select(options.viewport);
Number maxPos = (oTrack.GetHeight() - oThumb.GetHeight());
jQueryObject pageItemCollection = jQuery.Select(".pageItem a");
Action<jQueryObject> selectPageItem = delegate(jQueryObject pageItem)
{
string clickedLink = pageItem.GetAttribute("rel");
options.onPageChanged.Invoke(pageItem, new SelectedPageEventArgs(int.Parse(clickedLink)));
options.currentPage = int.Parse(clickedLink);
//remove current current (!) page
jQuery.Select("li.currentPage").RemoveClass("currentPage");
//Add current page highlighting
pageItem.Parent("li").AddClass("currentPage");
//hide and show relevant links
selector.Children().Hide();
selector.Find(".page" + clickedLink).Show();
};
//Action<jQueryObject> selectPageItem = delegate(jQueryObject pageItem)
jQueryEventHandler selectPageItemHandler = delegate(jQueryEvent pageItemClickedEvent)
{
//grab the REL attribute
jQueryObject pageItem = jQuery.FromElement(pageItemClickedEvent.CurrentTarget);
selectPageItem(pageItem);
};
//pager navigation behaviour
pageItemCollection.Live("click", selectPageItemHandler);
jQueryEventHandler wheel = delegate(jQueryEvent oEvent)
{
};
jQueryEventHandler drag = delegate(jQueryEvent oEvent)
{
Number candidatePos = Math.Max(0, (iPosition.Start + ((oEvent.PageY) - iMouse.Start)));
iPosition.Now = (candidatePos > maxPos) ? maxPos : candidatePos;
candidatePageIndex = Math.Round(iPosition.Now / oThumb.GetHeight());
oThumb.CSS("top", iPosition.Now.ToString()); ;
};
jQueryEventHandler end = null;
end = delegate(jQueryEvent oEvent)
{
jQuery.Document.Unbind("mousemove", drag);
jQuery.Document.Unbind("mouseup", end);
oThumb.Die("mouseup", end);
selectPageItem(jQuery.FromElement(pageItemCollection[candidatePageIndex]));
};
jQueryEventHandler start = delegate(jQueryEvent oEvent)
{
iMouse.Start = oEvent.PageY;
string oThumbDir = oThumb.GetCSS("top");
iPosition.Start = (oThumbDir == "auto") ? 0 : int.Parse(oThumbDir);
jQuery.Document.Bind("mousemove", drag);
jQuery.Document.Bind("mouseup", end);
oThumb.Live("mouseup", end);
};
Action setEvents = delegate()
{
oThumb.Live("mousedown", start);
oTrack.Live("mouseup", drag);
//if (options.scroll != null)
//{
// oViewPort[0].AddEventListener("DOMMouseScroll", wheel, false);
// oViewPort[0].AddEventListener("mousewheel", wheel, false);
//}
//else if (options.scroll != null)
//{
// oViewPort[0].OnMouseWheel = wheel;
//}
};
setEvents.Invoke();
});
}
public jQueryObject ScrollPagerPlugin(ScrollPagerPluginOptions options)
{
return null;
}
public jQueryObject ScrollPagerPlugin(ScrollPagerPluginOptions options)
{
return(null);
}
public static jQueryObject ScrollPagerPlugin(ScrollPagerPluginOptions customOptions)
{
ScrollPagerPluginOptions defaultOptions =new ScrollPagerPluginOptions();
defaultOptions.pageSize = 10;
defaultOptions.currentPage = 1;
defaultOptions.holder = ".listcontainer";
defaultOptions.viewport = "";
defaultOptions.pageHeight = 23;
defaultOptions.onPageChanged = null;
defaultOptions.container = "#listcontainerdiv";
ScrollPagerPluginOptions options =jQuery.ExtendObject<ScrollPagerPluginOptions>(new ScrollPagerPluginOptions(), defaultOptions, customOptions);
//if (options.totalRecords / options.pageSize > 1)
//{
// options.showThumbNavigators = true;
//}
return jQuery.Current.Each(delegate(int i, Element element)
{
jQueryObject selector = jQuery.This;
int pageCounter = 1;
PositionInfo iPosition = new PositionInfo();
MouseInfo iMouse = new MouseInfo();
Number candidatePageIndex = 0;
//this goes through every item in the
selector
.Children()
.Each(delegate(int ic, Element elc)
{
if (ic < pageCounter * options.pageSize && ic >= (pageCounter - 1) * options.pageSize)
{
jQuery.This.AddClass("page" + pageCounter);
}
else
{
jQuery.This.AddClass("page" + (pageCounter+1));
pageCounter++;
}
});
//set and default the slider item height
int contHeight = jQuery.Select(options.container).GetHeight();
int sliderItemHeight = contHeight;
//show/hide the appropriate regions
selector.Children().Hide();
jQuery.Select(".page" + options.currentPage).Show();
//more than one page?
if (pageCounter > 1)
{
//calculate the slider item height
sliderItemHeight = (contHeight / pageCounter);
int sliderThumbNavigatorHeight = 10;
//Define the sliderThumbNavigators
jQueryObject sliderThumbNavigate = jQuery.FromHtml("<div><div>");
sliderThumbNavigate.AddClass("sliderNavigate");
sliderThumbNavigate.CSS("height", sliderThumbNavigatorHeight + "px");
jQueryObject sliderThumbNavigateUp = sliderThumbNavigate.Clone(true);
sliderThumbNavigateUp.AddClass("up");
sliderThumbNavigateUp.Text("U");
jQueryObject sliderThumbNavigateDown = sliderThumbNavigate.Clone(true);
sliderThumbNavigateDown.AddClass("down");
sliderThumbNavigateDown.Text("D");
//Build pager navigation
jQueryObject pageNav = jQuery.FromHtml("<ul class=scrollbar sizcache='4' sizset='13'></ul>");
for (i = 1; i <= pageCounter; i++)
{
if (i == options.currentPage)
{
pageNav.Append("<LI class='currentPage pageItem' sizcache='4' sizset='13'><A class='sliderPage' href='#' rel='" + i + "'></A>");
}
else
{
pageNav.Append("<LI class='pageNav" + i + " pageItem' sizcache='4' sizset='14'><A class='sliderPage' href='#' rel='" + i + "'></A>");
}
}
//line-height:
//Create slider item
int sliderItemThumbPosition = Math.Round((options.currentPage - 1)*sliderItemHeight);
double sliderItemThumbHeight = Math.Round((sliderItemHeight - 3));
//If the height of the slide thumb is less than 3 * the height of the navigators then change the height
if (options.showThumbNavigators && ((3 * sliderThumbNavigatorHeight) > sliderItemThumbHeight))
{
sliderItemThumbHeight = (3*sliderThumbNavigatorHeight);
}
jQueryObject sliderThumbObject = jQuery.FromHtml("<li></li>");
sliderThumbObject.AddClass("thumb");
sliderThumbObject.CSS("top", sliderItemThumbPosition.ToString());
sliderThumbObject.CSS("height", sliderItemThumbHeight.ToString() + "px");
jQueryObject sliderThumbBar = jQuery.FromHtml("<div></div>");
sliderThumbBar.AddClass("sliderThumb");
sliderThumbBar.CSS("line-height", sliderItemThumbHeight.ToString() + "px");
sliderThumbBar.Attribute("rel", i.ToString());
sliderThumbBar.Text(options.currentPage.ToString());
//If there is more than one page of data then add navigators
if (options.showThumbNavigators)
{
sliderThumbObject.Append(sliderThumbNavigateUp);
sliderThumbObject.Append(sliderThumbBar);
sliderThumbObject.Append(sliderThumbNavigateDown);
}
else
{
sliderThumbObject.Append(sliderThumbBar);
}
pageNav.Append(sliderThumbObject);
if (options.holder == "")
{
selector.After(pageNav);
}
else
{
jQuery.Select(options.holder).Append(pageNav);
}
//Apply the slider item height
jQuery.Select(".pageItem").Height(sliderItemHeight);
}
jQueryObject oTrack = jQuery.Select(".scrollbar");
jQueryObject oThumb = jQuery.Select(".thumb");
//jQueryObject oViewPort = jQuery.Select(options.viewport);
Number maxPos = (oTrack.GetHeight() - oThumb.GetHeight());
jQueryObject pageItemCollection = jQuery.Select(".pageItem a");
Action<jQueryObject> selectPageItem = delegate(jQueryObject pageItem)
{
string clickedLink = pageItem.GetAttribute("rel");
options.onPageChanged.Invoke(pageItem, new SelectedPageEventArgs(int.Parse(clickedLink)));
options.currentPage = int.Parse(clickedLink);
//remove current current (!) page
jQuery.Select("li.currentPage").RemoveClass("currentPage");
//Add current page highlighting
pageItem.Parent("li").AddClass("currentPage");
//hide and show relevant links
selector.Children().Hide();
selector.Find(".page" + clickedLink).Show();
};
//Action<jQueryObject> selectPageItem = delegate(jQueryObject pageItem)
jQueryEventHandler selectPageItemHandler = delegate(jQueryEvent pageItemClickedEvent)
{
//grab the REL attribute
jQueryObject pageItem = jQuery.FromElement(pageItemClickedEvent.CurrentTarget);
selectPageItem(pageItem);
};
//pager navigation behaviour
pageItemCollection.Live("click", selectPageItemHandler);
jQueryEventHandler wheel = delegate(jQueryEvent oEvent)
{
};
jQueryEventHandler drag = delegate(jQueryEvent oEvent)
{
Number candidatePos = Math.Max(0, (iPosition.Start + ((oEvent.PageY) - iMouse.Start)));
iPosition.Now = Math.Round((candidatePos > maxPos) ? maxPos : candidatePos);
candidatePageIndex = Math.Round(iPosition.Now / oThumb.GetHeight());
oThumb.CSS("top", iPosition.Now.ToString() + "px");
//If navigators are visible then choose the second child. NB: Going to tidy all this up as this approach is def not BP
if (options.showThumbNavigators)
{
oThumb.Children().First().Next().Text((candidatePageIndex + 1).ToString());
}
else
{
oThumb.Children().First().Text((candidatePageIndex + 1).ToString());
}
};
jQueryEventHandler end = null;
end = delegate(jQueryEvent oEvent)
{
jQuery.Document.Unbind("mousemove", drag);
jQuery.Document.Unbind("mouseup", end);
oThumb.Die("mouseup", end);
selectPageItem(jQuery.FromElement(pageItemCollection[candidatePageIndex]));
};
jQueryEventHandler start = delegate(jQueryEvent oEvent)
{
iMouse.Start = oEvent.PageY;
string oThumbDir = oThumb.GetCSS("top");
iPosition.Start = (oThumbDir == "auto") ? 0 : int.Parse(oThumbDir);
jQuery.Document.Bind("mousemove", drag);
jQuery.Document.Bind("mouseup", end);
oThumb.Live("mouseup", end);
};
Action setEvents = delegate()
{
oThumb.Live("mousedown", start);
oTrack.Live("mouseup", drag);
//if (options.scroll != null)
//{
// oViewPort[0].AddEventListener("DOMMouseScroll", wheel, false);
// oViewPort[0].AddEventListener("mousewheel", wheel, false);
//}
//else if (options.scroll != null)
//{
// oViewPort[0].OnMouseWheel = wheel;
//}
};
setEvents.Invoke();
});
}
public static jQueryObject ScrollPagerPlugin(ScrollPagerPluginOptions customOptions)
{
ScrollPagerPluginOptions defaultOptions = new ScrollPagerPluginOptions();
defaultOptions.pageSize = 10;
defaultOptions.currentPage = 1;
defaultOptions.holder = ".listcontainer";
defaultOptions.viewport = "";
defaultOptions.pageHeight = 23;
defaultOptions.onPageChanged = null;
defaultOptions.container = "#listcontainerdiv";
ScrollPagerPluginOptions options = jQuery.ExtendObject <ScrollPagerPluginOptions>(new ScrollPagerPluginOptions(), defaultOptions, customOptions);
return(jQuery.Current.Each(delegate(int i, Element element)
{
jQueryObject selector = jQuery.This;
int pageCounter = 1;
PositionInfo iPosition = new PositionInfo();
MouseInfo iMouse = new MouseInfo();
Number candidatePageIndex = 0;
//this goes through every item in the
selector
.Children()
.Each(delegate(int ic, Element elc)
{
if (ic < pageCounter * options.pageSize && ic >= (pageCounter - 1) * options.pageSize)
{
jQuery.This.AddClass("page" + pageCounter);
}
else
{
jQuery.This.AddClass("page" + (pageCounter + 1));
pageCounter++;
}
});
//set and default the slider item height
int contHeight = jQuery.Select(options.container).GetHeight();
int sliderItemHeight = contHeight;
//show/hide the appropriate regions
selector.Children().Hide();
jQuery.Select(".page" + options.currentPage).Show();
//more than one page?
if (pageCounter > 1)
{
//calculate the slider item height
sliderItemHeight = (contHeight / pageCounter);
//Build pager navigation
string pageNav = "<UL class=scrollbar sizcache='4' sizset='13'>";
for (i = 1; i <= pageCounter; i++)
{
if (i == options.currentPage)
{
pageNav += "<LI class='currentPage pageItem' sizcache='4' sizset='13'><A class='sliderPage' href='#' rel='" + i + "'></A>";
}
else
{
pageNav += "<LI class='pageNav" + i + " pageItem' sizcache='4' sizset='14'><A class='sliderPage' href='#' rel='" + i + "'></A>";
}
}
//Create slider item
string sliderItem = "<LI class='thumb' sizcache='4' sizset='13' style='top:" + (options.currentPage - 1) * sliderItemHeight + "; height:" + (sliderItemHeight - 3) + "'><A class='sliderThumb' href='#' rel='" + i + "'></A>";
pageNav += sliderItem;
pageNav += "</LI></UL>";
if (options.holder == "")
{
selector.After(pageNav);
}
else
{
jQuery.Select(options.holder).Append(pageNav);
}
//Apply the slider item height
jQuery.Select(".pageItem").Height(sliderItemHeight);
}
jQueryObject oTrack = jQuery.Select(".scrollbar");
jQueryObject oThumb = jQuery.Select(".thumb");
//jQueryObject oViewPort = jQuery.Select(options.viewport);
Number maxPos = (oTrack.GetHeight() - oThumb.GetHeight());
jQueryObject pageItemCollection = jQuery.Select(".pageItem a");
Action <jQueryObject> selectPageItem = delegate(jQueryObject pageItem)
{
string clickedLink = pageItem.GetAttribute("rel");
options.onPageChanged.Invoke(pageItem, new SelectedPageEventArgs(int.Parse(clickedLink)));
options.currentPage = int.Parse(clickedLink);
//remove current current (!) page
jQuery.Select("li.currentPage").RemoveClass("currentPage");
//Add current page highlighting
pageItem.Parent("li").AddClass("currentPage");
//hide and show relevant links
selector.Children().Hide();
selector.Find(".page" + clickedLink).Show();
};
//Action<jQueryObject> selectPageItem = delegate(jQueryObject pageItem)
jQueryEventHandler selectPageItemHandler = delegate(jQueryEvent pageItemClickedEvent)
{
//grab the REL attribute
jQueryObject pageItem = jQuery.FromElement(pageItemClickedEvent.CurrentTarget);
selectPageItem(pageItem);
};
//pager navigation behaviour
pageItemCollection.Live("click", selectPageItemHandler);
jQueryEventHandler wheel = delegate(jQueryEvent oEvent)
{
};
jQueryEventHandler drag = delegate(jQueryEvent oEvent)
{
Number candidatePos = Math.Max(0, (iPosition.Start + ((oEvent.PageY) - iMouse.Start)));
iPosition.Now = (candidatePos > maxPos) ? maxPos : candidatePos;
candidatePageIndex = Math.Round(iPosition.Now / oThumb.GetHeight());
oThumb.CSS("top", iPosition.Now.ToString());;
};
jQueryEventHandler end = null;
end = delegate(jQueryEvent oEvent)
{
jQuery.Document.Unbind("mousemove", drag);
jQuery.Document.Unbind("mouseup", end);
oThumb.Die("mouseup", end);
selectPageItem(jQuery.FromElement(pageItemCollection[candidatePageIndex]));
};
jQueryEventHandler start = delegate(jQueryEvent oEvent)
{
iMouse.Start = oEvent.PageY;
string oThumbDir = oThumb.GetCSS("top");
iPosition.Start = (oThumbDir == "auto") ? 0 : int.Parse(oThumbDir);
jQuery.Document.Bind("mousemove", drag);
jQuery.Document.Bind("mouseup", end);
oThumb.Live("mouseup", end);
};
Action setEvents = delegate()
{
oThumb.Live("mousedown", start);
oTrack.Live("mouseup", drag);
//if (options.scroll != null)
//{
// oViewPort[0].AddEventListener("DOMMouseScroll", wheel, false);
// oViewPort[0].AddEventListener("mousewheel", wheel, false);
//}
//else if (options.scroll != null)
//{
// oViewPort[0].OnMouseWheel = wheel;
//}
};
setEvents.Invoke();
}));
}
