Skip to main content

How to make customizable plug-ins in jquery

Did you ever want to create your own jquery so that users can modify it accordingly they want.So you need to create plugins for that,That are very easy to create and manage.
Here is the simple demo code to see

 <script src="Scripts/jquery-2.1.1.js"></script>
    <script src="Scripts/jquery-ui.js"></script>
    <script type="text/javascript">
        $.fn.greenify = function (options) {
//default values
            var settings = $.extend({
                color: "yellow",
                backgroundColor: "black",
                height: "100px",
                width:"100px"
            }, options);

            return this.css({
                color: settings.color,
                backgroundColor: settings.backgroundColor,
                height: settings.height,
                width:settings.width
            })
        };
        $(document).ready(function () {
            $("div").greenify({
               
            });
        });
    </script>


  <div id="one">just testing with default values
  </div>


Now you can sutomize it accordingly as follow

    $(document).ready(function () {
            $("div").greenify({
                color: "orange",
                backgroundColor:"blue"
            });
        });

  <div id="one">just testing with customized values values
        </div>


DONE :)


Comments

Post a Comment

Popular posts from this blog

show image in asp.net form from database

In order to show image from database to webform first add an image control in webpage.   <asp:Image ID="imgStudentImage" runat="server" Height="157px" Width="160px" /> Then add new webform to read image from database for example displayimage.aspx and in code behind model write the following code. public string str = //your string     public SqlConnection conn;     public SqlCommand sql = new SqlCommand();     public SqlDataReader dr;     public string strSQL;     protected void Page_Load(object sender, EventArgs e)     {         conn = new SqlConnection(str);         conn.Open();         long id = Convert.ToInt64(Request.QueryString["mId"]);         strSQL = "";         strSQL = strSQL + " SELECT snap from S...
Post a Comment
Read more

Export Doc,Access,Image,CSV,Excel,Pdf,XML,HTML,Text,Print of Gridview in Asp.net

First import itextsharp.dll in the solution and use three namespces (basically for pdf) using iTextSharp.text; using iTextSharp.text.pdf; using iTextSharp.text.html.simpleparser;          Then Use the following code :- on each button  click  protected void Page_Load(object sender, EventArgs e)         {             if (!Page.IsPostBack)             {                 BindGridDetails(GridView1);             }         }                 protected DataTable BindGridDetails(GridView GridView1)         {   ...
1 comment
Read more

Ip Sec Internet Security Basic Structure

The IPsec suite is an  open standard . IPsec uses the following  protocols  to perform various functions: Authentication Headers (AH)  provide connectionless  integrity  and data origin  authentication  for IP  datagrams  and provides protection against  replay attacks . Encapsulating Security Payloads (ESP)  provide  confidentiality , data-origin  authentication , connectionless  integrity , an anti-replay service (a form of partial sequence integrity), and limited traffic-flow confidentiality. Security Associations (SA)  provide the bundle of algorithms and data that provide the parameters necessary to AH and/or ESP operations. The  Internet Security Association and Key Management Protocol  (ISAKMP) provides a framework for authentication and key exchange, with actual authenticated keying material provided either by manual configuration with pre-shared keys,  Internet Key Exch...
1 comment
Read more