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

inputbox

P: n/a
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!
Sep 23 '08 #1
Share this Question
Share on Google+
7 Replies


P: n/a
On Sep 23, 11:27*am, "Intos" <in...@mail.comwrote:
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!
<input ... style="border:hidden; color:blind; some:other;" ... />
Is that what you wanted?
Sep 23 '08 #2

P: n/a

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/
============================
Sep 23 '08 #3

P: n/a
"Erwin Moller"
<Si******************************************@spam yourself.comwrote in
message news:48*********************@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 ?
Sep 23 '08 #4

P: n/a
GArlington wrote:
On Sep 23, 11:27 am, "Intos" <in...@mail.comwrote:
>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
Sep 23 '08 #5

P: n/a
SAM
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
Sep 23 '08 #6

P: n/a
On Sep 23, 8:41*am, "Intos" <in...@mail.comwrote:
"Erwin Moller"
<Since_humans_read_this_I_am_spammed_too_m...@spam yourself.comwrote in
messagenews:48*********************@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 textof
the input box in the center of the inputbox ?- Hide quoted text -

- Show quoted text -
document.getElementById("fItem").style.textAlign=" center"
Sep 23 '08 #7

P: n/a

"Intos" <in***@mail.comwrote in message
news:gb**********@localhost.localdomain...
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 ?
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.

..
Sep 24 '08 #8

This discussion thread is closed

Replies have been disabled for this discussion.