iPad is finally announced a few days ago on Jan 27, 2010. Everyone everywhere is talking about iPad, and I mean everywhere on this planet. It sure has created the biggest buzz I have ever seen since Windows 98. iPhone was exciting, and a very successful product now. I didn't take as much notice at the time as I did for iPad, partly I guessed people didn't know what to expect from Apple for a phone. This time people seemed to have set a high bar for this new product.
I still am not sure why I would buy an iPad at this point. If I carry a notebook already, I would be able to more on a notebook than an iPad. By the way, I do have an iPhone, which is much easier to carry, and can serve as a phone, an email client, a light browser, an e-reader, a camera, and a video camcorder.
However, there is a market for this device. It will KILL all the existing e-reader to-date, and likely gain some of the market for netbooks. I haven't tried the virtual keyboard yet, so I don't know how good it is, and whether it can do for some serious typing. One thing I do find bad for netbooks are how small the keys are, and it is not comfortable typing there.
One thing that I think that it will be cool to do is to marry iPad and Wii, so that we can play some online network games with an interactive input device anywhere.
Friday, January 29, 2010
Sunday, January 24, 2010
My first webapp on iPhone
Steps to create a simple webapp on iPhone:
- Create a web page with a button.
<html>
<head>
<meta name="viewport" content="width=device-width; initial-scale=1.0; user-scalable=0;"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="default"/>
</head>
<body align="center">
<input type="button" value="My Button"/>
</body>
</html> - Enter the URL for this webpage in the Safari browser.
- Press the '+' sign and click the Add to Home Screen button.
- Enter the name for this webapp.
- Voila! An icon representating the webapp is created on the last page of the app icons.
- Click the new icon, and see your webapp in full screen.
Note: I omitted details on how to put this webpage on a web server.
Touchscreen Monitors
This site sells some not-so-expensive touch screen monitors.
http://www.lcdtft.com/search_result.asp?CATEGORY=Commercial-Industrial%20Touch%20Screen%20LCD%20Monitors
http://www.lcdtft.com/search_result.asp?CATEGORY=Commercial-Industrial%20Touch%20Screen%20LCD%20Monitors
Set focus to an html input box and set the cursor to the end of the string
<html>
<head>
<script language="JavaScript">
function setFocus()
{
// Without line 1 and line 2, the cursor will be at the beginning.
value = document.getElementById("input1").value; // line 1
document.getElementById("input1").focus();
document.getElementById("input1").value = value; // line 2
}
</script>
</head>
<body>
<input id="input1">some text</input>
</body>
</html>
Forcing a webpage to open in full screen with javascript
If you want to force a webpage you write, e.g. webpage.html, to go full screen when others access it. The following is a way to do it by creating a driver page to launch the real page.
<html>
<head>
<script language="JavaScript">
// We can't set anything inside a given webpage to
// go full screen when opened. We have to another
// html to start the page we really want in full
// screen, and close this starter page afterwards.
// Remember that we need to use Alt-F4 or Ctrl-w
// to close that full screen page.
function fullScreen( url )
{
// Open a new window in full screen mode
window.open( url, "", "fullscreen=yes" );
// Prevent the close window prompt from popping up
window.opener = 'x';
// Close this current window itself
window.close();
}
</script>
</head>
<body onload="fullScreen( 'webpage.html' );">
</body>
</html>
Labels:
full screen,
fullscreen,
html,
javascript,
webpage
What is this blog about?
I am going to use this blog to log things about me or interesting to me, so you may find the topics quite random. I do have other blogs that are more focused:
Taiji: http://ktaiji.blogspot.com/
Parenting: http://kparenting.blogspot.com/
Taiji: http://ktaiji.blogspot.com/
Parenting: http://kparenting.blogspot.com/
Subscribe to:
Comments (Atom)