upstream/ipython Files · IPython/frontend/html/notebook/templates/focus.html

Finishing display system work....

Finishing display system work. * Added image/jpeg MIME type to notebook format, the core display logic and the notebook. * Finished HTML, SVG, Image, Math, Javascript, JSON classes.

Brian Granger - - Load All Authors

File last commit:

r4358:8766e94b


                r4528:08ef328c

Download file

             focus.html
        
                    87 lines
            
             | 1.8 KiB
            
                | text/html
            
             |
                HtmlLexer
            
             / IPython / frontend / html / notebook / templates / focus.html
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        Brian Granger
    
Updating jQuery to 1.6.2 and jQuery UI to 1.8.14....

              r4358
            
      <!DOCTYPE HTML>

      <html>

      <head>

          <title>Event ordering</title>

          <style>

              div#outer {

                  width: 400px;

                  height: 300px;

                  border: solid 2px black;

              }

              div#inner {

                  width: 80%;

                  height: 80%;

                  border: solid 2px black;

              }

              div#innerinner {

                  width: 80%;

                  height: 80%;

                  border: solid 2px black;

              }

          </style>

      </head>

      <body>

      <div id="outer" tabindex="-1">

          This is the outer div.

          <div id="inner" tabindex="-1">

              This is the inner div.

              <div id="innerinner" tabindex="-1">

                  This is the innerinner div

              </div>

          </div>

      </div>

      <script src="static/jquery/js/jquery-1.6.2.min.js" type="text/javascript" charset="utf-8"></script>

      <script>

          $(document).ready(function () {

              $('div#outer').click(function (e) {

                  console.log("outer.click");

              });

              $('div#outer').focus(function (e) {

                  console.log("outer.focus");

              });

              $('div#outer').focusin(function (e) {

                  console.log("outer.focusin");

              });

              $('div#inner').click(function (e) {

                  console.log("--inner.click");

              });

              $('div#inner').focus(function (e) {

                  console.log("--inner.focus");

              });

              $('div#inner').focusin(function (e) {

                  console.log("--inner.focusin");

                  e.stopPropagation();

              });

              $('div#innerinner').click(function (e) {

                  console.log("----innerinner.click");

              });

              $('div#innerinner').focus(function (e) {

                  console.log("----innerinner.focus");

              });

              $('div#innerinner').focusin(function (e) {

                  console.log("----innerinner.focusin");

              });

          });

      </script>

      </body>

      </html>

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

Brian Granger Updating jQuery to 1.6.2 and jQuery UI to 1.8.14....	r4358	<!DOCTYPE HTML>
		<html>

		<head>

		<title>Event ordering</title>

		<style>
		div#outer {
		width: 400px;
		height: 300px;
		border: solid 2px black;
		}

		div#inner {
		width: 80%;
		height: 80%;
		border: solid 2px black;
		}

		div#innerinner {
		width: 80%;
		height: 80%;
		border: solid 2px black;
		}

		</style>
		</head>

		<body>

		<div id="outer" tabindex="-1">
		This is the outer div.

		<div id="inner" tabindex="-1">
		This is the inner div.
		<div id="innerinner" tabindex="-1">
		This is the innerinner div
		</div>
		</div>

		</div>

		<script src="static/jquery/js/jquery-1.6.2.min.js" type="text/javascript" charset="utf-8"></script>

		<script>
		$(document).ready(function () {
		$('div#outer').click(function (e) {
		console.log("outer.click");
		});
		$('div#outer').focus(function (e) {
		console.log("outer.focus");
		});
		$('div#outer').focusin(function (e) {
		console.log("outer.focusin");
		});

		$('div#inner').click(function (e) {
		console.log("--inner.click");
		});
		$('div#inner').focus(function (e) {
		console.log("--inner.focus");
		});
		$('div#inner').focusin(function (e) {
		console.log("--inner.focusin");
		e.stopPropagation();
		});

		$('div#innerinner').click(function (e) {
		console.log("----innerinner.click");
		});
		$('div#innerinner').focus(function (e) {
		console.log("----innerinner.focus");
		});
		$('div#innerinner').focusin(function (e) {
		console.log("----innerinner.focusin");
		});

		});
		</script>

		</body>

		</html>