By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,985 Members | 1,830 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,985 IT Pros & Developers. It's quick & easy.

AJAX + Rubberized Text (GMail Subject Like)

P: n/a
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

Jun 23 '06 #1
Share this Question
Share on Google+
4 Replies


P: n/a
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


Jun 23 '06 #2

P: n/a
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ä
Jun 24 '06 #3

P: n/a
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ä


Jun 24 '06 #4

P: n/a
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ä


Jun 26 '06 #5

This discussion thread is closed

Replies have been disabled for this discussion.