Saltycrane logo

SaltyCrane Blog

Notes on Python, Django, and web development on Ubuntu Linux

     Posts tagged "javascript"

jQuery flot stacked bar chart example

Date: 2010-03-11  |   Modified: 2010-04-21  |   Tags: javascript   |   10 Comments

Flot is a Javascript plotting library for jQuery. Here are my steps to create a simplified version of the stacked bar chart example from the flot examples page. For more information, see the API documentation.

  • Download and unpack: 
    cd ~/src/jquery/flot_examples
curl http://flot.googlecode.com/files/flot-0.6.tar.gz | tar xzf -
  • ~/src/jquery/flot_examples/stacked_bar_ex.html: 
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <!--[if IE]><script language="javascript" type="text/javascript" src="flot/excanvas.min.js"></script ...
... read more »

Emacs espresso-mode for jQuery

Date: 2010-03-10  |   Modified: 2010-04-12  |   Tags: emacs, javascript   |   5 Comments

Because js2-mode (20090723b) indents jQuery like this:

$(document).ready(function() {
                     $("a").click(function() {
                                     alert("Hello World");
                                  });
                  });

instead of this:

$(document).ready(function() {
   $("a").click(function() {
      alert("Hello World");
   });
});

I've switched to espresso-mode. Here's my install notes:

  • Download 
    $ cd ~/.emacs.d/site-lisp
$ wget http://download.savannah.gnu.org/releases-noredirect/espresso/espresso.el
  • Edit your .emacs: 
    (add-to-list 'load-path "~/.emacs.d/site-lisp")
(autoload #'espresso-mode "espresso" "Start espresso-mode" t)
(add-to-list 'auto-mode-alist '("\\.js$" . espresso-mode))
(add-to-list 'auto-mode-alist '("\\.json$" . espresso-mode))
  • Start emacs and byte-compile espresso.el: 
    M-x byte-compile-file RET ~/.emacs.d/site-lisp/espresso.el

Side note: I just realized it is "espresso-mode" and not "expresso-mode".

... read more »

Google jQuery hosting (very short version)

Date: 2010-03-10  |   Tags: javascript, notestoself

Via this article, use the Google-hosted jQuery instead of serving it yourself:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Here's the info from Google.

... read more »
Created with Django | Hosted by Slicehost