Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > Javascript > inputbox

Reply
Thread Tools

inputbox

 
 
Intos
Guest
Posts: n/a
 
      09-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!


 
Reply With Quote
 
 
 
 
GArlington
Guest
Posts: n/a
 
      09-23-2008
On Sep 23, 11:27*am, "Intos" <(E-Mail Removed)> wrote:
> 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; somether;" ... />
Is that what you wanted?
 
Reply With Quote
 
 
 
 
Erwin Moller
Guest
Posts: n/a
 
      09-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/
============================
 
Reply With Quote
 
Intos
Guest
Posts: n/a
 
      09-23-2008
"Erwin Moller"
<Since_humans_read_this_I_am_spammed_too_much@spam yourself.com> wrote in
message news:48d8d477$0$186$(E-Mail Removed)4all.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 ?


 
Reply With Quote
 
Thomas 'PointedEars' Lahn
Guest
Posts: n/a
 
      09-23-2008
GArlington wrote:
> On Sep 23, 11:27 am, "Intos" <(E-Mail Removed)> 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; 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
--
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
 
Reply With Quote
 
SAM
Guest
Posts: n/a
 
      09-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>

--
sm
 
Reply With Quote
 
Tom Cole
Guest
Posts: n/a
 
      09-23-2008
On Sep 23, 8:41*am, "Intos" <(E-Mail Removed)> wrote:
> "Erwin Moller"
> <Since_humans_read_this_I_am_spammed_too_m...@spam yourself.com> wrote in
> messagenews:48d8d477$0$186$(E-Mail Removed)4all.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"
 
Reply With Quote
 
Hal Rosser
Guest
Posts: n/a
 
      09-24-2008

"Intos" <(E-Mail Removed)> wrote in message
news:gbagas$bh5$(E-Mail Removed)...
> 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.

..


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Writing a generic InputBox timasmith@hotmail.com Java 1 04-19-2006 03:55 AM
javascript inputbox and datagrid Reza Alirezaei ASP .Net 1 05-14-2004 07:17 AM
InputBox André Almeida Maldonado ASP .Net 5 05-05-2004 03:57 PM
Stop InputBox prompt loop? Jase Java 1 02-04-2004 11:15 AM
Inputbox with win32api? Anthony_Barker Python 1 06-27-2003 08:15 PM



Advertisments