AJAX + Rubberized Text (GMail Subject Like)

[Manish]

Hello,

I am developing a site in PHP, MySQL using AJAX Technology. There are
various dynamic datas being displayed in the page (from MySQL
database).

Functionality Desired:
1. Open browser window.
2. Make sure it's not maximized.
3. Let the text at one of the table cell be "Hello, How are you"
4. Decrease the width of the browser window slowly.
5. The text changed from

"Hello, How are you"
to
"Hello, How are y ..."
to
"Hello, How ..."

instead of the text moving behind the scroll.

Examples:
1. GMail
Login >> Inbox >> (Focus on Subject Column)

2. Windows Live Mail (Hotmail)
Login >> Inbox >> (Focus on Subject Column)
Please refer any article/tutorial/concept or code (if any) available.

Thanks and Regards.

Manish

[strawberry]

text-overflow: ellipsis

as in

<div style="border: medium none; position: absolute; left: 20px; top:
50px;
width: 100%; height: 20px; overflow: hidden; text-overflow:
ellipsis">
<nobr>Hello, how are you?</nobr>
</div>

Note that only IE (and maybe Safari) supports this functionality.

Manish wrote:

Hello,

I am developing a site in PHP, MySQL using AJAX Technology. There are
various dynamic datas being displayed in the page (from MySQL
database).

Functionality Desired:
1. Open browser window.
2. Make sure it's not maximized.
3. Let the text at one of the table cell be "Hello, How are you"
4. Decrease the width of the browser window slowly.
5. The text changed from

"Hello, How are you"
to
"Hello, How are y ..."
to
"Hello, How ..."

instead of the text moving behind the scroll.

Examples:
1. GMail
Login >> Inbox >> (Focus on Subject Column)

2. Windows Live Mail (Hotmail)
Login >> Inbox >> (Focus on Subject Column)
Please refer any article/tutorial/concept or code (if any) available.

Thanks and Regards.

Manish

[Jan Thomä]

On 23 Jun 2006 07:31:01 -0700 strawberry wrote:

text-overflow: ellipsis

Note that only IE (and maybe Safari) supports this functionality.

Which makes it a no-go for any serios kind of webpage. Stick to CSS
standards and don't make your site unuseable for the sake of some eyecandy
which gets dull after 3 times looking at it...

Best regards,
Jan Thomä

[strawberry]

It's true that this is probably just eyecandy - but it won't make your
site unusable in other browsers. If you view gmail (who probably think
of themselves as 'serious') through Firefox, it works fine - you just
don't see the ellipsis.

Jan Thomä wrote:

On 23 Jun 2006 07:31:01 -0700 strawberry wrote:

text-overflow: ellipsis

Note that only IE (and maybe Safari) supports this functionality.

Which makes it a no-go for any serios kind of webpage. Stick to CSS
standards and don't make your site unuseable for the sake of some eyecandy
which gets dull after 3 times looking at it...

Best regards,
Jan Thomä

[Manish]

Hello All,

Thanks for the valuable views.

Regards.
Manish
strawberry wrote:

It's true that this is probably just eyecandy - but it won't make your
site unusable in other browsers. If you view gmail (who probably think
of themselves as 'serious') through Firefox, it works fine - you just
don't see the ellipsis.

Jan Thomä wrote:

On 23 Jun 2006 07:31:01 -0700 strawberry wrote:

text-overflow: ellipsis

Note that only IE (and maybe Safari) supports this functionality.

Which makes it a no-go for any serios kind of webpage. Stick to CSS
standards and don't make your site unuseable for the sake of some eyecandy
which gets dull after 3 times looking at it...

Best regards,
Jan Thomä