Notes by James
Displaying keyword search results 1 - 10
Created by James on May 03, 2012 14:54:46
Last update: May 03, 2012 14:54:46
History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers. For HTML4 browsers it will revert back to using the old onhashchange functionality. All major browsers are supported.
This is a simple test page to get started:
<html>
<head>
<title>Test History</title>
...
Note: state url must be provided for IE to generate a unique hash. YOu can prefix the state url with '?' ('#' does not work).
Created by James on February 02, 2012 16:00:15
Last update: February 02, 2012 16:00:15
Video for Everybody seems to be a generic way to embed video in a web page, even without flash. This code snippet comes from that site.
<!-- first try HTML5 playback: if serving as XML, ...
Created by James on February 17, 2011 09:39:13
Last update: February 17, 2011 09:39:13
Create a file with contents ( mail.txt ):
To: recipient@example.com
From: sender@example2...
Send email with sendmail :
sendmail -t < mail.txt
or, in verbose mode:
sendmail -t -v < mail.txt
Created by James on September 06, 2010 03:09:35
Last update: January 11, 2011 21:24:36
With the following code, the body occupies the whole height (100%) of the browser window:
<html>
<head>
<title>100% body height</title...
However, when you add <!doctype html> to the top of the file, the browser renders the page in Full Standards Mode instead of Quirks Mode :
<!doctype html>
<html>
<head>
<title>100%...
In Full Standards Mode , the body no longer occupies the whole browser height. Why? Because body 's parent is html and the browser does not know the height of html ! Adding a height to html fixes the problem:
html {
height: 100%;
}
Created by James on October 11, 2010 19:01:28
Last update: January 11, 2011 20:38:56
Test page (click the "new window" icon to see the transition):
<!DOCTYPE html>
<html>
<head>
<title>jQu...
Created by James on October 11, 2010 18:14:41
Last update: January 11, 2011 20:36:01
Test page:
<!DOCTYPE html>
<html>
<head>
<title>jQu...
Documentation:
UI/Effects - jQuery JavaScript Library
Effects - jQueryAPI
Created by James on April 07, 2009 03:29:45
Last update: January 11, 2011 20:04:31
This is a test HTML form with almost all kinds of input types.
It is weird that both IE and Firefox list the fieldset in the forms[0].elements array as an element with undefined name , type and value .
<html>
<body>
<form name="MyTestForm">
...
Created by James on January 10, 2011 11:10:32
Last update: January 10, 2011 11:11:00
Following is the code snippet to embed a Flash swf file in a web page. The OBJECT tag is for IE, while the EMBED tag works for Firefox.
<HTML>
<HEAD>
<TITLE>Embed flash video in ...
Created by James on October 15, 2010 20:10:26
Last update: October 15, 2010 20:10:26
Download the Cufon Javascript and save it as cufon-yui.js .
Generate the font JavaScript and save it as myfont.js (upload the font file through http://cufon.shoqolate.com/generate/ ).
Add these lines to the header element:
<script type="text/javascript" src="cufon-yui.js">...
Replace selected elements with JavaScript like this:
<script type="text/javascript">
Cufon.rep...
Full HTML page:
<!DOCTYPE html>
<html>
<head>
<title>C...
Reference: Cufonize Your Pages – How to add Cufon to your Web Design
Created by James on September 10, 2010 23:01:14
Last update: September 10, 2010 23:01:14
By default, heights for jQuery UI tab panels expand or contract depending on the height of each tab. The code snippet here sets the height of all tabs to be equal to that of the container.
<!DOCTYPE html>
<html>
<head>
<title>jQu...
