gistfile1.json

{
 "metadata": {
  "name": "Form Inputs"
 },
 "nbformat": 3,
 "nbformat_minor": 0,
 "worksheets": [
  {
   "cells": [
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "import IPython.core.display\n",
      "def ipynb_input(varname, prompt=''):\n",
      "    \"\"\"Prompt user for input and assign string val to given variable name.\"\"\"\n",
      "    js_code = (\"\"\"\n",
      "    var value = prompt(\"{prompt}\",\"\");\n",
      "    var py_code = \"{varname} = '\" + value + \"'\";\n",
      "    IPython.notebook.kernel.execute(py_code);\n",
      "    \"\"\").format(prompt=prompt, varname=varname)\n",
      "    return IPython.core.display.Javascript(js_code)"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [],
     "prompt_number": 23
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "ipynb_input(varname='username', prompt='enter your name')"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "javascript": [
        "\n",
        "    var value = prompt(\"enter your name\",\"\");\n",
        "    var py_code = \"username = '\" + value + \"'\";\n",
        "    IPython.notebook.kernel.execute(py_code);\n",
        "    "
       ],
       "output_type": "pyout",
       "prompt_number": 24,
       "text": [
        "<IPython.core.display.Javascript at 0x4ba8eb0>"
       ]
      }
     ],
     "prompt_number": 24
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "print username"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "output_type": "stream",
       "stream": "stdout",
       "text": [
        "Haroon\n"
       ]
      }
     ],
     "prompt_number": 25
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": [
      "<!--<div id=\"radio\">\n",
      "  <input type=\"radio\" id=\"radio1\" name=\"radio\"><label for=\"radio1\">Choice 1</label>\n",
      "  <input type=\"radio\" id=\"radio2\" name=\"radio\" checked=\"checked\"><label for=\"radio2\">Choice 2</label>\n",
      "  <input type=\"radio\" id=\"radio3\" name=\"radio\"><label for=\"radio3\">Choice 3</label>\n",
      "</div> -->\n",
      "\n",
      "Name: <input type=\"text\" id=\"name\" name=\"name\">\n",
      "\n",
      "State: <input type=\"text\" id=\"state\" name=\"state\">\n",
      "\n",
      "Rank1: \n",
      "<select id=\"rank1\" name=\"dropdown\">\n",
      "    <option>Select a team</option>\n",
      "    <option value=\"crime\">Crime</option>\n",
      "    <option value=\"health\">Health</option>\n",
      "    <option value=\"mercedes\">Mercedes</option>\n",
      "    <option value=\"audi\">Audi</option>\n",
      "</select>\n",
      "\n",
      "Rank2: \n",
      "<select id=\"rank1\" name=\"dropdown2\">\n",
      "    <option>Select a team</option>\n",
      "    <option value=\"crime\">Crime</option>\n",
      "    <option value=\"health\">Health</option>\n",
      "    <option value=\"mercedes\">Mercedes</option>\n",
      "    <option value=\"audi\">Audi</option>\n",
      "</select>\n",
      "\n",
      "Rank3: \n",
      "<select id=\"rank1\" name=\"dropdown3\">\n",
      "    <option>Select a team</option>\n",
      "    <option value=\"crime\">Crime</option>\n",
      "    <option value=\"health\">Health</option>\n",
      "    <option value=\"mercedes\">Mercedes</option>\n",
      "    <option value=\"audi\">Audi</option>\n",
      "</select>\n",
      "\n",
      "Rank4: \n",
      "<select id=\"rank1\" name=\"dropdown4\">\n",
      "    <option>Select a team</option>\n",
      "    <option value=\"crime\">Crime</option>\n",
      "    <option value=\"health\">Health</option>\n",
      "    <option value=\"mercedes\">Mercedes</option>\n",
      "    <option value=\"audi\">Audi</option>\n",
      "</select>\n",
      "\n",
      "Rank5: \n",
      "<select id=\"rank1\" name=\"dropdown5\">\n",
      "    <option>Select a team</option>\n",
      "    <option value=\"crime\">Crime</option>\n",
      "    <option value=\"health\">Health</option>\n",
      "    <option value=\"mercedes\">Mercedes</option>\n",
      "    <option value=\"audi\">Audi</option>\n",
      "</select>\n",
      "\n",
      "<input type=\"submit\" class=\"submit\" value=\"Submit\">\n",
      "\n",
      "<script>\n",
      "    $(\"#radio\").buttonset();\n",
      "\n",
      "    $('#radio :radio').click(function() {\n",
      "        var kernel = IPython.notebook.kernel;\n",
      "        kernel.execute(\"some_var = '\"+$(this).attr('id')+\"'\");\n",
      "    });\n",
      "    \n",
      "    $('.submit').click(function() {\n",
      "      var kernel = IPython.notebook.kernel;\n",
      "        kernel.execute(\"name = '\"+$('#name').val()+\"'\");\n",
      "        kernel.execute(\"state = '\"+$('#state').val()+\"'\");\n",
      "});\n",
      "    $(\"select[name='dropdown']\").change(function(){\n",
      "        var kernel = IPython.notebook.kernel;\n",
      "            kernel.execute(\"rank1 = '\"+$(this).val()+\"'\");\n",
      "        });\n",
      "    \n",
      "    $(\"select[name='dropdown2']\").change(function(){\n",
      "        var kernel = IPython.notebook.kernel;\n",
      "            kernel.execute(\"rank2 = '\"+$(this).val()+\"'\");\n",
      "        });\n",
      "    \n",
      "    $(\"select[name='dropdown3']\").change(function(){\n",
      "        var kernel = IPython.notebook.kernel;\n",
      "            kernel.execute(\"rank3 = '\"+$(this).val()+\"'\");\n",
      "        });\n",
      "    \n",
      "    $(\"select[name='dropdown4']\").change(function(){\n",
      "        var kernel = IPython.notebook.kernel;\n",
      "            kernel.execute(\"rank4 = '\"+$(this).val()+\"'\");\n",
      "        });\n",
      "    \n",
      "    $(\"select[name='dropdown5']\").change(function(){\n",
      "        var kernel = IPython.notebook.kernel;\n",
      "            kernel.execute(\"rank5 = '\"+$(this).val()+\"'\");\n",
      "        });\n",
      "    \n",
      "    \n",
      "</script>"
     ]
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "print name"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "output_type": "stream",
       "stream": "stdout",
       "text": [
        "Haroon Rasheed\n"
       ]
      }
     ],
     "prompt_number": 44
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "print state"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "output_type": "stream",
       "stream": "stdout",
       "text": [
        "California\n"
       ]
      }
     ],
     "prompt_number": 45
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "print rank1, rank2, rank3, rank4, rank5"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "output_type": "stream",
       "stream": "stdout",
       "text": [
        "crime health mercedes crime audi\n"
       ]
      }
     ],
     "prompt_number": 46
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [],
     "language": "python",
     "metadata": {},
     "outputs": []
    }
   ],
   "metadata": {}
  }
 ]
}