Textarea problem

chiraagb · May 31st, 2004, 10:40 AM

Hi,

How does one modify the font etc. in a text area.

I want to display bold italic etc. however I do not want to use one of those editors as they will display the formating buttons which i dont want.

I simply want a static text area with different font colors and sizes. Thats all - nothing else Any idea to how to go about doing this?

Your help is greatly appreciated.

jacob · May 31st, 2004, 10:47 AM

try this...

Code:

<html>
<head>

<style>
    TEXTAREA { font-family:verdana; font-weight:bold; }
</style>

</head>

<body><textarea>some text</textarea></body>

</html>

Hope it helps

Jacob.

Snib · May 31st, 2004, 11:24 AM

What do you mean you want to display bold/italic/underline without formatting buttons?

HTH,

Snib

<><

jacob · May 31st, 2004, 11:40 AM

OK, I guess I misunderstod. You are talking about these editors used in e.g. this forum, and you do not like the buttons, so you want a way to do it without the buttons, right?!

I think you have to make the question more detailed.

Jacob.

richard.york · May 31st, 2004, 12:49 PM

This isn't possible with a textarea field. Only one style can be set for the entire field. You're going to need a crapload of javascript and something like overflow: auto; to emmulate a <textarea> on a <div> element, whereas you can edit to your heart's delight, adding features for bold, italic, font size etc (although I don't know how you intend to do this without buttons?). Its a pretty large project and quite outside the scope of P2P. I'd do some googling for WYSIWYG editors.
http://www.google.com/search?q=WYSIWYG+JavaScript

If you've noticed P2P itself only uses BBcode and a textarea field to accomplish this.

Many solutions available are microsoft IE only solutions, but it is possible to code a cross-browser WYSIWYG editor, and even without an <iframe>.

HTH!

Regards,
Rich

::::::::::::::::::::::::::::::::::::::::::
The Spicy Peanut Project
http://www.spicypeanut.net
::::::::::::::::::::::::::::::::::::::::::

Snib · May 31st, 2004, 02:47 PM

I personally like HTMLarea.

http://google.com/search?q=htmlarea

HTH,

Snib

<><

chiraagb · June 2nd, 2004, 06:51 AM

Hi Guys,

Thanks Richard. Maybe I am on the wrong track.

Basically, I need to fit a lot text with pictures and other graphics into a small area. This what I need.

So I thought that a scrollable textarea would be good. However, as you say the project is too much work, can you recommend me any other solutions to go about doing this?

Thanks a bunch

Snib · June 2nd, 2004, 10:56 AM

Textareas (and our suggestions) are editable. Do you want that?

If not, you can put HTML in a <div> and set the overflow property to scroll.

....
<div style="overflow:scroll">
your images, any HTML stuff
</div>
....

HTH,

Snib

<><

chiraagb · June 7th, 2004, 10:07 AM

Hey Guys,

Found a way using <iframes> however now I am stuck on another problem. How does one remove the horizontal scrollbars on <iframes>. I seem to have tried various codes like

body { overflow-x:hidden; }

but none of them seem to work.

Any suggestions..?

chiraagb · June 8th, 2004, 12:29 AM

Hey everyone,

I found a way by setting the body width of the source page to 95%. Problem solved.

body { width=95%; }

Thanks for all your support.