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]

Re: AJAX + Rubberized Text (GMail Subject Like)

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:[color=blue]
> 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[/color]

[Jan Thomä]

Re: AJAX + Rubberized Text (GMail Subject Like)

On 23 Jun 2006 07:31:01 -0700 strawberry wrote:
[color=blue]
> text-overflow: ellipsis
>
> Note that only IE (and maybe Safari) supports this functionality.[/color]

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]

Re: AJAX + Rubberized Text (GMail Subject Like)

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:[color=blue]
> On 23 Jun 2006 07:31:01 -0700 strawberry wrote:
>[color=green]
> > text-overflow: ellipsis
> >
> > Note that only IE (and maybe Safari) supports this functionality.[/color]
>
> 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ä[/color]

[Manish]

Re: AJAX + Rubberized Text (GMail Subject Like)

Hello All,

Thanks for the valuable views.

Regards.
Manish


strawberry wrote:[color=blue]
> 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:[color=green]
> > On 23 Jun 2006 07:31:01 -0700 strawberry wrote:
> >[color=darkred]
> > > text-overflow: ellipsis
> > >
> > > Note that only IE (and maybe Safari) supports this functionality.[/color]
> >
> > 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ä[/color][/color]