There are a lot of jQuery plugins available for this

**[Thickbox][1]**

**[LightBox][2]**

**[FancyBox][3]**

**[FaceBox][4]**

**[NyroModal][5]**

**[PiroBox][6]**

***Thickbox Examples***

For a single image

&gt; 1. Create a link element (&lt;a href&gt;)
&gt; 2. Give the link a class attribute with a value of thickbox
&gt; (class=&quot;thickbox&quot;)
&gt; 3. Provide a path in the href attribute to an image file (.jpg .jpeg
&gt; .png .gif .bmp)



  [1]: http://codylindley.com/thickbox/
  [2]: http://www.lokeshdhakar.com/projects/lightbox2/?u=9
  [3]: http://fancybox.net/
  [4]: https://github.com/defunkt/facebox
  [5]: http://nyromodal.nyrodev.com/
  [6]: http://www.pirolab.it/pirobox/

I like **[prettyPhoto][1]**

&gt; prettyPhoto is a jQuery [lightbox][2] clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox


  [1]: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
  [2]: http://leandrovieira.com/projects/jquery/lightbox/

This is the most popular (9500 stars) and light weight (20KB minify, 7.5KB minify+gzip) popup gallery I think:
[Magnific-Popup][1]


  [1]: https://github.com/dimsemenov/Magnific-Popup/

I was in the same situation and found this one,

[WOWslider][1]




  [1]: http://wowslider.com/

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox

I would like to use WebSockets in my Windows Forms or WPF-application. Is there a .NET-control that is supporting WebSockets implemented yet? Or is there any open source project started about it?

An open source solution for a Java Client supporting WebSockets could also help me.

Is there a WebSocket client implemented for .NET?

I have looked around but have been unable to find a solution to what must be a well asked question.
Here is the code I have:

     #include &lt;stdlib.h&gt;
    
    struct my_struct {
        int n;
        char s[]
    };
    
    int main()
    {
        struct my_struct ms;
        ms.s = malloc(sizeof(char*)*50);
    }

and here is the error gcc gives me:
error: invalid use of flexible array member

I can get it to compile if i declare the declaration of s inside the struct to be 

    char* s

and this is probably a superior implementation (pointer arithmetic is faster than arrays, yes?)
but I thought in c a declaration of

    char s[]

is the same as

    char* s

How to include a dynamic array INSIDE a struct in C?

In my aspx page I have a thumbnail image `&lt;img&gt;`. When the user clicks on that image I would like a popup to show that blocks out the rest of the UI with the larger (full) version of the image.

Are there any plugins that can do this?

jQuery: How can I show an image popup onclick of the thumbnail?

<p>In my aspx page I have a thumbnail image <code>&#x3C;img></code>. When the user clicks on that image I would like a popup to show that blocks out the rest of the UI with the larger (full) version of the image.</p>
<p>Are there any plugins that can do this?</p>


I&#39;m trying to find the value of the submit button that triggered the form to submit

    $(&quot;form&quot;).submit(function() {
           
    });

I could possibly fire a $(&quot;input[type=submit]&quot;).click() event for each button and set some variable, but that seems less elegant than some how pulling the button off of the the form on submit.

How can I get the button that caused the submit from the form submit event?

In psuedo code, this is what I want.

    var selector = $(this).cssSelectorAsString(); // Made up method...
    // selector is now something like: &quot;html&gt;body&gt;ul&gt;li&gt;img[3]&quot;
    var element = $(selector);

The reason is that I need to pass this off to an external environment, where a string is my only way to exchange data.  This external environment then needs to send back a result, along with what element to update.  So I need to be able to serialize a unique CSS selector for every element on the page.

I noticed jquery has a `selector` method, but it does not appear to work in this context.  It only works if the object was created with a selector.  It does not work if the object was created with an HTML node object.

Getting a jQuery selector for an element

A recent new jQuery version has been released, the jQuery v1.4. You can read all about it [here][1]. It allows you to do some pretty neat stuff such as:

    $(&quot;div.test&quot;).bind({
      click: function(){
        $(this).addClass(&quot;active&quot;);
      },
      mouseenter: function(){
        $(this).addClass(&quot;inside&quot;);
      },
      mouseleave: function(){
        $(this).removeClass(&quot;inside&quot;);
      }
    });

**What do you like the most about this new version? What is the thing that made you go &quot;FINALLY!&quot;?** 

-------------
*Added a bounty to get more feedback and accept an answer*

  [1]: http://jquery14.com/day-01/jquery-14

What are you the most excited about in the new versions of jQuery?

I&#39;m sitting with a problem, I need to check with JQuery if no radio button within a radio button group has been checked, so that I can give the users an javascript error if they forgot to check a option. 

I&#39;m using the following code to get the values

    var radio_button_val = $(&quot;input[name=&#39;html_elements&#39;]:checked&quot;).val();

Using JQuery to check if no radio button in a group has been checked

How come this code throws an

&gt; Uncaught ReferenceError: $ is not defined

when it was OK before?   

&lt;!-- language: lang-js --&gt;

    $(document).ready(function() {
        $(&#39;#tabs &gt; ul&#39;).tabs({ fx: { opacity: &#39;toggle&#39; } });
        $(&#39;#featuredvid &gt; ul&#39;).tabs();
    });

Results in tabs don&#39;t close anymore.

jQuery is referenced in the header:

&lt;!-- language: lang-php --&gt;

    &lt;script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot; src=&quot;&lt;?php echo get_option(&#39;siteurl&#39;) ?&gt;/js/sprinkle.js&quot;&gt;&lt;/script&gt;
    &lt;script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot; src=&quot;&lt;?php echo get_option(&#39;siteurl&#39;) ?&gt;/js/jquery-1.2.6.min.js&quot;&gt;&lt;/script&gt;
    &lt;script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot; src=&quot;&lt;?php echo get_option(&#39;siteurl&#39;) ?&gt;/js/jquery-ui-personalized-1.5.2.packed.js&quot;&gt;&lt;/script&gt;

Uncaught ReferenceError: $ is not defined?

JQuery, how to call a function every 5 seconds.

I&#39;m looking for a way to automate the changing of images in a slideshow.  

I&#39;d rather not install any other 3rd party plugins if possible.


What&#39;s the easiest way to call a function every 5 seconds in jQuery?

I am using Google Maps API (v3) to draw a few maps on a page. One thing I&#39;d like to do is disable zooming when you scroll the mouse wheel over the map, but I&#39;m unsure how.

I have disabled the scaleControl (i.e. removed the scaling UI element), but this doesn&#39;t prevent scroll wheel scaling.

Here is part of my function (it&#39;s a simple jQuery plugin):

    $.fn.showMap = function(options, addr){
      options = $.extend({
        navigationControl: false,
        mapTypeControl: false,
        scaleControl: false,
        draggable: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }, options);
      var map = new google.maps.Map(document.getElementById($(this).attr(&#39;id&#39;)), options);

      // Code cut from this example as not relevant
    };



How to disable mouse scroll wheel scaling with Google Maps API

I&#39;m looking into using the [jQuery UI autocomplete][1] widget to implement user lookup by first or last name. It looks like by default autocomplete looks up words by character sequence no matter its occurrence in a word. So if you have data such as: `javascript, asp, haskell` and you type in `&#39;as&#39;` you will get all three.  I would like it to only match beginning of the word. So in above example you get only `&#39;asp&#39;`. Is there a way to configure the autocomplete widget to do this?

Ultimately it would be even better to [match by beginning of first or last name][2] like it is in Gmail.


Note: I&#39;m trying to figure out a way to do this using the jQuery UI widget specifically. Since I&#39;m already using jQuery UI in my project, I&#39;m planning to stick with it and try not adding additional libraries to my web application. 


  [1]: http://jqueryui.com/demos/autocomplete/
  [2]: https://stackoverflow.com/questions/1678936/jquery-autocomplete-modification-gmail-like-matching

jQuery UI Autocomplete widget search configuration

I have recently noticed that a lot of JavaScript files on the Web start with a `;` immediately following the comment section.

For example, [this jQuery plugin&#39;s](http://plugins.jquery.com/project/ScrollTo) code starts with:

	/**
	 * jQuery.ScrollTo
	 * Copyright (c) 2007-2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
	 * Dual licensed under MIT and GPL.
	 * Date: 9/11/2008										
	 .... skipping several lines for brevity...
	 *
	 * @desc Scroll on both axes, to different values
	 * @example $(&#39;div&#39;).scrollTo( { top: 300, left:&#39;+=200&#39; }, { axis:&#39;xy&#39;, offset:-20 } );
	 */
	;(function( $ ){


Why does the file need to start with a `;`? I see this convention in server-side JavaScript files as well.

What are the advantages and disadvantages of doing this?

Why does the JavaScript need to start with &quot;;&quot;?

I am using the jQuery [DataTables][1] plugin. I would like to move the search box (.dataTables_filter) and number of records to display dropdown (.dataTables_length) from their parent element (.dataTables_wrapper) to another div on my page without losing any registered javascript behavior. For instance the search box has a function attached to the &#39;keyup&#39; event and I want to keep that intact.

The DOM looks like this:

    &lt;body&gt;
    &lt;div id=&quot;parent1&quot;&gt;
      &lt;div class=&quot;dataTables_wrapper&quot; id=&quot;table1_wrapper&quot;&gt;
        &lt;div class=&quot;dataTables_length&quot; id=&quot;table1_length&quot;&gt;
          &lt;select size=&quot;1&quot; name=&quot;table1_length&quot;&gt;
            &lt;option value=&quot;10&quot;&gt;10&lt;/option&gt;
            &lt;option value=&quot;25&quot;&gt;25&lt;/option&gt;
            &lt;option value=&quot;50&quot;&gt;50&lt;/option&gt;
            &lt;option value=&quot;100&quot;&gt;100&lt;/option&gt;
          &lt;/select&gt;
        &lt;/div&gt;
        &lt;div class=&quot;dataTables_filter&quot; id=&quot;table1_filter&quot;&gt;
          &lt;input type=&quot;text&quot; class=&quot;search&quot;&gt;
        &lt;/div&gt;
        &lt;table id=&quot;table1&quot;&gt;
        ...
        &lt;/table&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div id=&quot;parent2&quot;&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link A&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link B&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link C&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;/body&gt;

This is what I would like the DOM to look like after the move:

    &lt;body&gt;
    &lt;div id=&quot;parent1&quot;&gt;
      &lt;div class=&quot;dataTables_wrapper&quot; id=&quot;table1_wrapper&quot;&gt;
        &lt;table id=&quot;table1&quot;&gt;
        ...
        &lt;/table&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div id=&quot;parent2&quot;&gt;
      &lt;div class=&quot;dataTables_filter&quot; id=&quot;table1_filter&quot;&gt;
        &lt;input type=&quot;text&quot; class=&quot;search&quot;&gt;
      &lt;/div&gt;
      &lt;div class=&quot;dataTables_length&quot; id=&quot;table1_length&quot;&gt;
        &lt;select size=&quot;1&quot; name=&quot;table1_length&quot;&gt;
          &lt;option value=&quot;10&quot;&gt;10&lt;/option&gt;
          &lt;option value=&quot;25&quot;&gt;25&lt;/option&gt;
          &lt;option value=&quot;50&quot;&gt;50&lt;/option&gt;
          &lt;option value=&quot;100&quot;&gt;100&lt;/option&gt;
        &lt;/select&gt;
      &lt;/div&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link A&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link B&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link C&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;/body&gt;

I&#39;ve been looking at the .append(), .appendTo(), .prepend() and .prependTo() functions but haven&#39;t had any luck with these in practice. I&#39;ve also looked at the .parent() and .parents() functions, but can&#39;t seem to code a workable solution. I have also considered changing the CSS so that the elements are absolutely positioned - but to be frank the page is setup with fluid elements all over, and I really want these elements to be floated in their new parents.

Any help with this is much appreciated.


  [1]: http://datatables.net/

How to move child element from one parent to another using jQuery

I&#39;m developing an OAuth authentication flow purely in JavaScript and I want to show the user the &quot;grant access&quot; window in a popup, but it gets blocked.

How can I prevent pop up windows created by either `window.open` or `window.showModalDialog` from being blocked by the different browsers&#39; pop-up blockers?

Avoid browser popup blockers

I have a popup that displays some results, and I want a scroll bar to be display since the results are being cutt off (and I don&#39;t want the popup to be too long).



How do you add a scroll bar to a div?

I have a screen where the first field is an EditText, and it gains the focus at startup, also popups the numeric input type, which is very annoying

How can I make sure that when the activity is started the focus is not gained, and/or the input panel is not raised?

How to remove auto focus/keyboard popup of a field when the screen shows up?

     window.popup = window.open($(this).attr(&#39;href&#39;), &#39;Ad&#39;, &#39;left=20,top=20,width=500,height=500,toolbar=1,resizable=0&#39;);
     $(window.popup).onload = function()
            {
                    alert(&quot;Popup has loaded a page&quot;);
            };


This doesn&#39;t work in any browser I&#39;ve tried it with (IE, Firefox, Chrome). How can I detect when a page is loaded in the window (like an iframe onload)?



Detecting the onload event of a window opened with window.open

The question is pretty much all in the title.

Is it possible (and how?) to open a popup with javascript and then detect when the user closes it?

I am using jquery within the project so a jquery solution would be good. Cheers!

Content Type	Original Author	Original Content on Stackoverflow
Question	dexter	View Question on Stackoverflow
Solution 1 - Jquery	rahul	View Answer on Stackoverflow
Solution 2 - Jquery	fastsoft	View Answer on Stackoverflow
Solution 3 - Jquery	Morteza	View Answer on Stackoverflow
Solution 4 - Jquery	user9869932	View Answer on Stackoverflow
Solution 5 - Jquery	Tran Tuan Anh	View Answer on Stackoverflow

jQuery: How can I show an image popup onclick of the thumbnail?

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Solution 2 - Jquery

Solution 3 - Jquery

Solution 4 - Jquery

Solution 5 - Jquery

How to include a dynamic array INSIDE a struct in C?

Is there a WebSocket client implemented for .NET?

Attributions