javascript form reset()

Today, I am looking at the a problem at form.reset().

I found out form.reset() function suppose to be reset all form objects to original values.

I have problem in this situation :
If I delete an OPTION from a SELECT, reset() function won't recover original item.

I can't find any answers on the web.

innerText and textContent

Try to use your HTML text/code for your confirm dialog message, below is my sample.



document.getElementById("msg").innerText is perfect for IE, but Firefox.

document.getElementById("msg").textContent works for Firefox, but loses all line breaks.



So I come out my solution :

<div style="display: none; visibility: hidden;" id="msg">
Deleting this category will lose all articles.
Do you really want to do it?</div>

<SCRIPT>
function confirmDeletion() {
 var msg = document.getElementById("msg").innerHTML.replace(/
/ig,"\n");
 if (confirm(msg) ) {
   ....
   form.submit();
 }
 return false;
}
</SCRIPT>

LEGEND and H2

<FIELDSET>
  <LEGEND><h2>build your pizza</h2></LEGEND>
  <LABEL><H3>select your toppings</H3>
    <SELECT name= "toppings" multiple>
      <OPTION>cheese</OPTION>
      <OPTION>Pepperoni</OPTION>
    </SELECT>
    </LABEL>
  <LABEL><H3> pick a crust:</H3>
  <INPUT type= "radio" name= "crust" value= "deep dish" checked> deep-dish<BR>
  <INPUT type= "radio" name= "crust" value= "whole wheat"> whole wheat</LABEL>
</FIELDSET>

In the above sample layout, I can see the header H2 in the Fieldset outline correctly only in IE, but Firefox.

This gives me some trouble. I would like to use FIELDSET for better layout. Also, I would like to use H2 for better accessibility -- screen reader (JAWS) can separate different section of content. Unfortunately, it doesn't look great in Firxfox. Sine I have urgent of accessibility. I need to drop FIELDSET/LEGEND.

Silverlight

Just install silverlight on IE7.

After refresh the silverlight home page, I got

Silverlight Error :

Error Type: DownloadError
Error Message: AG_E_NETWORK_ERROR
Error Code : 4001


Not very good start.

Excel can't open .csv file with UTF-8 encoding content.

This is my another day pain.

This is what open office can do, but not excel.

MSN virtaul Earth

It's interested three major internet services(Google, Yahoo, MSN) competing each other. Microsoft is the one like to chase Google.

Google got the 3D Map for a while. I were fascinated that we can fly around the around and see trees, rivers, houses. The satellite map is really helpful to visualize the distance from the top and give me more solid idea from point to point and turn to turn because I can always reference the building, landmark. I trace through train rail line, my bike route, and optimize the local route.

At sometime, MSN came out satellite map, too. Unfortunately, the map was so old. I didn't see my house and the community I living and that's black white. I were wondering that picture was taken back to '80s. Despite the recent MSN claim whatever they have and improvement, I still see the same old map.

Safari 3 auto update

One time, I did update to 3.01. After that, I still got 3.02 upgrade dialog.
I was busy at that time, and decide to do it later. So, I canceled the upgrade.

Well, where is the auto upgrade in the Safari 3? I don't see it in the menu and preference.

I just want to check Safari is still hanging in https.

HTML required fields

In HTML5, it defines "required" attribute for the required fields. The example is

<ul>

<li><label> Name: <input type="text" name="name" required="required" /></label></li>

<li><label> Comment: <input type="text" name="comment"
/></label></li>

</ul>



In the W3C WCG20, SCR25: Using Dynamic Web Content Accessibility to programmatically identify form fields as required, it also mentions "required" attribute for required fields. But, in that script sample, it shows

setAttrNS(field, "required", "true");

And, screen reader should be able to read out.



Both above sites use the same attribute "required". My question is here :

Can screen reader still read out if required="required"?

I incline to HTML5 since it's much clean and easy in the design.

AWAI Member :: View topic - For Those Who Use XSitepro...

AWAI Member :: View topic - For Those Who Use XSitepro...

Copy-and-paste from word containing the following line is really trouble.


<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />


