Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

inputbox

0 views
Skip to first unread message

Intos

unread,
Sep 23, 2008, 6:27:44 AM9/23/08
to
Hi.

How to change the text of inputbox if i have already set the style for
something else?

In other words:
<input name="fItem" type="text" id="fItem" style="border:hidden" size="80"
maxlength="60" border="0" />

I can not add two styles on the same inputbox so i guess that javascript is
the only solution?
If so, then how ?


Regards!


GArlington

unread,
Sep 23, 2008, 6:34:45 AM9/23/08
to

<input ... style="border:hidden; color:blind; some:other;" ... />
Is that what you wanted?

Erwin Moller

unread,
Sep 23, 2008, 7:35:16 AM9/23/08
to

Intos schreef:

Hi,

In your case:
document.getElementById("fItem").style.border='1px solid #99999;';

Of course you can assign anything valid to the style.

Regards,
Erwin Moller


>
>
> Regards!
>
>


--
============================
Erwin Moller
Now dropping all postings from googlegroups.
Why? http://improve-usenet.org/
============================

Intos

unread,
Sep 23, 2008, 8:41:35 AM9/23/08
to
"Erwin Moller"
<Since_humans_read_this...@spamyourself.com> wrote in
message news:48d8d477$0$186$e4fe...@news.xs4all.nl...

----------------
Thank you guys, that's it. Just one small thing. How to align the text of
the input box in the center of the inputbox ?


Thomas 'PointedEars' Lahn

unread,
Sep 23, 2008, 8:47:07 AM9/23/08
to
GArlington wrote:
> On Sep 23, 11:27 am, "Intos" <in...@mail.com> wrote:
>> How to change the text of inputbox if i have already set the style for
>> something else?
>>
>> In other words:
>> <input name="fItem" type="text" id="fItem" style="border:hidden" size="80"
>> maxlength="60" border="0" />
>>
>> I can not add two styles on the same inputbox so i guess that javascript is
>> the only solution?
>> If so, then how ?
>
> <input ... style="border:hidden; color:blind; some:other;" ... />
> Is that what you wanted?

Unlikely, since it is not Valid HTML or CSS in the first place.

<http://validator.w3.org/>
<http://jigsaw.w3.org/css-validator/>


PointedEars
--
Anyone who slaps a 'this page is best viewed with Browser X' label on
a Web page appears to be yearning for the bad old days, before the Web,
when you had very little chance of reading a document written on another
computer, another word processor, or another network. -- Tim Berners-Lee

SAM

unread,
Sep 23, 2008, 12:54:07 PM9/23/08
to
Intos a écrit :

> Hi.
>
> How to change the text of inputbox if i have already set the style for
> something else?

document.forms[0].elements['myInput'].value = 'some text';

> In other words:
> <input name="fItem" type="text" id="fItem" style="border:hidden" size="80"
> maxlength="60" border="0" />
>
> I can not add two styles on the same inputbox so i guess that javascript is
> the only solution?

certainly not

> If so, then how ?

Perhaps would you have to learn a bit about CSS ?

In JS :

var d = document.forms[0].elements['myInput'].style:
d.color = 'blue';
d.fontWeight = 'bold';
d.textDecoration = 'underline';
d.textAlign = 'center';
etc ... etc ...


try :

<html>
<style type="text/css">
.red { color: red }
.blu { color: blue }
.bold { font-weeight: bold; }
input { color: inherit; border: 3px solid green }
</style>

<form action="#" onsubmit="return false">
<p class="red" id="one">
<input value="test 1">
<input value="test 2 (blue n' bold by class)" class="blu bold">
<input value="test 1">
</p>
<p class="blu" id="two">
<input value="test 4">
<input value="test 5 (red n' bold by style)"
style="color:red;font-weight:bold"">
<input value="test 6">
</p>
<p><button onclick="var d =document.getElementById('one');
d.className = d.className=='red'? 'blu' : 'red';">toggle 1</button>
<button onclick="var d =document.getElementById('two');
d.className = d.className=='red'? 'blu' : 'red';">toggle 2</button>
</form>
</html>

--
sm

Tom Cole

unread,
Sep 23, 2008, 1:04:52 PM9/23/08
to
On Sep 23, 8:41 am, "Intos" <in...@mail.com> wrote:
> "Erwin Moller"
> <Since_humans_read_this_I_am_spammed_too_m...@spamyourself.com> wrote in
> messagenews:48d8d477$0$186$e4fe...@news.xs4all.nl...

>
>
>
>
>
>
>
> > Intos schreef:
> >> Hi.
>
> >> How to change the text of inputbox if i have already set the style for
> >> something else?
>
> >> In other words:
> >> <input name="fItem" type="text" id="fItem" style="border:hidden"
> >> size="80" maxlength="60"  border="0" />
>
> >> I can not add two styles on the same inputbox so i guess that javascript
> >> is the only solution?
> >> If so, then how ?
>
> > Hi,
>
> > In your case:
> > document.getElementById("fItem").style.border='1px solid #99999;';
>
> > Of course you can assign anything valid to the style.
>
> > Regards,
> > Erwin Moller
>
> >> Regards!
>
> > --
> > ============================
> > Erwin Moller
> > Now dropping all postings from googlegroups.
> > Why?http://improve-usenet.org/

> > ============================
>
> ----------------
> Thank you guys, that's it. Just one small thing. How to align  the text of
> the input box in the center of the inputbox ?- Hide quoted text -
>
> - Show quoted text -

document.getElementById("fItem").style.textAlign="center"

Hal Rosser

unread,
Sep 23, 2008, 8:32:39 PM9/23/08
to

"Intos" <in...@mail.com> wrote in message
news:gbagas$bh5$1...@localhost.localdomain...

Naw - just use the value attribute


<input name="fItem" type="text" id="fItem"
style="border:hidden" size="80"
maxlength="60" border="0"

value="Hello world" />

And if you need more styles, separate them with semicolons.

.


0 new messages