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.

Charging Batteries without Wires

New MIT research reveals a way to send wireless energy to mobile phones and laptops.

In page 2,

Using the electric field would pose a health risk, and would be better employed in applications in which people aren't nearby, he says. Conversely, using the magnetic field would be much safer and could be implemented just as easily. "I can't think of any reason to worry [about health concerns]," he says, "but people will."

As technology improvement, everything are getting handy, but doesn't mean people are getting healthy. Got to make some search how electric field and magnetic field affect to people health.

jEditCvs

Looking at a more completed cvs plugin for jEdit.
Should be as polish as eclipse.

New Motor Trend

The new Motor Trend web site is much better than before. It's more like an enterprise now. Previously, the page was design for small screen and had no enough space for padding.

window.console

I tried to control BUTTON size with relative size, like

BUTTON {display:block; text-align:center; width:2em; height:1.5em; padding:0;}

However, Safari give me a bigger size.
So, I tried to size down from javascript.

if (window.console) { //safari
document.writeln("<style type="'text/css'">");
document.writeln(".ccActions BUTTON {width:1.5em; height:1em;margin-bottom:2px;}");
document.writeln("</style>");
}


Unfortunately, my Firefox 2 understood window.console. I
was surprised, but I didn't see it in the mozilla DOM reference.

But, I didn't have this problem in my new laptop's FF2. So, I looked at my extension. I disabled Firebug, then I found my script was good again.

So to be safe, I change my Safari condition as
if (window.console && window.console.log) //safari

Another Notes :
When I tried
if (window.console && window.console.log()) //safari
Safari crashed. Despite Safari is rarely crashed, but I still don't like.

Resume my blog

Previously, I found blogger only kept my one year blog. I was upset and stop to post.

Now, I see my early post shown again. It's time to resume.

Gun Engine Explodes Fuel Efficiency

Gun Engine Explodes Fuel Efficiency

Check it out, one gallon 220 miles.

eyehook - games : COLOR box

eyehook - games : COLOR box

Nice color game.

National Sex Offender Registry

National Sex Offender Registry

Just checked it and saw a very weird browser behavior. I used Firefox to check offender. When I clicked each square, but an IE modal window popped up.

Widgets, BitTorrent, content blocking: Introducing Opera 9 Beta

Widgets, BitTorrent, content blocking: Introducing Opera 9 Beta

Play new Opera 9 for a day. There are a lot of imporvement in the style sheet, but I still see few problem.

The interesting thing is when I visit youtube. Usually in Firefox, I click "Home" tab to go to the front page and I can see "Recently Viewed" differently each time. But, when I try Opera 9, those recently viewed thumbnails are never change.

Live Journal

In the front page of LiveJournal, I see "journals and communities created since 1999". They must be the ancestor of blogs. I don't see good index and listing in the front page, so I am wondering how do they get their post public.

There is an interesting statistics. I guess teen like web.

Age Distribution

The following shows the age distribution of LiveJournal users:

13	18111
14	86152
15	208933
16	343292
17	402602
18	415630
19	407798
20	374305
21	306239
22	241646
23	196216
24	154057
25	128022
26	100316
27	74239
28	59702
29	49253
30	40438
31	34715
32	27681
33	24569
34	21020
35	20230
36	18281
37	14073
38	11175
39	10222
40	8597
41	7747
42	6677
43	5884
44	5474
45	5978
46	5314
47	4245
48	3569
49	3335
50	3312
51	2978
52	2508
53	2240
54	1882
55	1959

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

&nbsp;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&amp;amp;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