I am wondering what kind of environment will produce that namespace.

Safari 3 on Vista

I just have a Safari 3 installed on Vista. I am experiencing extreme slow in https. Almost, can't load the page and eventually crash.

I am still looking some sites. It's interested to see mac style (scroll bar, button) on the window. Even, the native style of BUTTON tag.

IE input % width problems

IE input % width problems

Today, I got the same problem, too.

Tableless forms?

I don't know why eveyone talking how tableless is good.
In this sample, it looks good, but it's not portable since it hard code the width.

Eclipse features

I am getting frustrated on Eclipse. I have very a large of code base. One time, I may open more than ten files.

1, I may put some debugging code in the java files, like System.out.println(). But, when I finish, I may forget where do I put the debugging code. Therefore, I need to search all open files -- tons of files. I can't just search workspace, some of debugging codes are for testing. Now, I am missing my favor java editor, jEdit. It allow me to search all opening files.

2, When I open java and html files, but it's getting hard to manage them. Eclipse should have view of all open files. Or to have better way to group different file extensions. Right now, it is hard to look up other files.

3, Another my favor feature in jEdit is tab/space character indicator. My code base is huge and a lot of legacy issue. I need to use space for indentation, but I want to know any tab characters in the files.

Technology Review: Battery Breakthrough?

Technology Review: Battery Breakthrough?

Along this article, those peoples' comments are most knowledge I ever read.

IE line-height style bug

I have the following HTML code. The images are really the trouble to line-height style. You can see that when window is very small.

Yahoo is your e-mail portal
Goolge is your search portal
Amazon is your shopping portal

<DIV style="line-height:250%;">
<IMG SRC="http://i.i.com.com/cnwk.1d/i/hdft/xml_sm.gif" ALT=""><A HREF="#"> Yahoo is your e-mail portal</A>
<IMG SRC="http://i.i.com.com/cnwk.1d/i/hdft/xml_sm.gif" ALT=""><A HREF="#""> Goolge is your search portal</A>
<IMG SRC="http://i.i.com.com/cnwk.1d/i/hdft/xml_sm.gif" ALT=""><A HREF="#""> Amazon is your shopping portal</A>
</DIV>

Yahoo is your e-mail portal
Goolge is your search portal
Amazon is your shopping portal

<BR><BR>
<DIV style="line-height:250%;">
<A HREF="#"> Yahoo is your e-mail portal</A>
<A HREF="#"> Goolge is your search portal</A>
<A HREF="#"> Amazon is your shopping portal</A>
</DIV>

Apple - iPhone

Apple - iPhone
It has built-in google map. That's cool.
What kind of connection for google map? Does it has intelligent to use wi-fi connection if available?

innerHTML

I have few troubles about innerHTML

1, In Firefox, it can't copy the INPUT text object's value attribute and SELECT object's selectedIndex property.

2, Style sheet won't be copied from one window to the other window.

3, In the TEXTAREA, I have one space and one non-break space(nbsp). Then, I assign this TEXTAREA value into an object innerHTML, but one space left.

Dynamic HTML creation

I would like to compare the performance of dynamic content creation between document.createElement and innerHTML, because I were looking how to improve the very large table rendering.

I found an very interesting article :

JavaScript optimization: Adding DOM elements to document

This is definitely worth to give it a trial. I am somehow to prefer to use innHTML, because it's easy to trace down the code. But, sometimes, DOM manipulation can't be avoided.

Java SE Performance at a Glance

What is SUN's promotion for Java SE6?

This page http://java.sun.com/javase/technologies/performance.jsp is so old. Today, I see last article posted December 2005 and only Java 5 mentioned in this page.

This Much I Know - » inline-block in FireFox

This Much I Know - » inline-block in FireFox

Just learn Firefox display style -moz-inline-box and -moz-inline-block.

What's the difference?
For two nesting DIVs.

When outside DIV is "-moz-inline-box" and inside DIV is "-moz-inlineblock", then
"-moz-inline-box" allows to expand the width if content length overflow.

When both outside and inside DIV are "-moz-inline-block", then
content will be overlay if inside DIV content length overflow.