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

im2col function in MATLAB explanation

Let us suppose we have A=[1 1;2 2] 1 1 2 2 ... ok Now img2col syntax  == im2col(A,[m n],block_type) Where block type = ('distinct','sliding') distinct places 0's in the final output,,,for padding, sliding,,repeats from the very first matrix element. after all elements read out. Now.. Now [m n] -- very important .... Number of Rows to show = M*N (if m=2 ,, n=2 then each column has 4 elements..) and Number of element fetch to repeat is M in row... That means,, OUTPUT OF THIS - im2col(A,[2 2], 'sliding') ans =      1      2      1      2 -- if  A=[1 1 1;2 2 2] A =      1     1     1      2     2     2 then im2col(A,[2 2], 'sliding') ans = contains 4 rows....as 2*2 ...   and fetch 2 elements as M=2 here... and slidin...
Post a Comment
Read more