You could use the HTML5 download attribute like so: 

    &lt;a href=&quot;path/to/file&quot; download&gt;Click here to download&lt;/a&gt;

This opens a &quot;save as&quot; dialog regardless of file type without taking you away from the page.

If you control the server, then you should set it up to send a Content-Disposition: attachment header for the files you wish to be downloaded (e.g. you can do this in an .htaccess file to make all .jpegs in a particular directory).

I have a base class `Person` and derived classes `Manager` and `Employee`. Now, what I would like to know is the object created is `Manager` or the `Employee`.

The person is given as belows:

    from Project.CMFCore.utils import getToolByName
    schema = getattr(Person, &#39;schema&#39;, Schema(())).copy() + Schema((TextField(&#39;FirstName&#39;, required = True, widget = StringWidget(label=&#39;First Name&#39;, i18n_domain=&#39;project&#39;)), TextField(&#39;Last Name&#39;, required = True, widget = StringWidget(label=&#39;Last Name&#39;, i18n_domain=&#39;i5&#39;, label_msgid=&#39;label_pub_city&#39;))
    class Manager(BaseContent):
      def get_name(self):
        catalog = getToolByName(self, &quot;portal_catalog&quot;)
          people = catalog(portal_type=&#39;Person&#39;)
          person={}
          for object in people:
            fname = object.firstName
            lname = object.lastName
            person[&#39;name&#39;] = fname+&#39; &#39;+ lname
            # if the derived class is Employee then i would like go to the method title of employee and if its a Manager then go to the title method of Manager
            person[&#39;post&#39;] = Employee/Manager.title()
          return person

For Manager and employees they are like (employee is also similar but some different methods)

    from Project.Person import Person
    class Manager(Person):
        def title(self):
          return &quot;Manager&quot;

For Employee the title is &#39;Employee&#39;. When I create a `Person` it is either `Manager` or the `Employee`. When I get the person object the class is Person but I would like to know whether it is from the derived class &#39;Manager&#39; or &#39;Employee&#39;.


how to get derived class name from base class

First up - yes, I have read the multiple questions &amp; answers on this topic, and can&#39;t get any of the solutions within those to help me. I&#39;m not running Tomcat or JBoss and I don&#39;t have a `web.xml` file to change. I&#39;m using Java 6.0 and `log4j-1.2.8.jar`.

I am creating a runnable jar file with IDEA IntelliJ with jar libraries packaged separately and linked via the manifest. I am running my code on a Linux server thus:

    me@server:/mydir&gt; java -jar code/myjar.jar
    log4j:WARN No appenders could be found for logger (FactoredEventsForTrna).
    log4j:WARN Please initialize the log4j system properly.

My log4j configuration file (which I&#39;ve placed both in `mydir` and `mydir/code`, just in case) is:

    ## Logger configure file for myproject
    log.dir=log/
    datestamp=yyyy-MM-dd/HH:mm:ss.SSS
    log4j.rootLogger=TRACE, file, proappender, console
    
    log4j.appender.file=org.apache.log4j.RollingFileAppender
    log4j.appender.file.maxFileSize=1GB
    log4j.appender.file.maxBackupIndex=5
    log4j.appender.file.File=log/mydebug.log
    log4j.appender.file.threshold=TRACE
    log4j.appender.file.layout=org.apache.log4j.PatternLayout
    log4j.appender.file.layout.ConversionPattern=%d{${datestamp}} %5p: %c{2} - %m%n
    
    log4j.appender.proappender=org.apache.log4j.RollingFileAppender
    log4j.appender.proappender.maxFileSize=5GB
    log4j.appender.proappender.Threshold=INFO
    log4j.appender.proappender.File=log/myinfo.log
    log4j.appender.proappender.layout=org.apache.log4j.PatternLayout
    log4j.appender.proappender.layout.ConversionPattern=%d{${datestamp}} %5p: %c{2} - %m%n
    
    log4j.appender.console=org.apache.log4j.ConsoleAppender
    log4j.appender.console.Threshold=DEBUG
    log4j.appender.console.layout=org.apache.log4j.PatternLayout
    log4j.appender.console.layout.ConversionPattern=%d{${datestamp}} %5p: %c{2} - %m%n

And I have created the `log/` directory in `mydir` and `mydir/code`, again, just in case.

Any ideas?



log4j:WARN No appenders could be found for logger (running jar file, not web app)

&gt; **Possible Duplicate:** &lt;br/&gt;
&gt; [Is it possible to initiate a download prompt in the browser for recognized MIME types using only JavaScript (client-side approach)?](https://stackoverflow.com/questions/7763505/force-file-download-of-recognized-mime-types-using-only-javascript-almost-figur)

&lt;!-- End of automatically inserted text --&gt;

Is there a way to force a browser with a JavaScript routine to save a file as (&quot;save as&quot;) after clicking a link? I need for images to be downloaded directly by default and not rendered by the browser.


Force a browser to save file as after clicking link

> Possible Duplicate: 
> <a href="https://stackoverflow.com/questions/7763505/force-file-download-of-recognized-mime-types-using-only-javascript-almost-figur" target="_blank" rel="noopener noreferrer">Is it possible to initiate a download prompt in the browser for recognized MIME types using only JavaScript (client-side approach)?</a>

Is there a way to force a browser with a JavaScript routine to save a file as ("save as") after clicking a link? I need for images to be downloaded directly by default and not rendered by the browser.

[MDC describes the `==` operator as follows][1]:

&gt; If the two operands are not of the same type, JavaScript converts the operands then applies strict comparison. If either operand is a number or a boolean, the operands are converted to numbers if possible; else if either operand is a string, the other operand is converted to a string if possible.

With this in mind, I would evaluate `&quot;true&quot; == true` as follows:

 1. Are they of the same type? **No**
 2. Is either operand a number or boolean? **Yes**
 3. Can we convert both to a number? **No** (`isNaN(Number(&quot;true&quot;)) // true`)
 4. Is either operand a string? **Yes**
 5. Can we convert the other operand to a string? **Yes** (`String(true) === &quot;true&quot; // true`)

I&#39;ve ended up with the strings `&quot;true&quot;` and `&quot;true&quot;`, which should evaluate to `true`, but JavaScript shows false.

What have I missed?


  [1]: https://developer.mozilla.org/en/JavaScript/Reference/Operators/Comparison_Operators

Why does &quot;true&quot; == true show false in JavaScript?

I only have 1 input field and I want to register onChange and onKeyPress event to detect when the users finish their input or press the Enter key. I need to use javascript only. Thanks for the help.

I have:

    var load = function (){
       //I want to trigger this function when user hit Enter key.
    }
    
    document.getElementById(&#39;co&#39;).onchange=load;   //works great
    document.getElementById(&#39;co&#39;).onKeyPress=load; 
    //not sure how to detect when user press Enter

html

    //no form just a single input field
    &lt;input type=&#39;text&#39; id=&#39;co&#39;&gt;



How to detect when the user presses Enter in an input field

I am trying to get the text in a text box as the user types in it ([jsfiddle playground][1]):

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    function edValueKeyPress() {
        var edValue = document.getElementById(&quot;edValue&quot;);
        var s = edValue.value;

        var lblValue = document.getElementById(&quot;lblValue&quot;);
        lblValue.innerText = &quot;The text box contains: &quot; + s;

        //var s = $(&quot;#edValue&quot;).val();
        //$(&quot;#lblValue&quot;).text(s);    
    }

&lt;!-- language: lang-html --&gt;

    &lt;input id=&quot;edValue&quot; type=&quot;text&quot; onKeyPress=&quot;edValueKeyPress()&quot;&gt;&lt;br&gt;
    &lt;span id=&quot;lblValue&quot;&gt;The text box contains: &lt;/span&gt;

&lt;!-- end snippet --&gt;

​
The code runs without errors, except that the ***value*** of the `input text` box, during `onKeyPress` is always the value *before* the change:

![enter image description here][2]

&gt; **Question**: How do I get the text of a text box during `onKeyPress`?

Bonus Chatter
------------

There are three events related to *&quot;the user is typing&quot;* in the HTML DOM:

- `onKeyDown`
- `onKeyPress`
- `onKeyUp`

In **Windows**, the order of `WM_Key` messages becomes important when the user holds down a key, and the key begins to repeat:

- `WM_KEYDOWN(&#39;a&#39;)` - user has pushed down the &lt;kbd&gt;A&lt;/kbd&gt; key
- `WM_CHAR(&#39;a&#39;)` - an `a` character has been received from the user
- `WM_CHAR(&#39;a&#39;)` - an `a` character has been received from the user
- `WM_CHAR(&#39;a&#39;)` - an `a` character has been received from the user
- `WM_CHAR(&#39;a&#39;)` - an `a` character has been received from the user
- `WM_CHAR(&#39;a&#39;)` - an `a` character has been received from the user
- `WM_KEYUP(&#39;a&#39;)` - the user has released the &lt;kbd&gt;A&lt;/kbd&gt; key

Will result in five characters appearing in a text control: `aaaaa`

The important point being that the you respond to the `WM_CHAR` message, the one that repeats. Otherwise you miss events when a key is pressed.


In **HTML** things are slightly different: 

- `onKeyDown`
- `onKeyPress`
- `onKeyDown`
- `onKeyPress`
- `onKeyDown`
- `onKeyPress`
- `onKeyDown`
- `onKeyPress`
- `onKeyDown`
- `onKeyPress`
- `onKeyUp`

Html delivers an `KeyDown` and `KeyPress` every key repeat. And the `KeyUp` event is only raised when the user releases the key.

**Take aways** 

- I **can** respond to `onKeyDown` or `onKeyPress`, but both are still raised before the `input.value` has been updated
- I cannot respond to `onKeyUp`, because it doesn&#39;t happen as the text in the text-box changes.

**Question:** How do I get the text of a text-box during `onKeyPress`?


Bonus Reading
-------------

- [Getting a form value with jQuery][3]
- https://stackoverflow.com/questions/4088467/jquery-get-value-in-input-text-box




  [1]: http://jsfiddle.net/VDd6C/3/
  [2]: http://i.stack.imgur.com/x8DkU.png
  [3]: http://www.electrictoolbox.com/jquery-get-set-form-values/

How to get text of an input text box during onKeyPress?

How can JavaScript change CSS `:hover` properties?

For example:

**HTML**

    &lt;table&gt;
      &lt;tr&gt;
        &lt;td&gt;Hover 1&lt;/td&gt;
        &lt;td&gt;Hover 2&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;

**CSS**

    table td:hover {
    background:#ff0000;
    }

How can the `td :hover` properties be modified to, say, `background:#00ff00`, with JavaScript? I know I could access the style background property using JavaScript with:

    document.getElementsByTagName(&quot;td&quot;).style.background=&quot;#00ff00&quot;;

But I don&#39;t know of a `.style` JavaScript equivalent for `:hover`.

Change :hover CSS properties with JavaScript

I&#39;m looking for a function which return boolean value if user has mobile browser or not.

I know that I can use `navigator.userAgent` and write that function by using regex, but user-agents are too various for different platforms. I doubt that match all possible devices would be easy, and I think this problem has been solved before many times so there should be some kind of complete solution for such task.

I was looking at [this site](http://detectmobilebrowsers.com), but sadly the script is so cryptic that I have no idea how to use it for my purpose, which is to create a function which return true / false.

Detecting a mobile browser

I have tried numerous things and nothing seems to be working.

I am using jQuery and Chosen plugin.

Methods I have tried:

    var select = jQuery(&#39;#autoship_option&#39;);
     
    select.val(jQuery(&#39;options:first&#39;, select).val());

    jQuery(&#39;#autoship_option&#39;).val(&#39;&#39;);
    
    jQuery(&#39;#autoship_option&#39;).text(&#39;&#39;);
    
    jQuery(&#39;#autoship_option&#39;).empty(&#39;&#39;);

    jQuery(&quot;#autoship_option option[value=&#39;&#39;]&quot;).attr(&#39;selected&#39;, true);

It always shows the Active Autoship option once it has been selected.  I can&#39;t seem to get it to clear the selection.

Here is the select box:

    &lt;select id=&quot;autoship_option&quot; data-placeholder=&quot;Choose Option...&quot; 
    style=&quot;width: 175px;&quot; class=&quot;chzn-select&quot;&gt;
        &lt;option value=&quot;&quot;&gt;&lt;/option&gt;
        &lt;option value=&quot;active&quot;&gt;Active Autoship&lt;/option&gt;
    &lt;/select&gt;

Anyone familiar with Chosen and being able to clear a select box with one option? (It will have more options in the future.


How do I reset a jquery-chosen select option with jQuery?

I&#39;m having a bit of trouble serializing a form

    &lt;form&gt;
        &lt;input type=&quot;text&quot; name=&quot;name1&quot; value=&quot;value1&quot;/&gt;
        &lt;input type=&quot;text&quot; name=&quot;name2&quot; value=&quot;value2&quot;/&gt;
    &lt;/form&gt;

    $(form).serializeArray()

Will return `[{name:&quot;name1&quot;,value:&quot;value1&quot;},{name:&quot;name2&quot;,value:&quot;value2&quot;}]` pairs.

Is it possible to get output in the form

    {name1:value1,name2:value2}

So that they are easier to handle?

jQuery serializeArray() key value pairs

I&#39;ve got a sub-nav that works using jquery - A user clicks on the top level list item, for instance &#39;services&#39; which triggers the dropdown. The dropdown toggles via clicking the &#39;service&#39; link. I&#39;ve made it so a user can click anywhere on the screen to toggle the dropdown to a closed state. But as the site is responsive i want the user to be able to click (touch) anywhere on the screen to close the dropdown but my problem is that it&#39;s not working on the touch devices. 

My code ive setup for the document click is:

    $(document).click(function(event) { 
    
      if ( $(&quot;.children&quot;).is(&quot;:visible&quot;)) {
        $(&quot;ul.children&quot;).slideUp(&#39;slow&#39;);
      }
      
    });

I&#39;m assuming document.click might not work on touch devices, and if not, what work-around is there to achieve the same effect?

Thanks

document .click function for touch device

I&#39;m having trouble figuring this out. I have two checkboxes (in the future will have more):

 - `checkSurfaceEnvironment-1`
 - `checkSurfaceEnvironment-2`

Basically, I want to write an if statement and test if one of them is checked and another is NOT checked. What&#39;s the easiest way to accomplish the following:

&lt;!-- language: lang-js --&gt;

    if ( $(&quot;#checkSurfaceEnvironment-1&quot;).attr(&#39;checked&#39;, true) &amp;&amp;
         $(&quot;#checkSurfaceEnvironment-2&quot;).is(&#39;**(NOT??)** :checked&#39;) ) {
            // do something
    }

jQuery: Test if checkbox is NOT checked

As of jQuery 1.8, the use of `async:false` in [jQuery.ajax()][1] is **deprecated**.  
But how many webpages have you seen with a &quot;loading screen&quot; while there is an ongoing AJAX communication in the background? I have probably seen thousands of them.

My case is that I am writing a mobile app that needs to load a language file. And at the beginning I load the language file and I retrieve the text of the buttons and other GUI elements from the language file.

This is really bad for me. Because if the language file is missing, the GUI shouldn&#39;t appear. So how do I solve it? Put all my code in the `success` callback? That doesn&#180;t seem like a good coding practice to me. Can I solve it another way?

  [1]: http://api.jquery.com/jQuery.ajax/

jQuery.ajax() method&#39;s async option deprecated, what now?

I have an SVG object in my HTML page and am wrapping it in an anchor so when the svg image is clicked it takes the user to the anchor link.

    &lt;a href=&quot;http://www.google.com/&quot;&gt;
        &lt;object data=&quot;mysvg.svg&quot; type=&quot;image/svg+xml&quot;&gt;
            &lt;span&gt;Your browser doesn&#39;t support SVG images&lt;/span&gt;
        &lt;/object&gt;
    &lt;/a&gt;

When I use this code block, clicking the svg object doesn&#39;t take me to google. In IE8&lt; the span text is clickable.

I do not want to modify my svg image to contain &lt;a xlink:href&gt; tags.

My question is, how can I make the svg image clickable?

How to show &lt;div&gt; tag literally in &lt;code&gt;/&lt;pre&gt; tag?

I have a div on the left hand side which includes the business hours and weather. I would like that div to scroll down and up according to how the user scrolls. So it would follow and move up and down with the page. How would I attempt this? This is my website [judystropicalgarden.com][1]


  [1]: http://judystropicalgarden.com

Thanks

Content Type	Original Author	Original Content on Stackoverflow
Question	Jackson Henley	View Question on Stackoverflow
Solution 1 - Javascript	Austin	View Answer on Stackoverflow
Solution 2 - Javascript	M Somerville	View Answer on Stackoverflow

Force a browser to save file as after clicking link

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

log4j:WARN No appenders could be found for logger (running jar file, not web app)

how to get derived class name from base class

Attributions