FIELDSET/TABLE Padding

Another headache about FIELDSET. I have two FIELDSETs side by side ( left and right).
The left side is for Work Address and right side is for Home Address. They are almost same except Organization and Position in Work Address.

I try to make there two FIELDSETs in the same height with style sheet height:30em, but Firefox gets more space in the bottom.

Finally, I find that IE will have margin on the top/bottom of each INPUT text field. So far, I have no luck to remove the extra margin on the top/bottom of text field.

CLC-4-TTS and Fire Vox

I am looking a screen reader for Firefox itself for a while. Few days ago, I heard Fire Vox from Frank Hecker.

I tried to install it few times, but still no luck. I hope a copy of Fire Vox hosted in mozilla extension.

Safari contentEditable

Interested move -- Safari is going to use contentEditable behavior to do textfield. It's definite to benefit css. My immediate question : does this apply to textarea, too? And, is this really compatible since people were talking about range issue in the contentEditable?

Actually, my major concern is when scrollbar will be always displayed correctly in the textarea.
Right now, if textarea is small, the up/down arrow won't display.

Safari always claim great feature. When I examine it, it's kind of crippled.

Eye on rival YouTube, Atom overhauls video site

Just Check AtomFiles web site. They don't have the major feature, random select films in the front page, like YouTube. Sometimes, I just want to browser it, but not any particular topics.

Suggestion to Google toolbar

So far, I can't a spell check extension for Firefox in windows. The spell check Google toolbar may be helpful. But, I think, it can be more helpful if the spell check function is the context menu. Some of my web forms are on the pop up window.

Heavy

"This will be over faster than your last relationship" and ".001 percent of your daily ad intake" are the sorts of wisecracks users see right above the video commercial that greets them when they visit Heavy.com.

Just try to look at it what is that. Is this another site like youtub.com ?
My guess they are suffering the growing pain now. I just can't connect the site.

Flash and Flex

Whatcott said the Adobe platform supports things that AJAX does not support, such as programmable audio, video, vector graphics, synchronous publish/subscribe data connectivity, offline data storage and cross-domain data access.

Constantly, I use iframe to add other domain content; however, there is always security issues and can't expand iframe to content max size. Just read an article from eweek and put a quote on the top. Is flash my solution?

Safari Compatibility Hit List

The WebKit Open Source Project post compatibility hit list today. Usually, using Safari to look at a pure thml page is great -- nice and neat font. But, when looking at more complicated pages, safari is like the secondary browser. It lacks HTML editor and a lot of JavaScript issues.

Besides standard compatibility compliance, I hope Safari can catch up usability.

Acrobat User Community

My first throught about www.acrobatusrs.com is message board. People can post question to get help from web community. But, when I vist the site. I see blogs and some other learngin materials, not message board. Anyway, this is great move for adobe.

I have mixed feeling about PDF file. I would like people to send me PDF file instead of MS word file, but in the web, I will try not to open any PDF file. I think Acrobat reader is a monster as many reasons.

Read more at www.acrobatusers.com/

Web-based Intranet and Internet Information and Applications (1194.22)

Sestion 508

(n) When electronic forms are designed to be completed on-line, the form shall allow people using assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues.

There is a grey area on checkbox and radio button. Where do I put LABEL.

For example :

Accessories :

[ ] Printer

[ ] Monitor

[ ] Keyboard

[ ] Mouse

I believe each checkbox need to associate a LABEL with text on the right side.

Read more at www.access-board.gov/se...

Google unveils Web page creator | CNET News.com

Like to see how google doing the web pages. Unfortuately, the system said a little hiccup at this moment.

Read more at news.com.com/Google+unv...

MAC OX 10.4.5

Just upgraded from 10.4.4. I still couldn't get IE 5 work. I understood IE was unsupported on MAC. I could open up IE, but "Finder" came up if I clicked any links on IE. That's kind of weird.

I also installed Camino yesterday, so far so good.

Safari and Textarea

