JavaScript - Decode Input Into Url

Hi,

i want to set an input value to the same value as the input selected from another input on the same form

so when the user selects input 1
i want the hidden input2 to get the same value

im guessing i use onsubmit because its hidden so there wont be a focus or blur

this would be part of the input

Code:

onsubmit="(this.value = this.othervalue)"

othervalue being the other input name="othervalue"

is that the correct syntax

Hi,

i have an input value array for customer ids, i also need to make a copy of that array into another input element on submit to use for another process.

So far here is what i have come up with regarding the js


the current html is this

Code:

<!-- original input -->

<input id="cb<?php echo $i;?>" name="cid[]" value="<?php echo $commissions[$i]['id'];?>" onclick="isChecked(this.checked);" type="checkbox" />


<!-- this is new html input which  is outside the $i loop that i need a copy of cid[] stored on submit

<input type="hidden" name="ids[]" onsubmit="valueTovalue();" />


<!-- here is the js so far --> 

<script type="text/javascript">

function valueTovalue()
{

 var valin = document.adminForm.cid.value;  //cid is the array cid[]
 document.adminForm.ids.value = valin; //copy the array to the new input element array ids

}

</script>

so basically if they click 1 cid then ids will also show 1, if they click all cid then ids will show all as well.

will that work the way i have it, am i even close here..

thanks

update: what i have seems to work fine for text values or string values but not for arrays, what am i missing that it wont copy an array?




Array
(
[cid] => Array
(
[0] => 1
)

[task] => remarksonly
[remark] => hhhyyy
[boxchecked] => 1
[ids] => Array
(
[0] =>
)

)




am i getting closer lol


Code:

