FAQTs - Knowledge Base - View Entry - How can I access the LABEL text for a INPUT field with DOM methods?

DOM should provide an method to look up field name easily.

Then, it will be helpful when do scripting for required field, spell check.

Read more at www.faqts.com/knowledge...

WinMerge

Finally, I got the diff tool which met my need. It can compare two files side by side. For those lines with difference, it can highlight the word difference and lists top/bottom panels.

Previously, I downloaded a copy of WinMerge from www.download.com. That was so out-of-date.

Read more at winmerge.sourceforge.ne...

CanvaSVG — A Static SVG Tiny 1.2 Implementation Using the <canvas> APIs

If 3D APIs are implemented in canvas, then you will see how easy to draw image. Anyway, SVG should have advantage of event handling.

Read more at fuchsia-design.com/Canv...

Apples To Oranges - CSS For Bar Graphs

I am looking a js canvas lib to do bar chart and pie chart with nice 3d effect.

Read more at apples-to-oranges.com/b...

diff

Still look for a good diff GUI. Currently, I have WinDiff, WinMerge, and ExamDiff Pro.

Generally, WinDiff can meet my requirement when comparing two files, but not directories. I can't believe why MS can't get this simple thing right. All files' name are lowercase listed when two directories are compared. When copying the different files, all files are lowercase.

I wish WinMerge shows line number in the gutter. The default font should be fixed size.

ExmaDiff Pro looks like is powerful, but not free.

Google home pages get even more personal | CNET News.com

Google always has some interested idea. I just browse Google homepage API. Basically, it's set of XML definition for google to construct web pages. Well, it's so call API, not for average people.

Set style 100% width in text field

In HTML,
<input name="subject" value="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" style="width: 100%;" type="text">, IE really mess up the layout due to the very long value.

I switch to <textarea name="subject" style="overflow: hidden; width: 100%; height: 1.5em;"></textarea> and believe this is better UI. But, I need to strip out line break and, maybe, implement row auto expanding -- just like yahoo e-mail composer's TO field.

This solution is good for me, since I don't have size limition for subject field.

Opera 9

Just played around Opera 9 beta. It's a lot of imporvment. Correct style sheet problem I have. Finally, designMode is here. It's show time for HTML editor.

Safari 1.3 and 2.0

Just get a G4 updated to 10.4. Playing around Safari 2.02 a little bit, I didn't see any improvement in javascript.

Javascript associative array length

var fooArray = new Array();
fooArray["a"]="a";
fooArray["b"]="b";
fooArray["c"]="c";
alert(fooArray.length);

Guss what the result is here? It's 0.

Windows Live

Just played www.live.com a bit. The AJAX benefit is very obvious. No need to have fancy interface, but simple and easy to use.

Finally, I can move out my.netscape.com and my.yahoo.com. Yahoo also have another beta site 360.yahoo.com, but really don't feel any catching -- need to figure out how to fill in the boxes.

This time, MS does much better job than virtual earth. There is still one thing may hold me to use it -- it's hotmail. The hotmail interface and usibility need to catch up. Hotmail need to provide the e-mail address found as typing like yahoo, gmail did.

Form File Filter

1, input name="pictures" accept="image/*" type="file"
2, input name="pictures" accept="image/gif,image/jpg" type="file"
3, input name="pictures" accept="*.gif,*.jpg" type="file"

Just try the file type filter as acccept attribute. None of above works on IE6 and Firefox.

Bug 52500 - Cannot style INPUT TYPE=FILE completely

Another CSS incompleted support in Firefox.

Just update jEdit Antelope

In few cases, my antelope plugin causes jEdit hang. I have this problem in my new dell server periodly, but not my old server (no brand). This morning, I found a new antelope update 3.2.9. I installed it, but, unfortunately, not working. I restarted my jedit few time, the same error message was still there.



I noticed there was known issue, but what did that for me.
Anyway, I rolled back to 3.2.6.


The other thing I noticed about the file size of Antelop.jar. I saw 669k for 3.2.6, but only 579 for 3.2.9. Was there anything missing in this package?

