New Snippet New Snippet Recent Snippets Recent Snippets My Snippets My Snippets Web Code Search Snippets Search
Sign inor Register
Format:
Recent snippets matching tags of jQuery
HTML
Reordering invoice lines using jqGrid and TableDND extension
jQuery("#list").tableDnD({
 
    onDrop: function(table, row) {
 
        var oldIndex = row.id;
 
        var newIndex = row.rowIndex;
 
        if (oldIndex == newIndex)
by ZStyle   August 24, 2010 @ 11:16pm
14 Views
no comments
 
HTML
jqGrid Row Reordering
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" media="screen" href="/css/redmond/jquery-ui-1.7.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/ui.jqgrid.css" />
<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script> 
<script src="/js/grid.locale-en.js" type="text/javascript"></script>
<script src="/js/jquery.jqGrid.min.js" type="text/javascript"></script>
by ZStyle   August 24, 2010 @ 11:13pm
16 Views
no comments
 
JavaScript
Table Drag and Drop JQuery plugin - TableDnD plugin used for jqGrid
$(document).ready(function() {
 
    // Initialise the first table (as before)
    $("#table-1").tableDnD();
 
    // Make a nice striped effect on the table
    $("#table-2 tr:even').addClass('alt')");
 
    // Initialise the second table specifying a dragClass and an onDrop function that will display an alert
    $("#table-2").tableDnD({
by ZStyle   August 24, 2010 @ 11:09pm
13 Views
no comments
 
HTML
Google CDN's jQuery with local fallback
<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
    <script type="text/javascript">!window.jQuery && document.write('<script src="/content/jquery-ui/1.8.4/js/jquery-1.4.2.min.js"><\/script>')</script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js" type="text/javascript"></script>
    <script type="text/javascript">!$.ui && document.write('<script src="/content/jquery-ui/1.8.4/js/jquery-ui-1.8.4.custom.min.js"><\/script>')</script>
by rafaelbelliard   August 11, 2010 @ 12:42pm
29 Views
no comments
 
JavaScript
Function to Return Document Object from an IFRAME
function(a){if(a=$(typeof a=="string"?"#"+a:a).get(0)){a=a.contentWindow||a.a;if(a.document)a=a.document;return a}};
by Nordin   July 27, 2010 @ 10:40pm
Tags: jQuery
24 Views
no comments
 
HTML
Styling jQuery.ui dialog buttons
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Html Template</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
    <style type="text/css">
        .primary { background-color: green; }
        .secondary { background-color: blue; }
by jwwishart   June 16, 2010 @ 4:02pm
79 Views
no comments
 
JavaScript
Partial Page Refresh
/*
Refresh page content every 10 seconds.
*/
 
setInterval(function() 
{
   $("#refresh").load(location.href+" #refresh>*","");
}, 10000); // seconds to wait, miliseconds
 
/*
by Norm Bell   June 02, 2010 @ 2:21am
Tags: jQuery
40 Views
no comments
 
C#
SlickGrid c# fluent wrapper
slickGrid.AddColumn(
    Column.ForId("riga")
        .Named("Riga")
        .ForField("id")
        .WithEditorFunction("TextCellEditor")
        .WithSetValueHandler("updateItem")
        .WithBehavior(Column.Behavior.selectAndMove)
    ).AddColumn(
    Column.ForId("codice")
        .Named("Codice")
by Andrea Balducci   April 22, 2010 @ 1:50am
177 Views
no comments
 
JavaScript
Code Snippet to Dynamically Load jQuery into a browser
/* Script to add jQuery into current page via Firebug/Console */
(function() {
  var b = "jQuery script is now available.";
  try {
    var a = document.createElement("script");
    a.setAttribute("type", "text/javascript");
    a.setAttribute("src", "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js");
    document.getElementsByTagName("head")[0].appendChild(a);
    window['$j']=jQuery;
    setTimeout(function(){
by Nordin   April 14, 2010 @ 3:16am
Tags: jQuery
50 Views
no comments
 
JavaScript
Jquery accordion
 
//Accordion
    $('.accordion> .accordionContent').hide();
    $('.accordion> .accordionHeader').click(function() {
        var $nextDiv = $(this).next();
        var $header = $(this);
        var $visibleSiblings = $nextDiv.siblings('div:visible');
 
        if ($visibleSiblings.length) {
            $visibleSiblings.prev().toggleClass("open");
by Arjan   April 03, 2010 @ 4:23am
43 Views
no comments
 
JavaScript
Jquery helpers
//Document Ready
$(document).ready(function() {
 
});
 
//Add ie6 class
if ($.browser.msie && $.browser.version == "6.0") $('body').addClass("ie6");
 
 
//Jquery loaded check
by Arjan   April 03, 2010 @ 4:19am
47 Views
no comments
 
JavaScript
Jquery Toggle Panel
//Collapsible Panel
    $('.titleRow').click(function(){
        var $el = $(this);
        $el.next().slideToggle('fast');
        $el.toggleClass('open');
    });
    //Collapsible Panel width class only
    $('.itemRow').click(function() {
        var $el = $(this);
        $el.next().toggleClass('hide');
by Arjan   April 03, 2010 @ 4:17am
57 Views
no comments
 
JavaScript
ASP Jquery Disable item witch Checkbox
//Disable Textbox
    $('#<%=CommentCheckBox.ClientID%>').click(function() {
        if ($("#<%=CommentCheckBox.ClientID%>").attr('checked'))
            $("#<%=CommentTextBox.ClientID%>")
                .val("U heeft er voor gekozen geen opmerkingen te plaatsen")
                .toggleClass('disabled')
                .attr("disabled", "disabled").blur();
        else
            $("#<%=CommentTextBox.ClientID%>")
                .val("")
by Arjan   April 03, 2010 @ 4:14am
51 Views
no comments
 
C#
Asp.Net MVC && jQuery: degrading ajax pager
// controller
public ActionResult Index([DefaultValue(1)] int page)
{
   if (Request.IsAjaxRequest())
      return PartialView("PagedDataControl", model.Data);
 
   return View(model);
}
 
// .aspx
by andreabalducci   March 30, 2010 @ 10:19am
102 Views
no comments
 
C#
jQuery Autocomplete: extra request params and extra autocomplete data
// Controller Action
        public JsonResult SearchItem(string nature, string term)
        {
            IEnumerable<Item> list = null;
 
            Transactional(() =>
                              {
                                  switch (nature.ToLowerInvariant())
                                  {
                                      case "ricambi":
by andreabalducci   March 29, 2010 @ 2:42am
105 Views
no comments
 
HTML
Basic html header
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head id="ctl00_Head1" profile="http://www.w3.org/2005/11/profile">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css" />
<link rel="shortcut icon" href="/favicon.ico" />
    <link href="/css/style.css" rel="stylesheet" media="screen,projection" type="text/css" />
   
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta name="description" content="" />
by vosti   March 26, 2010 @ 5:22am
70 Views
no comments
 
C#
Asp.Net MVC && jQuery autocomplete
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using Lucilla.Framework.Web.Mvc;
using DemoApp.Services.Model;
 
namespace DemoApp.WebSite.Controllers
{
by andreabalducci   March 26, 2010 @ 4:31am
187 Views
no comments
 
JavaScript
Jquery Teletype Image Plugin
//***************************************
// Description: Display images in a simple teletype style.
// Usage: $(".teletype").teletype({speed: 100});
// Put all images in wrapper <div>
// e.g : <div class="teletype"><img src="/images/1.jpg" alt="" width="10" height="10"/> ... </div>
// Ensure the images are hidden 
// e.g : .teletype img { display: none }
// Params example: ({speed:100},{type:"fast"});
// Written by: Arran Maclean , A R Media Ltd.  22/03/2010
//***************************************
by ArranM   March 22, 2010 @ 6:36am
86 Views
no comments
 
HTML
jQuery Selector
<html>
 <head>
 <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js" 
 
type="text/javascript"></script>
   <script>
      $(document).ready(function()
      {
     $('a[href^=http://]').each(function()
         {
March 03, 2010 @ 8:24pm
Tags: jQuery
90 Views
no comments
 
HTML
jQuery client-side templates with jqote and Asp.Net MVC
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Testing Client-Side Templates</title>
</head>
<body>
 
    <form id="people_input">
        <label for="name">Name: </label><input type="text" name="name" /><br />
        <label for="age">Age: </label><input type="text" name="age" /><br />
by Liam McLennan   March 02, 2010 @ 11:52pm
288 Views
no comments
 
C#
Upcoming ability to write jQuery plugins in c#
// LivePreviewPlugin.cs
//
 
using System;
using System.Collections;
using System.Html;
using System.Runtime.CompilerServices;
using jQueryApi;
 
[Imported]
by Nikhil Kothari   February 25, 2010 @ 11:25am
531 Views
1 comments
 
C#
jQuery.Extensions
<div id="toolbar-pane">
    <% 
        Toolbar
            .Create()
            .SetCorners(Corners.CornersType.top)
            .AddSet()
                .AddIconButton("btnOpen", "Open", "folder-open")
                .AddIconButton("btnSave", "Save", "disk")
                .AddIconButton("btnDelete", "Delete", "trash")
            .EndSet()
by andreabalducci   February 24, 2010 @ 2:22am
95 Views
no comments
 
JavaScript
jQuery Selector
$("input:checked[name^=OfferToPrint][class^='offerIsSecurePrintable'][remoteid='" + item.CouponID + "']").parents("div.offerDetails").children("div.offerName").html();
by Eric Polerecky   February 05, 2010 @ 8:45am
Tags: jquery
103 Views
no comments
 
JavaScript
Form Tip - jQuery Tooltip plugin experiment :o)
 
jQuery.fn.formtip = function() {
    return this.each(function(i, el) {
        var item = jQuery(el);
        var title = item.attr("title");
        
        if (title == undefined) {
            return true;
        } else {
            item.hover(
by jwwishart   January 18, 2010 @ 4:07pm
82 Views
no comments
 
HTML
No Title
<html>
<head>
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js" type="text/javascript"></script> 
</head>
<body>
<div id="related-results" class="auto-closable-div">
  <h2>Blah blah blog</h2>
  </h2>
</div>
by Cengiz Han   December 26, 2009 @ 1:44am
368 Views
no comments
 
brought to you by:
West Wind Techologies


If you find this site useful and use it frequently please consider making a donation to support this free service.
Donate

Developer Documentation | Web Service | HTTP API
© West Wind Technologies, 2009