Safari try to take some advantage native UI; unfortunately, the TEXTAREA is not quite right.

1, The scrollbar up/down arrow can't be shown, if rows less than 4.
2, Try to control textarea height, but scrollHeight is fixed number and never be changed.

Open Source Flash - osflash

Push down binary object at runtime -- it's a dream idea for web developer. It's going to be lightweight and fast.

However, Flash is really another world for me. Get the idea, but don't know how to start a sample.

Read more at www.osflash.org/

Linux users say OS needs touch-up with Photoshop | CNET News.com

GIMP is my favorite graph tool. It's free. Since I am not professional graph designer, I only use some very simple tools on windows XP. And, it works for me.

Read more at news.com.com/Linux+user...

JavaScript Graphics Development

The other day, I were thinking how to draw fourier wave by using javascript canvas. At that moment, my assumption was that as long as I could figure out how to draw sin and cos, then I could do that.

Now, I just looked at the site http://davidbetz.net/graphics/ how to draw sin and cos. To draw a wave, it draw pixel by pixel. In this case, I need to work on my math how to calculate intrgral, then draw a fourier wave.

Read more at davidbetz.net/graphics/

9X Media - FAQs

It's amazing -- LCD display wall and made in the USA. I am wondering USA actually produce LCD panel.

My guess wall street must have a lot of LCD walls.

Read more at www.9xmedia.com/pages-B...

SeaMonkey Releases

 I just downloaded a zip version of SeaMonkey and opened it, but it didn't seem to accept cookies. By the way, that interface is just too old.

Read more at www.mozilla.org/project...

OSNews.com

People reporting 10.4.4 were buggy.

No wonder the other day I opened IE on MAC, none of links counld be clicked. At that moment, I thought Apple really forced people to use Safari.

Read more at www.osnews.com/comment....

The W3C Markup Validation Service

Today, first time I put my web page into w3c validator. Not to mention countless errors.

But, I have to two fundamental errors :

1, In web page I have

meta equiv="Content-Type" content="text/html; charset=iso-8859-1"

, but apache send out utf-8 encoding in the responding header.

2, Unencoded ampersands in URL

Link like href="q?p=welcome&id=" was failed.

According to http://www.htmlhelp.com/tools/validator/problems.html#amp

, it should be href="q?p=welcome&id="

Read more at validator.w3.org/

brandchannel.com | brandchannel Readers Choice Awards 2005 | Brands Rankings, Research, Lists | branding and marketing portal | brand | brands | branding

I probably watch not much TV. I know craigslist classification and go to Whole Foods a lot, but I just don't know Lance Armstrong.

Read more at www.brandchannel.com/st...

IEBlog : For the SELECT few...

First, I am wondering how many peoples are working on IE?

As to SELECT (MS combobox), it's most buggy object in IE.

Now, they have windowless fix. The other problems I have :

1, OPTION style sheet support.

2, If a LABEL object is associated with SELECT. Click this LABEL, then the related SELECT get focus. Unfortunately, the SELECT always select the first item.

3, Use style sheet to set a small size to SELECT object. When drop down pop up, the longer item OPTIONs will be cut off.

Read more at blogs.msdn.com/ie/archi...

printfire()

Just like inline output from Firebug extension.

printfire("hellow world");

It's much easier than standout output "dump".So, no more alert(), no more dump() for debuging.

There is no way to use IE as my default development environment.

Read more at www.joehewitt.com/softw...

Mozilla Update :: Extensions -- More Info:FireBug - All Releases

It's much better than console2. Nice UI. My favorite part is js error indicator. This is very useful. I don't need to keep my js error console opening.

Read more at addons.mozilla.org/exte...

Bug 184968 - Implement Sidebar tab similar to "Page Holder" function in Mac IE 5

I like IE5/MAC showing tool tab on the left side of window. AOL Explorer has this kind of feature, too.

jEdit is my favorite java editor. It has this kind of feature. I can hide all add on tools on the side panel and reserver the main window for the file I am working on.