function valueTovalue()
{
 var valin = cid.concat;  
 document.adminForm.ids.value = valin.concat; 

return(true);

this has to be close i hope

Code:

document.adminForm.ids.value = [].concat(document.adminForm.cid);

Hi all

can someone guide me (total JS newbie) on this presumably pretty easy task?

I have a "parent" page with some text inputs in it (a form). This is what I am after:
-when the user clicks a link it pops open a new window via JS - "child" (this is working).
-in the "child" window there are also some text inputs (another form) (done).
-when the user changes the value for 'testChild_textInput_4' in the child window, then I want it to automatically set this same value, to effectively overwrite, what is currently in 'testParent_textInput_2' in the parent window.

Presumably this involves an onChange event, but it is also OK with me if the needful (the text input's value in the parent window being overwritten) happens upon the child window's form submit. If anyone can show me either trick, I would be thrilled!

I set up a test page to make this all easy to talk about:

http://www.yellow-turtle.com/testDumpMe_parent.html

Please let me know!
Thanks!
-John

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!

How can you get a input box to expand as you type if you exceed X amount of characters?

How can I ask the user for two different numbers and add them?

Hello Everyone,

I am trying to set the value of a Input tag with a value retrieved from the cookies. However, it is not working. Here is the script:
Code:

<html>
  <head>
    <title>Example</title>   
  </head>
  <body>   

     <script type="text/javascript">     
        document.cookie = "username=John";
        var user = get_cookie("username");
        document.write ( "Hi " + user + ", welcome to my website!" );
        oFormObject.elements["name"].value = user;
    </script>

        <center>  <br><br><br><br>
    <form name="register_complaint" action="#">
        User Name: <input type="text" size="5" name="name" > <br>
        <input type="checkbox" name="remeber">Remember Me <br>
        <input type="button" name="submit" value="Submit Complaint">
    </form>
        </center>
        
     <script type="text/javascript">

     function get_cookie ( cookie_name )
       {
          var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );

          if ( results )
            return ( unescape ( results[2] ) );
          else
            return "";
        }
      </script>

  </body>
</html>

Please help me, I've been struggling with this issue for a long time.

Cheers

Hello i am using a simple calendar date picker in which when u click a date is displayed in an input field.
Using a javascript i am trying to retrieve data from a second page using this value but probably i am doing something wrong.

1st page:
Code:

<script type="text/javascript">
 function showCustomer(str)
 {
 if (str=="")
   {
   document.getElementById("txtHint").innerHTML="";
   return;
   }
 if (window.XMLHttpRequest)
   {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
   }
 else
   {// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
 xmlhttp.onreadystatechange=function()
   {
   if (xmlhttp.readyState==4 && xmlhttp.status==200)
     {
     document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
     }
   }
 xmlhttp.open("GET","check6.asp?q="+str,true);
 xmlhttp.send();
 }
 </script>
</head>
<body>
<form>
    Check in: 
    <input onchange="showCustomer(this.value)" size="22" id="f_date1" /><button id="f_btn1">...</button> 
    <script type="text/javascript">//<![CDATA[
      var cal = Calendar.setup({
          onSelect: function(cal) { cal.hide() },
          showTime: true
      });
      cal.manageFields("f_btn1", "f_date1", "%Y-%m-%d");
    //]]></script>
</form>
 <br />
 <div id="txtHint">here...</div>
</body>
 </html>

and in second one i am trying to get date like this:


Code:

sql_cmd.CommandText = "SELECT dbo.rooms.id, type, image, price,details FROM dbo.rooms, dbo.transactions WHERE dbo.rooms.id=dbo.transactions.roomid and '" & request.querystring("q") & "' not between checkin and checkout"

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; 
 } 


 ...

After searching the web most of the day, nothing has resolved this issue:

Code:

<!-- ALERT IS NEVER HIT -->
<html>
	<input type="hidden" id="info" name="info" value="testInformation"/>
	<script type="text/javascript">
		var me = document.getElementById('info').value;
		alert(me);
	</script>
</html>

Code:

<!-- ALERT SAYS "null" -->
<html>
	<input type="hidden" id="info" name="info" value="testInformation"/>
	<script type="text/javascript">
		var me = document.getElementById('info');
		alert(me);
	</script>
</html>

Code:

<!-- WORKS GREAT, BUT I NEED THE INPUT FIELD HIDDEN -->
<html>
	<input type="text" id="info" name="info" value="testInformation"/>
	<script type="text/javascript">
		var me = document.getElementById('info').value;
		alert(me);
	</script>
</html>

Any idea how I can keep the input value "hidden" and have javascript still see the value? And yes, I've even tried using the "defer" method.

so I am creating a silly word ;irate word interpreter page, and I need some logic behind how to add text to a textarea each time I click on a button. Each time the user clicks on the button, the value is inserted into the text area. You should be able to click on multiple buttons to add to the last text that appears. Then I have a delete translation button when I want to clear the textarea field. A good example would be if the user clicks on the button with the value "sir", than "matey" will appear in the textarea. Now, if the user clicks on the button with the value "your", then "yer" will come up after matey. It's like creating a sentence on your own, and then deleting it when your done.

Code:

<body>	
	<div id="page">	
	
	<div>
	<img style="float:left" src="slue.gif" width="205" height="190" alt="">
	
	<div>
	<h1>Pirate Translator</h1>
	
	<p>Simply click on the buttons to translate words and/or phrases from English to pirate talk</p>
	</div>	

	</div><br />
	<hr />

	<form name="pirate">

	
	    <div>
		<fieldset>
		<legend><b>Greetings:</b></legend>
		<input type="button" id="greeting" value="hello" />
		<input type="button" id="greeting" value="pardon me" />
		<input type="button" id="greeting" value="excuse me" />
		<input type="button" id="greeting" value="" />
		<input type="button" id="greeting" value="" />
		<input type="button" id="greeting" value="" />
		</fieldset>
	    </div>

	    <div>
	        <fieldset>
		<legend><b>People:</b></legend>
		<input type="button" id="people" value="sir" />
		<input type="button" id="people" value="madam" />
		<input type="button" id="people" value="miss" />
		<input type="button" id="people" value="stranger" />
		<input type="button" id="people" value="officer" />
		<input type="button" id="people" value="" />
		<input type="button" id="people" value="" />
	    	</fieldset>
	    </div>

	    <div>
		<fieldset>
		<legend><b>Questions:</b></legend>
		<input type="button" id="question" value="where is" />
		<input type="button" id="question" value="can you help me" />
		<input type="button" id="question" value="is that" />
		<input type="button" id="question" value="how far is it to" />
		<input type="button" id="question" value="" />
		<input type="button" id="question" value="" />
		<input type="button" id="question" value="" />
		<input type="button" id="question" value="" />
		</fieldset>
	    </div>

	     <div>
	        <fieldset>
		<legend><b>Articles:</b></legend>
		<input type="button" id="article" value="the" />
		<input type="button" id="article" value="my" />
		<input type="button" id="article" value="your" />
		<input type="button" id="article" value="" />
		<input type="button" id="article" value="" />
		<input type="button" id="article" value="" />
		<input type="button" id="article" value="" />
	    	</fieldset>
	    </div>

	     <div>
	        <fieldset>
		<legend><b>Adjectives:</b></legend>
		<input type="button" id="adject" value="old" />
		<input type="button" id="adject" value="attractiv" />
		<input type="button" id="adject" value="happy" />
		<input type="button" id="adject" value="" />
		<input type="button" id="adject" value="" />
		<input type="button" id="adject" value="" />
		<input type="button" id="adject" value="" />
	    	</fieldset>
	    </div>

	     <div>
	        <fieldset>
		<legend><b>Places:</b></legend>
		<input type="button" id="places" value="restroom" />
		<input type="button" id="places" value="restaurant" />
		<input type="button" id="places" value="mall" />
		<input type="button" id="places" value="hotel" />
		<input type="button" id="places" value="pub" />
		<input type="button" id="places" value="" />
		<input type="button" id="places" value="" />
	    	</fieldset>
	    </div>

	     <div>
	        <fieldset>
		<legend><b>Desires:</b></legend>
		<input type="button" id="desire" value="I would like to" />
		<input type="button" id="desire" value="I desire" />
		<input type="button" id="desire" value="I wish I knew how to" />
		<input type="button" id="desire" value="my mother told me to" />
		<input type="button" id="desire" value="my campanion tells me to" />
		<input type="button" id="desire" value="" />
		<input type="button" id="desire" value="" />
	    	</fieldset>
	    </div>

	     <div>
	        <fieldset>
		<legend><b>Actions:</b></legend>
		<input type="button" id="action" value="find" />
		<input type="button" id="action" value="take a nap" />
		<input type="button" id="action" value="kill" />
		<input type="button" id="action" value="hurt you" />
		<input type="button" id="action" value="beat you up" />
		<input type="button" id="action" value="go to the bathroom" />
		<input type="button" id="action" value="" />
	    	</fieldset>
	    </div>

		<div>
		<p id="output"><textarea id="task_list" rows="5" cols="130"></textarea></p>
		<p id="output"><input type="button" id="" value="Delete Traslations" /></p>
		</div>

	</div>
		
		
	</form>
<script src="js/translate.js"></script>
</body>
</html>

I am trying but I can't figure it out, let say you select something on your select values, after selecting that value, how can you dynamically put that value on an input box?

how do i put a red border around an input box with a class of .input1 if it goes into this loop??


Code:

	if(firstName=='' || firstName.length < 3 || firstName=='First Name:' ){
				error = 'Please enter your first name';
				$j('#errormsg').html('<p class="errors">'+ error +'</p>');
		
				return false;
			}

I'm guessing this question will be one of the easiest questions ever posted but I'm just not getting this fix. I have a simple Javascript program that calculates a users pace for their run. The inputs are done through an HTML Form.

The user can input hours, minutes, & seconds of their run. Then the distance number & measurment. Then finally the pace desired. I am having some trouble with null values in this program. If I input a 0 in hours and then fill everything out the program works great. 100%! But, if I leave the field blank and hit calculate I get a NaN. I'm guessing I need some kind of statement like if this value is null set it to zero but I am not having any luck with exactly what kind of syntax I need. So here is the code, again not very complex, any help would be greatly appreciated!


function calculateTime(){
var time_hour = parseInt(document.getElementById("time_hour").value);
var time_min = parseInt(document.getElementById("time_minute").value);
var time_sec = parseFloat(document.getElementById("time_second").value);
var dist_num = parseFloat(document.getElementById("dist_num").value);
var pace_choice = document.getElementById("pace_choice").selectedIndex;
var dist_choice = document.getElementById("dist_choice").selectedIndex;
var total_sec = (time_hour * 3600) + (time_min * 60) + (time_sec);

// Then I'm guessing my if statement would go here somewhere?

im suppose to validate an ID text field so that is it mandatory, and must be 6 numeric digits.

The code i have for the ID field is:
Code:

<form id="ThisForm">
<label for="emId"> Employee ID: </label></td>
<input type="text" name="empID" id="emId" ;"/>
</form>

I'm beginner to javascript and really has no idea what to do, can someone help pls.