JavaScript - Input Type=text Autosize

I need to change input type="text" to input type="password" via JavaScript

Code:

<form id="login" action="#" method="post">
<input id="username-field" type="text" name="username" title="Username" onmousedown="javascript:this.value=''; javascript:this.focus();" value="Username" tabindex="1" />
<input id="password-field" type="text" name="password" title="Password" onmousedown="javascript:this.value=''; javascript:this.type='password'; javascript:this.focus();" value="Password" tabindex="2" />
<input type="submit" name="submit" value="sign in" tabindex="3" />
</form>

This works in Firefox and Safari but not IE So then I tried this code

Code:

<script type="text/javascript">
function passit(ip){
var np=ip.cloneNode(true);
np.type='password';
if(np.value!=ip.value)
np.value=ip.value;
ip.parentNode.replaceChild(np,ip);
}
</script>

<form id="login" action="#" method="post">
<input id="username-field" type="text" name="username" title="Username" onmousedown="javascript:this.value=''; javascript:this.focus();" value="Username" tabindex="1" />
<input id="password-field" type="text" name="password" title="Password" onmousedown="javascript:this.value=''; passit(this.form[0]); javascript:this.focus();" value="Password" tabindex="2" />
<input type="submit" name="submit" value="sign in" tabindex="3" />
</form>

This does what I need but turns the username type to password field not the password box

Please can somone help!

Newbie here.

I could not find the syntax how to set initial value he
Code:

var  indat  = window.clipboardData.getData ("Text");     
.
.
.
.
.
<input type="text" name="q" value="xxxxxx"   size="40" />

I would like the value to be the indat var value


I saw lot of samples with value="xxxxx" (hard coded value) but could not find sample for var value




thanks for help !!

Hi guys,

Let me explain simply what I do and what I'm trying to achieve:

I got a couple of comboboxes were the user selects a series of numbers. Once a selection is made, the value is appended to an input box. The idea is that the appended values form a telephone number, or at least part of one, that will then be used to search trough a database to look for a matching number.

The code below is what I have done so far:

Code:

<script type="text/javascript">
function displayIndicatif(){
	var sel = document.getElementById("indicatif");
	var text = sel.options[sel.selectedIndex].value;
        var out = document.getElementById("blabla");
	out.value += text+"\n";
		}

function displayBloc(){
	var sel1 = document.getElementById("bloc");
	var text1 = sel1.options[sel1.selectedIndex].value;
	var out1 = document.getElementById("blabla");
	out1.value += text1+"\n";
}
</script>

[...]

<input type="text" id="blabla"/>

[..]

<select id="indicatif" onChange="displayIndicatif();">
	<option value="021">021</option>
        <option value="022">022</option>
	<option value="031">031</option>
</select>

<select id="bloc" onChange="displayBloc();">
	<option value="555" class="021">555</option>
	<option value="666" class="021">666</option>
	<option value="777" class="021">777</option>
</select>

Basically what happens now is this:

combobox indicatif: 021 | 022 | 031
combobox bloc: 555 | 666 | 777

If I select "021" from indicatif, the script will append 021 to the input "blabla". The problem is, if I now select "022", the input will show "021022" instead of replacing the 021 with 022.

What I would like is that, for each combobox, the script replaces the selected value with the new one instead of simply appending it, like instead of say 021022555666 it would show 021555 or 022666 or 021666 depending on what is selected...you get the idea?

Is this doable? Needless to say I'm a total noob at javascript...I adapted the code I got now from some other guy who was trying to achieve almost the same thing and adapted it to my needs, or least, tried to, but now I'm stuck.

Any help is appreciated!

Thanks

print "<Font face=\"calibri, Arial\"><table id=\"rnatable\" border=2px width=100%>";
print "<th></th>";
print "<th>a</th>";
print "<th>b</th>";
print "<th>c</th>";
print "<th>d</th>";
print "<th>e</th>";
print "<th>f</th>";
print "<th>g</th>";

while($array = mysql_fetch_array($sql_query))
{
$id=$array['a'];
print "<tr id=\"newtr\">";
print "<td><input id=\"check\" type=\"checkbox\" name=\"keyword[]\" value=\"$id\" ></td>";
print "<td>".$array['a']."</td>";
print "<td>".$array['b']."</td>";
print "<td>".$array['c']."</td>";
print "<td>".$array['d']."</td>";
print "<td>".$array['e']."</td>";
print "<td>".$array['f']."</td>";

print "<td>
<a href=\"http://localhost/rnasearch/retrieve.php?a=$id\">bla</a>
</td></tr></font>";

}

print "</table>";
}

this is part of a php searchengine script that i wrote to retrieve data from a database and as you can see the last column that is g contains a link which when clicked takes the user to the second php script which retrieves additional information of that entry, but this is done for only single entries so as you can see i introduced checkboxes so that the user can check any number of checkboxes and retrieve information as per their wish

now to do this i created a <input type=text where i want the value of these checkboxes i.e. $id to be posted in a delimited format so that the user can then click the corresponding button and retrieve the information this is the code

<div id="floatMenu">
<ul class="menu1">
<center><li><form name="senddata" method="POST" action="http://localhost/retrieve.php" style="display:inline;"><input id="fasta" type="text" class="multitext"><input name="Fasta" type="Submit" value="Retrieve Fasta"></form>

this is a css floating menu....so far so good....everything went fine....
after this i had to write a javascript to do this and i've been stuck there searching forums for the last 4 days!

this is the javascript i found from somewhere which came close to doing wht i wanted it to do

window.onload = function () {
var cb = document.getElementById('check');
var fasta = document.getElementById('fasta');
cb.onclick = function () {fasta.value = cb.value + ",";
};};

this script only sends the value of the first checkbox in the table, the others are not found by it, mind you its not the first checkbox selected its the first checkbox that is present in the table

how can i resolve this problem so that even if i have n number of checkboxes in my table, if the user chooses to do so they can retrieve n number of information....please help i've almost lost hope in this!

This was climbing up the tree strructure, where on top and only on very top is one input of type text
Now I inserted (inside tree) some inputs of type hidden , which needs to be ignored while below while operates. How to do that ?

Getting nowhere with this.

Code:

 function doit(tmpObj)
 {


 while (!tmpObj.getElementsByTagName('input')[0])
 {
     tmpObj.style.visibility = 'hidden';       
     tmpObj = tmpObj.parentNode; 
 } 


 ...