Read more at bugzilla.mozilla.org/sh...

Surfin’ Safari » Blog Archive » Introducing the Web Inspector

It's much better and useful than Firefox DOM Inspector.

Read more at webkit.opendarwin.org/b...

Animation giraffe again.

Can you move?

Giraffe

I heard once giraffle's head hit the ground. That's over.

Apache HTTP Server Project

Apache released 2.2 in the early of December 2005. The feature list is excited. It has Tomecat load balancer.

But, So far, I don't see window binary distribution. By the way, what's is "Apache Portable Runtime (APR)"? It's sort of virtual Machine like Java.

Read more at www.apache.org/dist/htt...

Music stops for Mac Windows Media Player | CNET News.com

Great news for mac. MS always offer their softwar into other platform differently, not full features. By the way, it's not for sale. It's better to kill it.

Read more at news.com.com/Music+stop...

Bug 160162 - MARQUEE loop property not supported

This other day, I tried to implement alert message (like system tray -- show, then come down to hide) with marquee tag. Sooner, I realized Firefox didn't support loop attribute.

Read more at bugzilla.mozilla.org/sh...

Firefox innerText

I just implemented a method to get innerText. It's for a complicated document.


function ccGetMZInnerText(element) {

var innerText = "";
if (element.hasChildNodes()) {

var displayType = window.getComputedStyle(element,null).getPropertyValue("display");
if (displayType != null && displayType!="none") {
for (var i = 0; i <>
if (element.tagName=="P") innerText = "\n" + innerText;
innerText = innerText + ccGetMZInnerText( element.childNodes[i] );
}
if (displayType!="inline") innerText = innerText + "\n";
}

} else {

if ( element.nodeType == 3 ) {// text
innerText = innerText + ccTextCorrection(element.nodeValue);
} else if (element.nodeType == 1) { //object
var displayType = window.getComputedStyle(element,null).getPropertyValue("display");
if (displayType == null || displayType=="none") {
} else if (displayType=="inline") {
innerText = innerText + ccTextCorrection(element.textContent);
if (element.tagName=="BR") innerText = innerText + "\n";
} else {
innerText = innerText + ccTextCorrection(element.textContent) + "\n";
}
}

}

return innerText;

}

function ccTextCorrection(fooString) { //replace to blank, and remove line break.
return fooString.replace(/ /g, " ").replace(/\n/g, "").replace(/\r/g, "");
}

Web Applications 1.0 - ping

Ping -- it's interested attribute for hyper link (A). Firefox just have it. Is this good for tracking system? Got to find a good use case.

Read more at whatwg.org/specs/web-ap...

Surfin’ Safari » Blog Archive » WebKit is now in Subversion

Recently, just migrated from VSS to CVS, and felt a lot of pain.&nbsp; So far I got WinCVS the best, but the interface was still hard to use.&nbsp; I did't see a way to get server log automatically. Like editor, I had to select a file to see it. I would like to see every file editor when folder was changed.

Anyway, people is migrated to subversion, not sure what's the advantage.

Read more at webkit.opendarwin.org/b...

FAQTs - Knowledge Base - View Entry - How do I emulate innerText in mozilla/gecko/NS6+ ?

I through this was fast way to do innerText for Firefox. Unfortunately, this was only good for a paragraph. It did not skip STYLE, SCRIPT tags. DIV need a line break. There are lot more comlicated to handle line break.

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

Blogger: Create your Blog Now -- FREE

I have Blogger Web Comments extension installed in my Firefox. Most of time is disable, but I will enable it to see others' comments. I was just curious how google know those comments from. As I played more, I believed those comments were from blog search result. Now, my question how google decide a blog page?

Read more at www.blogger.com/start

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.

My firefox is off.

With 11/1/2004 nightly build installed, my firefox got a very big space
under status bar.
Anyway, my firefox was very ill since I did an auto update and extension
auto update probably after 0.10.
Now, no response for any click.