inputbox

Intos · Sep 23, 2008

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 · Sep 23, 2008

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

ther;" ... />
Is that what you wanted?

Erwin Moller · Sep 23, 2008

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/
============================

Intos · Sep 23, 2008

"Erwin Moller"

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

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

Thomas 'PointedEars' Lahn · Sep 23, 2008

GArlington said:
<input ... style="border:hidden; color:blind; somether;" ... />
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

SAM · Sep 23, 2008

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>

Tom Cole · Sep 23, 2008

"Erwin Moller"
message

----------------
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"

Hal Rosser · Sep 24, 2008

Intos said:
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.

..

onChangeEvent in PHP code.	0	Mar 3, 2008
Positioning CSS components	1	Nov 16, 2023
How to play corresponding sound?	2	Jun 10, 2023
I need help making a zooming function	11	Dec 14, 2021
I Need Help with making a function that draws in a canvas using location data.	1	Dec 17, 2021
Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
I am trying to detect Which image id="" was clicked ?	22	Jan 3, 2023
How to display input options only after selecting an option from the 'select class' tag JS?	6	May 12, 2023

inputbox

Intos

GArlington

Erwin Moller

Intos

Thomas 'PointedEars' Lahn

SAM

Tom Cole

Hal Rosser

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads