Tags » JQuery Plugins

jQuery Text Shortening Plugin - more less plugin

A text shortening plugin with help of css and jquery. Try it and modify as your need. It is my small attempt contribute open-source codes. 72 more words

Programmings

10 Useful jQuery plugins

When I had some free time in the office, I searched some great and very useful jQuery plugins for the web developers. Use them and make your website more user friendly. 357 more words

JQuery

Wikii Rakesh reblogged this on Wikii Rakesh.

spin js - using spin js

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SPIN_JS.aspx.cs" Inherits="EmptyWeb.SPIN_JS" %>
 
<!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 runat="server">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://fgnass.github.io/spin.js/spin.min.js"></script>
<style type="text/css">
    #loading
    {
        display:none;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:rgba(255,255,255,0.8);
        z-index:1000;
    }
  
    #loadingcontent
    {
        display:table;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
    }
  
    #loadingspinner
    {
        display: table-cell;
        vertical-align:middle;
        width: 100%;
        text-align: center;
        font-size:larger;
        padding-top:80px;
    }
</style>
    <title></title>
<script type="text/javascript">
    $(function () {
        $("#Button1").click(function () {
            $("#loading").fadeIn();
            var opts = {
                lines: 12, // The number of lines to draw
                length: 7, // The length of each line
                width: 4, // The line thickness
                radius: 10, // The radius of the inner circle
                color: '#000', // #rgb or #rrggbb

                speed: 1, // Rounds per second
                trail: 60, // Afterglow percentage
                shadow: false, // Whether to render a shadow
                hwaccel: false // Whether to use hardware acceleration
            };
            var target = document.getElementById('loading');
            var spinner = new Spinner(opts).spin(target);
        });
    });
 
 
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="Button1" runat="server" Text="Spin Test" 
            onclick="Button1_Click" />
       <%-- <input id="submitbtn" type="submit" value="Spin Test" onclick="return submitbtn_onclick()" />--%>
    </div>
<div id="loading">
    <div id="loadingcontent">
        <p id="loadingspinner">
            Please wait...
         18 more words
ASP.NET