FlickrPhoto/Resources/spinner.gif FloorPlan/Resources/spinner.gif @@ -1,18 +1,10 @@ <?xml version="1.0" encoding="UTF-8"?> -<!DOCTYPE html +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en"> - <head> + <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>Flickr Photo Demo</title> @@ -22,15 +14,49 @@ <script src = "Frameworks/Objective-J/Objective-J.js" type = "text/javascript"></script> + <style type = "text/css"> + body{margin:0; padding:0;} + #container {position: absolute; top:50%; left:50%;} + #content {width:800px; text-align:center; margin-left: -400px; height:50px; margin-top:-25px; line-height: 50px;} + #content {font-family: "Helvetica", "Arial", sans-serif; font-size: 18px; color: black; text-shadow: 0px 1px 0px white; } + #loadgraphic {margin-right: 0.2em; margin-bottom:-2px;} + </style> + +  </head> - <body> - <div style="position: absolute; left: 50%; top: 50%;"> - <center> - <img src = "Frameworks/AppKit/Resources/CPProgressIndicator/CPProgressIndicatorSpinningStyleRegular.gif" style="left: -32px; position: relative; top: -32px;" /> - </center> + <body style=""> + <div id="loadingcontainer" style=" background-color: #eeeeee; overflow:hidden; width:100%; height:100%; position: absolute; top: 0; left: 0;"> + <script type = "text/javascript"> + document.write("<div id='container'><p id='content'>" + + "<img id='loadgraphic' width='16' height='16' src='Resources/spinner.gif' /> " + + "Loading Flickr Photo Demo...</p></div>"); + </script> + + <noscript> + <div id="container"> + <div style="width: 440px; padding: 10px 25px 20px 25px; font-family: sans-serif; background-color: #ffffff; position: relative; left: -245px; top: -120px; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px; color: #555555"> + <p style="line-height: 1.4em;">JavaScript is required for this site to work correctly but is either disabled or not supported by your browser.</p> + <p style="font-size:120%; padding:10px;"><a href="http://cappuccino.org/noscript">Show me how to enable JavaScript</a></p> + <p style="font-size:80%;">You may want to upgrade to a newer browser while you're at it:</p> + <ul style="margin:0;padding:0; text-align: center; font-size:80%;" > + <li style="display: inline;"><a href="http://www.apple.com/safari/download/">Safari</a></li> + <li style="display: inline;"><a href="http://www.mozilla.com/en-US/firefox/">Firefox</a></li> + <li style="display: inline;"><a href="http://www.google.com/chrome/">Chrome</a></li> + <li style="display: inline;"><a href="http://www.opera.com/download/">Opera</a></li> + <li style="display: inline;"><a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet Explorer</a></li> + </ul> + </div> + </div> + </noscript> </div> </body> - + </html> + FlickrPhoto/index.html @@ -28,9 +28,10 @@ [contentView setBackgroundColor:[CPColor blackColor]]; // Create and Center our Container View - var view = [[CPView alloc] initWithFrame:CGRectMake((contentSize.width - 700.0) / 2.0, (contentSize.height - 424.0) / 2.0, 700.0, 424.0)]; + var view = [[CPView alloc] initWithFrame:CGRectMake(0, 0, 700.0, 424.0)]; + [view setCenter:[contentView center]]; - [view setBackgroundColor:[CPColor colorWithCalibratedRed:212.0 / 255.0 green:221.0 / 255.0 blue:230.0 / 255.0 alpha:1.0]]; + [view setBackgroundColor:[CPColor colorWithRed:212.0 / 255.0 green:221.0 / 255.0 blue:230.0 / 255.0 alpha:1.0]]; [view setAutoresizingMask:CPViewMinXMargin | CPViewMaxXMargin | CPViewMinYMargin | CPViewMaxYMargin]; @@ -69,8 +70,8 @@ [theWindow makeKeyAndOrderFront:self]; - var undoButton = [[CPButton alloc] initWithFrame:CGRectMake(20.0, 400.0, 60.0, 18.0)], - redoButton = [[CPButton alloc] initWithFrame:CGRectMake(90.0, 400.0, 60.0, 18.0)]; + var undoButton = [[CPButton alloc] initWithFrame:CGRectMake(20.0, 394.0, 60.0, 24.0)], + redoButton = [[CPButton alloc] initWithFrame:CGRectMake(90.0, 394.0, 60.0, 24.0)]; [undoButton setTitle:"Undo"]; [undoButton setTarget:[theWindow undoManager]]; FloorPlan/AppController.j @@ -1,18 +1,10 @@ <?xml version="1.0" encoding="UTF-8"?> -<!DOCTYPE html +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en"> - <head> + <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>FloorPlan</title> @@ -22,15 +14,49 @@ <script src = "Frameworks/Objective-J/Objective-J.js" type = "text/javascript"></script> + <style type = "text/css"> + body{margin:0; padding:0;} + #container {position: absolute; top:50%; left:50%;} + #content {width:800px; text-align:center; margin-left: -400px; height:50px; margin-top:-25px; line-height: 50px;} + #content {font-family: "Helvetica", "Arial", sans-serif; font-size: 18px; color: black; text-shadow: 0px 1px 0px white; } + #loadgraphic {margin-right: 0.2em; margin-bottom:-2px;} + </style> + +  </head> - <body> - <div style="position: absolute; left: 50%; top: 50%;"> - <center> - <img src = "Frameworks/AppKit/Resources/CPProgressIndicator/CPProgressIndicatorSpinningStyleRegular.gif" style="left: -32px; position: relative; top: -32px;" /> - </center> + <body style=""> + <div id="loadingcontainer" style=" background-color: #eeeeee; overflow:hidden; width:100%; height:100%; position: absolute; top: 0; left: 0;"> + <script type = "text/javascript"> + document.write("<div id='container'><p id='content'>" + + "<img id='loadgraphic' width='16' height='16' src='Resources/spinner.gif' /> " + + "Loading FloorPlan...</p></div>"); + </script> + + <noscript> + <div id="container"> + <div style="width: 440px; padding: 10px 25px 20px 25px; font-family: sans-serif; background-color: #ffffff; position: relative; left: -245px; top: -120px; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px; color: #555555"> + <p style="line-height: 1.4em;">JavaScript is required for this site to work correctly but is either disabled or not supported by your browser.</p> + <p style="font-size:120%; padding:10px;"><a href="http://cappuccino.org/noscript">Show me how to enable JavaScript</a></p> + <p style="font-size:80%;">You may want to upgrade to a newer browser while you're at it:</p> + <ul style="margin:0;padding:0; text-align: center; font-size:80%;" > + <li style="display: inline;"><a href="http://www.apple.com/safari/download/">Safari</a></li> + <li style="display: inline;"><a href="http://www.mozilla.com/en-US/firefox/">Firefox</a></li> + <li style="display: inline;"><a href="http://www.google.com/chrome/">Chrome</a></li> + <li style="display: inline;"><a href="http://www.opera.com/download/">Opera</a></li> + <li style="display: inline;"><a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet Explorer</a></li> + </ul> + </div> + </div> + </noscript> </div> </body> - + </html> + FloorPlan/index.html FlickrPhoto/index-debug.html FloorPlan/index-debug.html d42dd34872e1aa38a457dc208accfcce7e961901 Ross Boucher ross@280north.com http://github.com/280north/cappuccino-demos/commit/69cb4ecc49d522b7c30a75c86f4dfce1aded6c49 69cb4ecc49d522b7c30a75c86f4dfce1aded6c49

2009-05-18T21:15:54-07:00

updates to the floor plan demo af009bb8b4954b73fdfee2d2a8b74b962c510ba5 Ross Boucher ross@280north.com