Add a few calls to the chain like this:

     $(&#39;.littleme&#39;).css(&#39;visibility&#39;,&#39;visible&#39;).hide().fadeIn(&#39;slow&#39;);

This will change it to `display:none` for 1 frame before fading in, occupying the area again.

try using opacity and `animate()`:

    $(&#39;.littleme&#39;).css(&#39;opacity&#39;,0).animate({opacity:1}, 1000);



`&lt;span style=&quot;opacity:0;&quot;&gt;I&#39;m Hidden&lt;/span&gt;`

To Show : `$(&#39;span&#39;).fadeTo(1000,1)`

To Hide &amp;nbsp;: `$(&#39;span&#39;).fadeTo(1000,0)`

The space is preserved in the DOM layout

http://jsfiddle.net/VZwq6/

Cant you use fadeTo(duration, value) instead? Surely this way you can fade to 0 and 1, that way you are not affecting the document flow...

Try matching for the hidden element?

$(&quot;.littleme:hidden&quot;).fadeIn();

I think I&#39;m getting senile because I was convinced that to give a name to your application, you had to fill this part of the manifest:

    &lt;application android:icon=&quot;@drawable/icon&quot;  android:label=&quot;MyApplicationName&quot;&gt;
However for a reason I don&#39;t understand, my application gets the name of my first activity, in which I load data, thus, it is called &quot;Loading&quot;, defined as follows in the manifest: 

    &lt;activity android:name=&quot;AccueilSplash&quot; android:label=&quot;Loading&quot;&gt;
   &lt;intent-filter&gt;
    &lt;action android:name=&quot;android.intent.action.MAIN&quot; /&gt;
    &lt;category android:name=&quot;android.intent.category.LAUNCHER&quot; /&gt;
   &lt;/intent-filter&gt;
  &lt;/activity&gt;

Any idea why that is?

Naming my application in android

In my particular situation, I have a couple of solutions to my problem. I want to find out which one is more feasible. In this case, I can also achieve my goal by returning a JSON object from my server side code; however, I do not know how it is done and what the best way of doing it is.

First off, I don&#39;t need a full aspx page as I only need a response returned from code. So, do I use web services, a handler, or is there any other specific way to do this?

Is this solution feasible? Do I build the JSON string using the `StringBuilder` class and inject that string into the target aspx page? Are there any precautions or things that I should be aware of?

I appreciate your ideas.

Regards,

Kemal

**------------UPDATE !------------**

Suppose I have a JSON object in my userlist.aspx page, which then I use with jQuery...

    {&quot;menu&quot;: {
      &quot;id&quot;: &quot;color1&quot;,
      &quot;value&quot;: &quot;color&quot;,
      &quot;popup&quot;: {
        &quot;menuitem&quot;: [
          {&quot;value&quot;: &quot;Red&quot;},
          {&quot;value&quot;: &quot;Green&quot;},
          {&quot;value&quot;: &quot;Yellow&quot;}
        ]
      }
    }} // example taken from the json.org/example page

Now when I want to add a new menu items from my aspx page, what do I do... I think this way my question is more specific...

Lets assume I create a new string in my aspx code, as such `&quot;{&quot;value&quot;: &quot;Blue&quot;}`. How do I inject this into the already existing itemlist in the target page? Or is this not the correct approach to this kind of situation? If not, how else can it be achieved?

Also, if I wanted to fire a jQuery event when a new item is added to this list, how is this achieved?

**------------UPDATE 2 on 26 August 2015 ------------**

By the time I asked this question, the way I was approaching the problem was in another aspect. I am now more proficient in the subject and can gladly accept the most voted answer since the approach to this question clearly should not include the already existing JSON and output a new one from the code as `@DavGarcia` also suggests.

Returning JSON object from an ASP.NET page

I have a bunch of thumbnails which I am loading with a style of `visibility: hidden;` so that they all maintain their correct layouts. Once the page is fully loaded I have a jquery function that fades them in. This worked when their style was set to `display: none;` but obviously the layout screwed up then. Any suggestions?

Heres the fade line:

    $(&#39;.littleme&#39;).fadeIn(&#39;slow&#39;);

jquery fade element does not show elements styled &#39;visibility: hidden&#39;

I have a bunch of thumbnails which I am loading with a style of <code>visibility: hidden;</code> so that they all maintain their correct layouts. Once the page is fully loaded I have a jquery function that fades them in. This worked when their style was set to <code>display: none;</code> but obviously the layout screwed up then. Any suggestions?
Heres the fade line:
<pre><code class="hljs language-javascript">$('.littleme').fadeIn('slow');
</code></pre>

I’m using the [jQuery UI Autocomplete plug-in][1]. Is there a way to highlight search character sequence in drop-down results?

For example, if I have “foo bar” as data and I type &quot;foo&quot; I’ll get “**foo** bar” in the drop-down, like this:

[![“Breakfast” appears after “Bre” is typed with “Bre” having a bold type and “akfast” having a light one.][2]][2] 


  [1]: http://jqueryui.com/demos/autocomplete/
  [2]: https://i.stack.imgur.com/5qxMv.png

How can I custom-format the Autocomplete plug-in results?

So I&#39;m trying to figure out how to compare two jQuery objects, to see if the parent element is the body of a page.

here&#39;s what I have:

    if ( $(this).parent() === $(&#39;body&#39;) ) ...

I know this is wrong, but if anybody understands what I&#39;m getting at, could they point me towards the correct way of doing this?

How would you compare jQuery objects?

This is my code:

    &lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;
    	&quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt; 
    &lt;html&gt; 
    	&lt;head&gt; 
    		&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, user-scalable=no&quot;&gt; 
    	&lt;/head&gt; 
    &lt;body&gt; 
    		&lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&gt; 
    
    		&lt;/style&gt; 
    		
    		&lt;!--&lt;div id=&quot;map_canvas&quot; style=&quot;width: 500px; height: 300px;background:blue;&quot;&gt;&lt;/div&gt;--&gt;
    
    		&lt;div class=b style=&quot;width: 200px; height: 200px;background:pink;position:absolute;left:500px;top:100px;&quot;&gt;&lt;/div&gt;
    		&lt;script src=&quot;jquery-1.4.2.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
    		&lt;script src=&quot;jquery-ui-1.8rc3.custom.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
    		&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt; 
    
    		&lt;/script&gt; 
    	&lt;/body&gt; 
    &lt;/html&gt;


Thanks

How do I make a div element editable (like a textarea when I click it)?

I would like to catch a click event with jQuery and be able to tell if a key was pressed at the same time so I can fork within the callback function based on the keypress event.

**For example:**

    $(&quot;button&quot;).click(function() {
        if([KEYPRESSED WHILE CLICKED]) {
            // Do something...
        } else {
            // Do something different...
        }
    });

Is this possible at all or how can it be done if it is possible?


How can I check if a key is pressed during the click event with jQuery?

I am getting an error in an ajax call from jQuery.

Here is my jQuery function:

 
&lt;!-- language: javascript --&gt;

    function DeleteItem(RecordId, UId, XmlName, ItemType, UserProfileId) {
        var obj = {
            RecordId: RecordId,
            UserId: UId,
            UserProfileId: UserProfileId,
            ItemType: ItemType,
            FileName: XmlName
        };
        var json = Sys.Serialization.JavaScriptSerializer.serialize(obj);
    
        $.ajax({
            type: &quot;POST&quot;,
            url: &quot;EditUserProfile.aspx/DeleteRecord&quot;,
            data: json,
            contentType: &quot;application/json; charset=utf-8&quot;,
            dataType: &quot;json&quot;,
            async: true,
            cache: false,
            success: function(msg) {
                if (msg.d != null) {
                    RefreshData(ItemType, msg.d);
                }
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                alert(&quot;error occured during deleting&quot;);
            }
        });
    }

and this is my `WebMethod`:

&lt;!-- language: lang-cs --&gt;

    [WebMethod]
    public static string DeleteRecord(Int64 RecordId, Int64 UserId, Int64 UserProfileId, string ItemType, string FileName) {
        try {
            string FilePath = HttpContext.Current.Server.MapPath(FileName);

            XDocument xmldoc = XDocument.Load(FilePath);
            XElement Xelm = xmldoc.Element(&quot;UserProfile&quot;);
            XElement parentElement = Xelm.XPathSelectElement(ItemType + &quot;/Fields&quot;);

            (from BO in parentElement.Descendants(&quot;Record&quot;)
             where BO.Element(&quot;Id&quot;).Attribute(&quot;value&quot;).Value == RecordId.ToString()
             select BO).Remove();
            XDocument xdoc = XDocument.Parse(Xelm.ToString(), LoadOptions.PreserveWhitespace);
            xdoc.Save(FilePath);

            UserInfoHandler obj = new UserInfoHandler();
            return obj.GetHTML(UserId, UserProfileId, FileName, ItemType, RecordId, Xelm).ToString();
        } catch (Exception ex) {
            HandleException.LogError(ex, &quot;EditUserProfile.aspx&quot;, &quot;DeleteRecord&quot;);
        }
        return &quot;success&quot;;
    }

Can anybody please tell me what&#39;s wrong in my code?

I am getting this error:

    {
        &quot;Message&quot;:&quot;Invalid JSON primitive: RecordId.&quot;,
        &quot;StackTrace&quot;:&quot;
           at System.Web.Script.Serialization.JavaScriptObjectDeserializer.DeserializePrimitiveObject()
           at System.Web.Script.Serialization.JavaScriptObjectDeserializer.DeserializeInternal(Int32 depth)
           at System.Web.Script.Serialization.JavaScriptObjectDeserializer.BasicDeserialize(String input, Int32 depthLimit, JavaScriptSerializer serializer)
           at System.Web.Script.Serialization.JavaScriptSerializer.Deserialize(JavaScriptSerializer serializer, String input, Type type, Int32 depthLimit)
           at System.Web.Script.Serialization.JavaScriptSerializer.Deserialize[T](String input)
           at System.Web.Script.Services.RestHandler.GetRawParamsFromPostRequest(HttpContext context, JavaScriptSerializer serializer)
           at System.Web.Script.Services.RestHandler.GetRawParams(WebServiceMethodData methodData, HttpContext context)
           at System.Web.Script.Services.RestHandler.ExecuteWebServiceCall(HttpContext context, WebServiceMethodData methodData)&quot;,
        &quot;ExceptionType&quot;:&quot;System.ArgumentException&quot;
    }



&quot;Invalid JSON primitive&quot; in Ajax processing

There is the way to change visibility of View, but how can I change programmatically visibility of layout defined in XML? How to get layout object?

    &lt;LinearLayout
        android:id=&quot;@+id/contacts_type&quot;
        android:orientation=&quot;horizontal&quot;
        android:layout_width=&quot;fill_parent&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:visibility=&quot;gone&quot;&gt;
    &lt;/LinearLayout&gt;


How to change visibility of layout programmatically

Animate visibility modes, GONE and VISIBLE

Method visibility in Ruby (public, protected, and private methods) has been well explained in places like [this blog post](http://weblog.jamisbuck.org/2007/2/23/method-visibility-in-ruby). But in Ruby on Rails it seems slightly different than it would be in a regular Ruby application because of the way the framework is set up. So, in Rails models, controllers, helpers, tests, etc., when is/isn&#39;t it appropriate to use protected or private methods?

**Edit**: Thanks for the answers so far. I understand the concept of protected and private in Ruby, but I&#39;m looking more for an explanation of the typical way those types of visibility are used within the context of the various pieces of a Rails app (models, controllers, helpers, tests). For example, public controller methods are action methods, protected methods in the application controller are used for &quot;helper methods&quot; that need to be accessed by multiple controllers, etc.

Protected and private methods in Rails

This is confusing me:

As far as I have read, a view with setVisibility(View.GONE); should not receive any more touch- or click events.
My layout has two parts, which will be visible or gone so that only one of them is visible and usable at a time but View.GONE doesn&#39;t do the trick.
I can&#39;t see the GONE view, as expected, but it still reacts to onClick (and consumes the event the other view should get).

Can you help me?

_Maybe of interest:
When I start my project one view is GONE, the other visible. This time it will work as expected (the GONE view is basically ignored), but after setting View.GONE through the code it&#39;ll stop working._

android View with View.GONE still receives onTouch and onClick

On more than one occasion I have found myself desiring a variable visibility that is not possible in Java.  I wanted certain members to be visible within their own class and within any sub-classes, but not to the rest of the package or to the rest of the world.  In other words, I wanted this:


    Modifier        Class     Package   Subclass  World
    sub-class       Y         N         Y         N

However, the designers of Java only gave me [this][1]:


    Modifier        Class     Package   Subclass  World
    public          Y         Y         Y         Y
    protected       Y         Y         Y         N
    no modifier     Y         Y         N         N
    private         Y         N         N         N

The typical case when I want something like this is when creating an abstract class.  Sometimes I find the abstract parent needs access to certain members, but concrete children do as well.  I can give them this access by making the members `protected`, but that opens up accessibility to the rest of the package when I don&#39;t really want to.

To be fully clear, I know such a modifier is _not_ possible in Java.  My question is why is such a modifier not included in Java?  It seems (to me) to be a more natural visibility level than either `protected` or the default.  Is the reason just along the lines of it not being sufficiently important to be included, or is it more related to possible side effects that I haven&#39;t considered?


  [1]: http://download.oracle.com/javase/tutorial/java/javaOO/accesscontrol.html

Why is there no sub-class visibility modifier in Java?

I&#39;m having some troubles with a slideshow I&#39;m building.

I&#39;ve created 2 animations in xml for fade in and fade out:

**fadein.xml**

        &lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
           &lt;set xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;&gt;
             &lt;alpha android:fromAlpha=&quot;0.0&quot; android:toAlpha=&quot;1.0&quot; 
              android:interpolator=&quot;@android:anim/accelerate_interpolator&quot; 
              android:duration=&quot;2000&quot;/&gt;
         &lt;/set&gt;

**fadeout.xml**

        &lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
           &lt;set xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;&gt;
             &lt;alpha android:fromAlpha=&quot;1.0&quot; android:toAlpha=&quot;0.0&quot; 
              android:interpolator=&quot;@android:anim/accelerate_interpolator&quot; 
              android:duration=&quot;2000&quot;/&gt;
         &lt;/set&gt;

What Im&#39;trying to do, is to change images from an ImageView using the fade effect, so the currently displayed image will fade out, and another one will fade in.
Considering that I have an image already set, I can fadeout this Image without problem, with this:


        Animation fadeInAnimation = AnimationUtils.loadAnimation(this, R.anim.your_fade_in_anim);
        imageView.startAnimation(fadeoutAnim);


But then, I set the next image to be displayed:

        imageView.setImageBitmap(secondImage);

It just shows up in the imageView, and when i set the animation it hides the image, the fade it in... Is there any way to fix that, I mean, when I do *imageView.setImageBitmap(secondImage);* command, the image do not shows up immediately, and only when the fade in animation is executed?

Android fade in and fade out with ImageView

I&#39;m trying to get a nice fade-out effect at the bottom of a section of text as a &#39;read more&#39; indicator.  

I&#39;ve been following a bit off [this](http://css-tricks.com/text-fade-read-more/) and other tutorials, and my code currently is as follows:

###html

    &lt;section&gt;
        &lt;p&gt;malesuada fames ac turpis egestas...leo.&lt;/p&gt;                                                                  
        &lt;p&gt;malesuada fames ac turpis egestas...leo.&lt;/p&gt;
        &lt;div class=&quot;fadeout&quot;&gt;&lt;/div&gt;
    &lt;/section&gt;
    &lt;p&gt;Stuff after&lt;/p&gt;

###css

    .fadeout {
        position: relative; 
        bottom: 4em;
        height: 4em;
        background: -webkit-linear-gradient(
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
        ); 
    } 

[jsFiddle](http://jsfiddle.net/6k3vV/) 

The problem is, even when I position the transparent div over the body of text, the 4em&#39;s of space still exists between &lt;section&gt;&lt;/section&gt; and &#39;Other Stuff.&#39;

Any ideas?




Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div

I can make an element with an opacity of zero fade in by changing its class to .elementToFadeInAndOut with the following css:

    .elementToFadeInAndOut {
        opacity: 1;
    	transition: opacity 2s linear;
    }

Is there a way I can make the element fade out after it fades in by editing css for this same class?

Content Type	Original Author	Original Content on Stackoverflow
Question	kalpaitch	View Question on Stackoverflow
Solution 1 - Jquery	Nick Craver	View Answer on Stackoverflow
Solution 2 - Jquery	David Hellsing	View Answer on Stackoverflow
Solution 3 - Jquery	user	View Answer on Stackoverflow
Solution 4 - Jquery	Neil	View Answer on Stackoverflow
Solution 5 - Jquery	iivel	View Answer on Stackoverflow

jquery fade element does not show elements styled 'visibility: hidden'

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Solution 2 - Jquery

Solution 3 - Jquery

Solution 4 - Jquery

Solution 5 - Jquery

Returning JSON object from an ASP.NET page

Naming my application in android

Attributions