Bug 311844 - Cannot Copy and Paste using 1.0.7

I am getting annoyed by this bug. I constantly can't paste into textfield, but it's ok into textarea. At this point, I need to restart Firefox. Anyway, to avoid any memory leak, I restart FF few times each day.

FAQTs - Get the faqts, and nothing but the faqts

Havn't been FAQTS for a while. I like new tabs looking, but not whole page layout.

Mandarin Design: CSS Opacity and Transparency

To apply opacity effect to IE for DIV, float:left need to be applied. This is tricky.

opacity style

In style sheet, opacity effect is still in css3 draft now. Most of modern browser are supported opacity now, but they are very different.

Let say
.op {-moz-opacity:0.5; filter:(alpha:50);opacity:0.5}

Firefox's -moz-opacity has best support.
IE's filter only works for TD tag, not DIV tag.
Safari's opacity works for DIV, SPAN tag, but not TD tag.

Please note the difference between IE and Safari. They are totally opposite.

AIM web mail and Netscape web mail.

Just notice that Netscape web mail updates the new interface which can be reached from http://home.netscape.com. The new interface is similiar to aim web mail, but a little bit better. aim web mail has banner ad in the middle of page. That's very annoying. Netscape web mail moves the banner ad in the bottom of page. It's less annoying.

IEBlog : Hello from LA!

IEBlog : Hello from LA!: "select"

Finally, the new IE7 get windowless SELECT object. It's hard to explain to non-tech people when my pop up has a hole on the selection.

Also, it's interested that IE7 get XMLHTTPRequest object. I bet MS is going to add some other favors on it.

Opera 8.5

Just installed Opera 8.5 and played around a little bit.
The speed is OK, but the layout / style sheet are still far from accuracy -- not even close to Safari.

A9 update

The A9 update is annoying. It takes the whole screen and can't switch to
this other application, until I kill firefox.

Anti-virus wiped out my inbox.

Today, a virus was caught in my inbox and symantec deleted my
thunderbird INBOX. Is there a way I can recover my inbox? Or, how to
prevent it happen again?

What's the difference between the value and innerHTML attribute in

This is the problem I just conquer in the Firefox.

For example, I have some space symbols in the textarea.
<TEXTAREA>&nbsp;&nbsp; abc</TEXTAREA>

1, <TEXTAREA onclick="this.innerHTML">&nbsp;&nbsp; abc</TEXTAREA>
I got "   abc".

2,
<TEXTAREA onclick="this.value">&nbsp;&nbsp; abc</TEXTAREA>
I got " abc".

CNN.com - Judge: Punk landmark CBGB's can't be evicted - Aug 11, 2005

CNN.com - Judge: Punk landmark CBGB's can't be evicted - Aug 11, 2005

I had been passed CBGB front door many many times since I went to NYU, but never a chance to visit it.
I should really find a day to go in.

Migrate apps from Internet Explorer to Mozilla

Migrate apps from Internet Explorer to Mozilla: ""

It's a very good article.
Just learn quirks and standards mode.
Currently, I have quirks mode

in the web application.
I try to change to
, then IE gives me layout trouble immediately. I have three-panel layout in my web appliction, which top heading, left menu, and main content.
In IE standards mode, the main content will extend the width.

Need to study more what's difference between there two modes.

MSN Virtual Earth

MSN Virtual Earth

Finally, MSN has a map system which is competitive to Google enough. The roadmap zooming is very interesting. However, the MSN satellite maps are black white and too old. I can see my house in google maps, but only trees in MSN. Also, the aerial label is little off.

Goggle maps

Very impressed google maps. Beyond satellite maps, hybrid maps, showing street on the satellite maps, are available. They really make others no competition.

Yahoo photo mail again

Yesterday, I was able to install yahoo photo mail on windows 2000. But, today I couldn't install it to xp at all. I tried to save the file and only 70K. Most like the installation file couldn't be downloaded completely.

So today, I still sent out photos in the attachment. I had 4 photos and took a while to upload them. Photo mail should be able provide a better interface, so normal users can understand. We need to wait.

Yahoo Photo mail

Just tried Yahoo photo mail. I don't have any particular point for the
mail composer, but I really don't like the character verification.
I don't really get the point why yahoo need character verification. If
Yahoo has done the right authentication, why bother need to have
character verification. By the way, some of characters are hard to read.
Just feel it's inconvenient.

Download fonts | dafont.com

Download fonts | dafont.com

Just downloaded some fonts and installed them. I like the freeware fonts, but what is called Emailware and Linkware. I like "Abuse" font, but is free for personal use.

Download Nvu 1.0

Download Nvu 1.0

Just install and try it.
Still not useful for my work.
1, Can't open css file.
2, HTML, HEAD, BODY tags are inserted when a file with html fragment.
3, No file manager.

Safari and background color problem

Safari and background color problem

Another Safari problem. Sigh! Sigh!!
After I removed "background-position:center;", then background image can be rendered correctly.

Google Earth

Just installed Google Earth. Unfortunately, my video card in the dell
server does not meet the minimum requirement.

IEBlog : Using rounded corners with IE today

IEBlog : Using rounded corners with IE today

The MSDN solution is overkill.

Try
http://openrico.org/demos.page?demo=ricoEffectRound.html

By the way, it's my first time trying to add the above comment in MSDN. It didn't seem to go through. Sigh. What a MSDN.

The KOffice Project - Krita

The KOffice Project - Krita

From the features, looks more than painter.
Does it do something like GIMP?

If open source can coordinate, that's win-win situation.

Search and browse smarter with MSN Search Toolbar, now with Windows Desktop Search

Search and browse smarter with MSN Search Toolbar, now with Windows Desktop Search

Just installed MSN toolbar. My experience is very new, but I don't the like window filkering when switch tab.

Networking Pipeline | Google Maps Tinkerers Make Demographic Data Come Alive

Networking Pipeline | Google Maps Tinkerers Make Demographic Data Come Alive: "Housingmaps.com"

This is very interested integration through image. Usually, web integration with other domain names is restricted by browser security.

Surfin' Safari

Surfin' Safari I heard all the good thing in safari. Obviously, Safari make a lot of improvement recently. But, sometimes, I really doubt it. Does it works like charm?

Yesterday, I just suffered a js String.replace() problem in safari, which had no problem for IE and Firefox. By the way, does execCommand() really work?

Deer tragedy

On my way to work, 20 miles, 6 deers laid on the highway. Some of them
were there few days.
We have such great outdoors environment in here and we enjoy the
convenience of express way. Unfortunately, not good for wildlife.

In my community, the mother deer just has a little deer this year. I
hope those two one-year deers with this mother deer prior year don't
make any journey to human road.

Range

In Firefox, what's the IE equivelence of range.select()?

Security Pipeline | Review: Netscape 8 Is Better Firefox Than Firefox

Security Pipeline | Review: Netscape 8 Is Better Firefox Than Firefox

It's very interested. Some like it; Others dislike it.

I am very curious about the IE engine embedded.
As you heard, IE7 is a tabbed browser in the near future, but at this point, each tab in Netscape 8 is an IE. So what happen Netscape 8 with IE7 engine? Can it be doule-layer tabs?

Looking JS function which convert BR tag to DIV tag.

I am looking a JS function can convert BR tags to DIV tags.

For example :

LINE One<BR>
Line Two<BR>

Then convert to

<DIV>LINE One</DIV>
<DIV>Line Two</DIV>

How to associate IE favorite shortcut key?

Browser shortcut key is convenient for your most visit sites.
In FireFox, I have set up "yahoo" for http://mail.yahoo.com.

I try to find the similar feature in the IE. In the favorite property
dialog, I find Shortcut Key in the Web Document tab. But, it say "None"
and I can't change it at all. What's wrong in here? How do I set it up?

AOL browser

When I start AOL browser, I notice three more service running in window
task manager.
One AOLHostMonager.exe, two AOLServiceHost.exe. They takes some space,
and only one AOLServiceHost.exe goes away when AOL browser is closed. I
really don't like it.

Messaging Pipeline | AOL Launches Web-Based AIM Mail Beta Today

