It seems like it is added by the Twitter script. If you remove it the iframe will disappear.
It sure looks like you have the Twitter plugin installed in some way or the other as you can see it says data-twttr-rendered=&quot;true&quot; in the body tag.

If you remove the code - in my case the code below - it will disappear

    &lt;script type=&quot;text/javascript&quot;&gt;
      (function(){
        var twitterWidgets = document.createElement(&#39;script&#39;);
        twitterWidgets.type = &#39;text/javascript&#39;;
        twitterWidgets.async = true;
        twitterWidgets.src = &#39;//platform.twitter.com/widgets.js&#39;;
        document.getElementsByTagName(&#39;head&#39;)[0].appendChild(twitterWidgets);
      })();
    &lt;/script&gt;

I want to remove the Blue glow of the textbox and the border, but i don&#39;t know how to override any of the js or the css of it, check [Here][1]

**EDIT 1**

I want to do this because i am using the jquery plugin [Tag-it][2] and i am using twitter bootstrap also, the plugin uses a hidden textField to add the tags, but when i am using twitter bootstrap it appears as a textbox with glow inside a textbox which is a little bit odd


  [1]: http://jsfiddle.net/fadykamal/pE5mQ/62/
  [2]: http://aehlke.github.com/tag-it/

Override twitter bootstrap Textbox Glow and Shadows

I&#39;m using jQuery DataTables and I would like to know if there&#39;s possible to disable automatic sorting on the first column of the table?

My code looks like this:

    
			/* Default class modification */
			$.extend( $.fn.dataTableExt.oStdClasses, {
				&quot;sWrapper&quot;: &quot;dataTables_wrapper form-inline&quot;
			} );
			
			/* API method to get paging information */
			$.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
			{
				return {
					&quot;iStart&quot;:         oSettings._iDisplayStart,
					&quot;iEnd&quot;:           oSettings.fnDisplayEnd(),
					&quot;iLength&quot;:        oSettings._iDisplayLength,
					&quot;iTotal&quot;:         oSettings.fnRecordsTotal(),
					&quot;iFilteredTotal&quot;: oSettings.fnRecordsDisplay(),
					&quot;iPage&quot;:          Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
					&quot;iTotalPages&quot;:    Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
				};
			}
			
			/* Bootstrap style pagination control */
			$.extend( $.fn.dataTableExt.oPagination, {
				&quot;bootstrap&quot;: {
					&quot;fnInit&quot;: function( oSettings, nPaging, fnDraw ) {
						var oLang = oSettings.oLanguage.oPaginate;
						var fnClickHandler = function ( e ) {
							e.preventDefault();
							if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
								fnDraw( oSettings );
							}
						};
			
						$(nPaging).addClass(&#39;pagination&#39;).append(
							&#39;&lt;ul&gt;&#39;+
								&#39;&lt;li class=&quot;prev disabled&quot;&gt;&lt;a href=&quot;#&quot;&gt;&amp;larr; &#39;+oLang.sPrevious+&#39;&lt;/a&gt;&lt;/li&gt;&#39;+
								&#39;&lt;li class=&quot;next disabled&quot;&gt;&lt;a href=&quot;#&quot;&gt;&#39;+oLang.sNext+&#39; &amp;rarr; &lt;/a&gt;&lt;/li&gt;&#39;+
							&#39;&lt;/ul&gt;&#39;
						);
						var els = $(&#39;a&#39;, nPaging);
						$(els[0]).bind( &#39;click.DT&#39;, { action: &quot;previous&quot; }, fnClickHandler );
						$(els[1]).bind( &#39;click.DT&#39;, { action: &quot;next&quot; }, fnClickHandler );
					},
			
					&quot;fnUpdate&quot;: function ( oSettings, fnDraw ) {
						var iListLength = 5;
						var oPaging = oSettings.oInstance.fnPagingInfo();
						var an = oSettings.aanFeatures.p;
						var i, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2);
			
						if ( oPaging.iTotalPages &lt; iListLength) {
							iStart = 1;
							iEnd = oPaging.iTotalPages;
						}
						else if ( oPaging.iPage &lt;= iHalf ) {
							iStart = 1;
							iEnd = iListLength;
						} else if ( oPaging.iPage &gt;= (oPaging.iTotalPages-iHalf) ) {
							iStart = oPaging.iTotalPages - iListLength + 1;
							iEnd = oPaging.iTotalPages;
						} else {
							iStart = oPaging.iPage - iHalf + 1;
							iEnd = iStart + iListLength - 1;
						}
			
						for ( i=0, iLen=an.length ; i&lt;iLen ; i++ ) {
							// Remove the middle elements
							$(&#39;li:gt(0)&#39;, an[i]).filter(&#39;:not(:last)&#39;).remove();
			
							// Add the new list items and their event handlers
							for ( j=iStart ; j&lt;=iEnd ; j++ ) {
								sClass = (j==oPaging.iPage+1) ? &#39;class=&quot;active&quot;&#39; : &#39;&#39;;
								$(&#39;&lt;li &#39;+sClass+&#39;&gt;&lt;a href=&quot;#&quot;&gt;&#39;+j+&#39;&lt;/a&gt;&lt;/li&gt;&#39;)
									.insertBefore( $(&#39;li:last&#39;, an[i])[0] )
									.bind(&#39;click&#39;, function (e) {
										e.preventDefault();
										oSettings._iDisplayStart = (parseInt($(&#39;a&#39;, this).text(),10)-1) * oPaging.iLength;
										fnDraw( oSettings );
									} );
							}
			
							// Add / remove disabled classes from the static elements
							if ( oPaging.iPage === 0 ) {
								$(&#39;li:first&#39;, an[i]).addClass(&#39;disabled&#39;);
							} else {
								$(&#39;li:first&#39;, an[i]).removeClass(&#39;disabled&#39;);
							}
			
							if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
								$(&#39;li:last&#39;, an[i]).addClass(&#39;disabled&#39;);
							} else {
								$(&#39;li:last&#39;, an[i]).removeClass(&#39;disabled&#39;);
							}
						}
					}
				}
			});
			
			/* Show/hide table column */
			function dtShowHideCol( iCol ) {
				var oTable = $(&#39;#example-2&#39;).dataTable();
				var bVis = oTable.fnSettings().aoColumns[iCol].bVisible;
				oTable.fnSetColumnVis( iCol, bVis ? false : true );
			};
			
			/* Table #example */
			$(document).ready(function() {
				$(&#39;.datatable&#39;).dataTable( {
					&quot;sDom&quot;: &quot;&lt;&#39;row&#39;&lt;&#39;span6&#39;l&gt;&lt;&#39;span6&#39;f&gt;r&gt;t&lt;&#39;row&#39;&lt;&#39;span6&#39;i&gt;&lt;&#39;span6&#39;p&gt;&gt;&quot;,
					&quot;sPaginationType&quot;: &quot;bootstrap&quot;,                    
					&quot;oLanguage&quot;: {
						&quot;sLengthMenu&quot;: &quot;_MENU_ records per page&quot;
					},
                    &quot;aoColumnDefs&quot;: [
                        { 
                            &quot;bSortable&quot;: false, 
                            &quot;aTargets&quot;: [ -1 ] // &lt;-- gets last column and turns off sorting
                        } 
                    ]
				});
				$(&#39;.datatable-controls&#39;).on(&#39;click&#39;,&#39;li input&#39;,function(){
					dtShowHideCol( $(this).val() );
				})
			});
		

Disable automatic sorting on the first column when using jQuery DataTables

I&#39;m working on a local WordPress site, and for some reason there is an `iframe` added just after the opening `body` tag which makes the body to drop down about 20px.

Google only returned 1 relevant result when searching for it, and what I read there didn&#39;t help much. It can be found [here][1].

The WordPress site has no plugins installed, and setting it to `display: none;` doesn&#39;t work.

Here&#39;s a screenshot from Chrome so you can see it:

![enter image description here][3]


  [1]:http://wordpress.org/support/topic/my-meny-is-jumping-down?replies=7
  [3]: http://i.stack.imgur.com/9rpw7.png

Strange iframe added into body tags called `rufous-sandbox`

I'm working on a local WordPress site, and for some reason there is an <code>iframe</code> added just after the opening <code>body</code> tag which makes the body to drop down about 20px.
Google only returned 1 relevant result when searching for it, and what I read there didn't help much. It can be found <a href="http://wordpress.org/support/topic/my-meny-is-jumping-down?replies=7" target="_blank" rel="noopener noreferrer">here</a>.
The WordPress site has no plugins installed, and setting it to <code>display: none;</code> doesn't work.
Here's a screenshot from Chrome so you can see it:
<img src="http://i.stack.imgur.com/9rpw7.png" alt="enter image description here">

I used `&lt;input type= &quot;file&quot; name=&quot;Upload&quot; &gt;`

Now I would like to restrict this by accepting only .pdf and .xls files.

When I click the submit button it should validate this.

And when I click the files (PDF/XLS) on webpage it should automatically open.

Could anyone please give some examples for this?

How to make input type= file Should accept only pdf and xls

Is there a good technique to make a resizable split pane in HTML?

May it be done using CSS / jQuery / JavaScript or is there a good JavaScript library that have been used?

(An example of a split pane is the favorites bar in [Internet&amp;nbsp;Explorer][1] which you may have docked to the left of your main browser window.)

  [1]: https://en.wikipedia.org/wiki/Internet_Explorer





Best way to do a split pane in HTML

I use the following code to dynamically create an iframe.

    var iframe_jquery = $(&quot;&lt;iframe&gt;&quot;)
    	.addClass(&quot;foo&quot;)
    	.appendTo(container); // container is a jQuery object containing a &lt;div&gt; which already exists

Then, I want to access its contentWindow, but it&#39;s null:

    var iframe = iframe_jquery.get(0);
    if (iframe){ // iFrame exists
        console.log(iframe.contentWindow); // Prints &quot;null&quot;
        var doc = iframe.contentWindow.document; // NullpointerException
    }

So I thought: &quot;Maybe the iframe isn&#39;t ready yet?&quot; So I tried:

    iframe_jquery.ready(function(){
        var iframe = iframe_jquery.get(0);
        console.log(iframe.contentWindow); // Prints &quot;null&quot;
        var doc = iframe.contentWindow.document; // NullpointerException
    });

Same result.

**What&#39;s wrong?**

Why is iframe.contentWindow == null?

What&#39;s the best way to design a form that looks like this (please see link below) in twitter bootstrap without any homemade classes ?

Is it possible to set a inner form-inline inside a form-horizontal like the below example:

![screenshot of UI goal][1]


  [1]: http://i.stack.imgur.com/XqPUY.png

Form inline inside a form horizontal in twitter bootstrap?

I develop plugins for WordPress. It uses some jquery in the user side (themes) as a jquery plugin.
The problem is, when there is an javascript error with other plugins made by other autors, my plugin&#39;s javascript fails to execute.

And the worst thing is people consider that there is a serious fault with my plugin even though it works 100% fine with error handling conditional statements. But it is actually due to some other javascript syntax errors of some other WP plugin/theme authors.

Is there a way to continue execute my plugin JS ignoring other JS errors. Or can i have suggestions to handle this problem ??

![enter image description here][1]


  [1]: http://i.stack.imgur.com/WH3qU.png

Ignore javascript syntax errors in a page and continue executing the script

I might have an error in a `.js` document in a theme I have purchase:

    $(&#39;.tagcloud a&#39;).wrap(&#39;&lt;span class=&quot;st_tag&quot; /&gt;&#39;);

I am trying to solve it but I am not a programmer so I don&#39;t know how.
The site is this: http://www.framerental.com .

TypeError: $ is not a function WordPress

I&#39;ve created a taxonomy.php page in my WordPress theme folder. I would like to get the current term id for a function. 
How can I get this?

`get_query_var(&#39;taxonomy&#39;)` only returns the term slug, I want the ID

How to get the current taxonomy term ID (not the slug) in WordPress?

I have a simple jQuery script in a WordPress plugin that is using a jQuery wrapper like this:

    $(document).ready(function(){
    
        // jQuery code is in here
    
    });

    

I am calling this script from within the WordPress Dashboard and am loading it AFTER the jQuery framework has loaded.

When I check the page in Firebug I constantly keep receiving the error message:

&gt; TypeError: $ is not a function
&gt; 
&gt; $(document).ready(function(){

Should I maybe wrap the script in this function:

    (function($){
        
        // jQuery code is in here
        
    })(jQuery);

I have had this error quite a few times and am not sure how to handle it.

Any help would be greatly appreciated.

Wordpress how to use jquery and $ sign

I am creating a custom theme for woocommerce and I need to be able to create a mini product display. I am having problems finding documentation on the woocommerce api. I have a comma delimited list of product IDs that I need to iterate through and display a custom mini product display for each in sequence.


    $key_values = get_post_custom_values(&#39;rel_products_ids&#39;);
    //get comma delimited list from product
      
    $rel_product_ids = explode(&quot;,&quot;, trim($key_values, &quot;,&quot;)); 
    // create array of just the product ids

    foreach ( $rel_product_ids as $pid ) { 
        //sequentially get each id and do something with it
       
        $loop = new WP_Query( array( &#39;post__in&#39; =&gt; $pid ) );
        // also tried ...
        //$loop = new WP_Query( array( &#39;ID&#39; =&gt; $pid ) );
     
        while ( $loop-&gt;have_posts() ) : $loop-&gt;the_post(); $_product = &amp;new WC_Product( $loop-&gt;post-&gt;ID );
            //do stuff here I have stripped the html in favor of getting to the meat of the issue
            woocommerce_show_product_sale_flash( $post, $_product );
            if (has_post_thumbnail( $loop-&gt;post-&gt;ID )) echo get_the_post_thumbnail($loop-&gt;post-&gt;ID, &#39;shop_single&#39;);
            get_permalink( $loop-&gt;post-&gt;ID );
            the_title(); 
            $_product-&gt;get_price_html();
        endwhile;
    }

Any help would be appreciated.

Thank you,

Tim

Content Type	Original Author	Original Content on Stackoverflow
Question	Alex McGill	View Question on Stackoverflow
Solution 1 - Html	Søren Dam	View Answer on Stackoverflow

Strange iframe added into body tags called `rufous-sandbox`

Html Problem Overview

Html Solutions

Solution 1 - Html

Disable automatic sorting on the first column when using jQuery DataTables

Override twitter bootstrap Textbox Glow and Shadows

Attributions