Notes by James
Displaying keyword search results 1 - 10
Created by James on April 24, 2012 14:01:39
Last update: April 24, 2012 14:01:39
This is the Mathias Bynens placeholder plugin with several bug fixes of my own.
/*! http://mths.be/placeholder v2.0.7 by @mathias ...
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 March 27, 2009 03:20:58
Last update: May 08, 2011 12:32:31
Use show create table <tablename> :
mysql> show create table my_test_table;
+------...
Select from information_schema.table_constraints and information_schema.key_column_usage
mysql> select * from information_schema.table_cons...
Created by James on June 22, 2010 18:46:31
Last update: January 11, 2011 20:24:42
This is the page:
<!DOCTYPE html>
<html>
<head>
<title>jQu...
It renders like this in IE 7:
However, when you try to scroll to the bottom of the dialog, IE takes long time to respond, the it messes up the title bar:
Everything works fine if you take away the relative position in CSS:
<style type="text/css">
#dialog .input {
...
Created by James on May 24, 2009 20:14:25
Last update: January 11, 2011 20:07:38
In the following HTML code, I attached an inline handler to the text field input and added two event handlers with addEventListener / attachEvent . Both IE and Firefox called the inline handler first. But the order in which the added event handlers were called are different between IE and Firefox (IE calls attached_click2 first). Further, if I add the same event handler multiple times, IE calls the handler the same number of times. But Firefox only calls the same handler once, no matter how many times it was added.
<html> <body> <form> Input: <input type="... You can attach an event handler to an HTML element either inline , with JavaScript , or by calling addEventListener (DOM level 2), or attachEvent (IE specific). When you...
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 June 30, 2010 19:04:45
Last update: July 03, 2010 21:24:33
Technically, file upload cannot be handled by Ajax, because XMLHttpRequest (XHR) does not handle file inputs. All techniques not using Flash rely on an invisible iframe as the upload form submit target. JavaScript then grabs the response content from the iframe and present it, giving the same illusion as Ajax. webtoolkit AIM The technique by webtoolkit is very simple. It involves 3 simple steps: include the AIM script, implement the start/finish JavaScript functions, and add an onsubmit handler to the normal file upload form. The hooked up form looks like:
<head> <script type="text/javascript" src="webt... The AIM script is also quite simple: /** * * AJAX IFRAME METHOD (AIM) * http... The above code only supports HTML responses. In order to support JSON responses, the above...
Created by James on June 24, 2010 22:04:19
Last update: June 24, 2010 22:04:19
Start with this page:
<!DOCTYPE html>
<html>
<head>
<title>jQu...
When you click "Submit", the form submits fine.
Now turn the form to a jQuery dialog:
<head>
<title>jQuery UI Dialog</title>
...
When you click "Submit", the form no longer submits!
Why? When you convert the contents of the form into a dialog, the form becomes empty! The "Submit" button is no longer associated with the form.
Conclusion: you should always put the form tag inside the element you are converting to a dialog.
Created by James on March 16, 2010 16:55:51
Last update: March 16, 2010 19:29:28
I had this seemingly innocent code that did not work:
<html>
<body>
<script language="JavaScript"...
I fired up the Chrome JavaScript console and it told me that:
Uncaught TypeError: object is not a function .
When the name sameAsInputName appeared in the inline event handler, the browser thinks that it refers to the input field(s), not the JavaScript function!
It works as expected if you attach the event handler later:
<html>
<body>
<script language="JavaScript"...
Created by James on April 08, 2009 23:35:22
Last update: April 08, 2009 23:36:16
To disable an input field:
$('#the-field-id').attr('disabled', true);
To enable an input field:
$('#the-field-id').removeAttr('disabled');