Messaging Pipeline | AOL Launches Web-Based AIM Mail Beta Today

Another comment about AIM e-mail :
1, The interface is modern and neat, except the annoying banner ads. Well, the ad is how AIM to make money. I suggestion text ad.
2, AIM mail has Interesting spell checking interface. Easy for user to locate typo, but not accessible definitely. Well, like this kind rich text interface, ADA compilance is always sacrifice.

IE and getElementById

See the following code. Guess which node id is "foo".
Firefox will tell you "INPUT", but IE "FORM".

<SCRIPT language="javascript">
function checkFoo() {
var fooNode = document.getElementById("foo");
alert(fooNode.tagName);
}
</SCRIPT>
<FORM name="foo">
Name : <INPUT type="text" id="foo">
<INPUT TYPE="button" onClick="checkFoo()" value="Get Foo Node">
</FORM>

IBM backs Firefox in-house | CNET News.com

IBM backs Firefox in-house | CNET News.com

I hope IBM Home Page Reader supports Firefox.

AOL offers free email | The Register

AOL offers free email | The Register

I just played around it. The big banner is very annoying.
Don't see any big innovation in the interface. The pull down menu is not big deal.
There are a lot of javascript errors.

The HTML editor looks like from HTMLArea.

Ground Hog

Two days ago outside my window, I saw a ground hog cross street and
hidden under a tree near by road. I saw that ground hog yesterday, but
not today. The local traffic is so busy, I hope she move to safe territory.

IE can't set innerHTML for TBODY

In the following HTML, IE gives me "Unknown runtime error" at node.inner=fooBody.



<TABLE border="1">
<THEAD>
<TR><TH>Col 1</TH><TH>Col 2</TH><TR>
</THEAD>
<TBODY id="fooTbody">
</TBODY>
</TABLE>

<SCRIPT language="JavaScript">
var fooBody = "<TR><TD>Cell 1</TD><TD>Cell 2</TD></TR>";
var node = document.getElementById("fooTbody");
node.innerHTML = fooBody;
</SCRIPT>

Thunderbird disappointed.

I just installed thunderbird, then imported mail from NS 7.2.
I could see some folders and mails.
Unfortunately, when I opened it again, I only saw few folders, no mail.
I uninstalled it and reinstalled it again, but I just couldn't see the
import tool again.

I searched web. There were few sites telling people how to configure
profile manually.
It just got me crazy. Back to NS 7.2 again. Sigh! Well, At least, I
still can receive Netscape web mail.

Opera table problem when multiple THEAD

Opera doesn't seem to render table row in order when multiple THEADs.

See table sample :

Head one
Body one
Head two
Body two

HTML Code sample :
<TABLE border="1">
<THEAD><TH>Head one</TH></THEAD>
<TBODY><TD>Body one</TD></TBODY>
<THEAD><TH>Head two</TH></THEAD>
<TBODY><TD>Body two</TD></TBODY>
</TABLE>

How to know current style?

How to know current style?

<script language="JavaScript" type="text/javascript">
function checkStyle(node) {
if (document.all) {
alert(node.currentStyle.fontStyle);
} else if (window.getComputedStyle) {
alert(window.getComputedStyle(node,null).getPropertyValue("font-style"));
}
}
</script>

<em onclick="checkStyle(this)">This is italic. Try to click me.</em>

How to control HTML tag style?

I can use javascript to control BODY style like

document.body.style.fontFamily = fooFont;
document.body.style.fontSize = fooSize;

How about for HTML tag?
You may question me what's for and what's the point since all html tags
are inside BODY?

I am working on HTML editor.
In Firefox, I turn on designMode inside IFRAME. I click a brand new
document, then Firefox tells me I am clicking HTML tag, not BODY tag.

rgb color

In Firefox, I can get a node color in javascript like
window.getComputedStyle(node,null).getPropertyValue("color")
Then, I get rgb(0,%200,%200) for black and rgb(255,%200,%200) for red.

I try to convert them back to hex code, but what does "%200" mean?

Opacity

Does Safari fully support opacity?

Try Safari, and see the difference in the line two.
--------------------------------------------

Line one : no opacity.

Line two : 50% opacity in TD.

Line three : 50% opacity in DIV.

--------------------------------------------

Annoying image alignment.

Since Mozilla can't render vertical alignment correctly (Bugzilla Bug 276766) .
Then, I come out this solution.
------------------
A IMG {border-width:0px; vertical-align:-1px;}
-----------------

Unfortunately, this cause more truoble for IE 6.
1,  The inline align doesn't work.
<A HREF=# ..><IMG align="left"></A>

2, Table cell height can't be control any more.
<TD><A HREF=# ..><IMG xxx></A></TD>

Safari 1.3 designMode

In Safari 1.3, I try to turn iframe designMode="on".
I can type in something, copy/paste, and turn text bold by ctrl+b, but nothing happen when I try to use execCommand() to apply bold font.
Not sure what's going wrong, but I doubt either document or TextRange object not same as IE/Mozilla.

So far, the available resource is very limited. I see few people raise this question in Dave Hyatt blog, but no one have answer yet.
Event, Apple doesn't provide any sample.

Not sure is good idea to implement HTML editor for Safari 1.3.
Safari 1.3 is Apple a big step, but still have a lot of things need to improve.

Safari 1.24 and Safari 1.3 coexist

Before I updated to OS 10.3.9, I duplicated Safari, and I renamed the
duplicated one as Safari 1.2.4.

After I updated to 10.3.9, I found that duplicated one became 1.3, so I
renamed them properly.
I got one called "Safari 1.2.4", the other "Safari 1.3".

Then, I checked both user agent.
Safari 1.24 : Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en)
AppleWebKit/312.1 (KHTML, like Gecko) Safari/125.12
Safari 1.3 : Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en)
AppleWebKit/312.1 (KHTML, like Gecko) Safari/312

I am wondering that Safari 1.24 is really 1.2.4 or not.

Expand iframe to no scroll bar

I have a piece of JS code to expand iframe size, then scroll bar disappears.

//sample iframe code for ccExpandIFrame
//<IFRAME SRC="foo.html" NAME="dynamicFrame" marginHeight="0" marginWidth="0" width="100%" //FRAMEBORDER="no" SCROLLING="yes" onLoad="ccExpandIframe(this)">
//</IFRAME>
function ccExpandIframe(fooFrame) { // only good for page in the same domain name.
 
  location.hash="#";      
    var fooWin = eval("window." + fooFrame.name);
  if (document.getElementById) {
      try {
      //if (location.hostname == fooWin.location.hostname) {

            var fooBody = fooWin.document.body;
            var fooHeight=fooBody.scrollHeight + fooBody.offsetHeight - fooBody.clientHeight;
            var fooWidth=fooBody.scrollWidth + fooBody.offsetWidth - fooBody.clientWidth;
            fooFrame.style.height = fooHeight;
            fooFrame.style.width = fooWidth;
        fooFrame.style.borderStyle="none";
            if (document.all) {
          fooBody.scroll="no";
          fooFrame.frameBorder=0;
        }
      //}
      } catch (e) {}
  }
}

But my problem is when I try to include other site into iframe, permission denied is triggered. Once cross domain, the other domain window object can't be accessed.

The only way I can access is IFRAME object. Still need to find out a way when IFRAME showing scroll bar, but it's pretty much dead end.

Alex Blog: Tableless layout

I posted in from my e-mail client, why my html code shows up?

Let me enter my previous sample codes again.

<table>
<tbody><tr>
<td align="right">Name : </td>
<td>Alex</td>
</tr>
<tr>
<td align="right">Phone :</td>
<td>555 1234</td>
</tr>
</tbody>
</table>

Tableless layout

I really try to reduce tables in my html page; especially, nesting tables.
But, when I try to implement it, there are a lot of challenge, like
browser bugs or no way to do that.

For example, I have a simple table layout like that :
.............

Name :	Alex
Phone :	555 1234

............
I would like to have the first column right alignment. I can't use fixed
width for the first column, since I may have very long label.

I would like to find out what is the equivalent html code for the above
sample. Remember, this layout can be in the middle of page or end of page.