JavaScript - Binding A Value To Textbox Not Working Properly In Ie

Hello,
i am a total newbie, so forgive me

i have the following problem: a Joomla Gallery uses a javascript to show fullsize images.

but when the popup windows comes out, it doesn't have any properties (page title, url about:blank, blank background etc)

here is a screenshot:

I think the following to be the code that calls the popup: what's wrong?

NOTE I already had to remove some "spaces" from the code because the Joomla SEF was changing the urls forbidding the right execution of everything, maybe it's something like that... dunno :cry:

Code:

$htmltext2 .= "<script language=\"JavaScript\">";

	

					$htmltext2 .= "function pgpopup(pgimagefile,pgimagetitle,pgimagedescription) {\n";

					$htmltext2 .= "var newWindow = window.open(\"\",\"newWindow\",\"height=" . ($tabparams["pgmaxheight"]+$dparm[2]) . ",width=" . ($tabparams["pgmaxwidth"]+$dparm[3]) . ",resizable=yes, scrollbars=yes, toolbar=no " . "\" );\n";

					$htmltext2 .= "var imageurl = \"<img src= \"+ pgimagefile + \">\";\n";

					$htmltext2 .= "newWindow.document.open();";

					$htmltext2 .= "newWindow.document.writeln(\"<div align='center' >\");\n";

					$htmltext2 .= "newWindow.document.writeln(\"<title>Profile Gallery Image: \"+ pgimagetitle + \"</title>\");\n";

					$htmltext2 .= "newWindow.document.writeln(imageurl);\n";

					$htmltext2 .= "newWindow.document.writeln(\"<br />\");";

					$htmltext2 .= "newWindow.document.writeln(pgimagedescription);\n";

					$htmltext2 .= "newWindow.document.writeln(\"</div>\");\n";

					$htmltext2 .= "newWindow.document.close();\n";

					$htmltext2 .= "}\n";

					$htmltext2 .= "</script>";

					break;

anyone can help?

thanks!

Hi,

I am having a strange problem. I have a javascript that I am running on my system and on server(both in IE and FF). The problems I am encountering are as follows:

My system
IE - everything working fine
FF - Not able to set focus correctly. When focus() is called, it jumps to next field.

On Server
IE - Focus doesnt set as expected. No blinking cursor.Doesnt do anything.
FF- Same thing as above. When focus functionality is called, nothing happens.

It is a long javascript, but here is a snapshot of the code with problem. Please let me know if you want to know about any variables. The (fname,lname..)are all the Name attributes of textbox. userArray is a array containg the number of users whose information is not filled up correctly(ie. some reqd fields are left empty).

Code:

df=document.form;
for(var j=0;j< val;j++)
 {				                                                
                                                                         
     if(df['fname'+userArray[j]].value =="")
      {
        df['fname'+userArray[j]].focus();
         break;
      }
      else if(df['lname'+userArray[j]].value =="")
       {
          df['lname'+userArray[j]].focus();break;
        }    
     else if(df['ph'+userArray[j]].value =="")
      {
         df['ph'+userArray[j]].focus();break;
       }      
     else if(df['email'+userArray[j]].value =="")
      {
         df['email'+userArray[j]].focus();break;
       }    							      	 
     else if(df['comp'+userArray[j]].value =="")
      {
        df['comp'+userArray[j]].focus();break;
       }      
     else if(df['addra'+userArray[j]].value =="")
      {
        df['addra'+userArray[j]].focus();break;
       }      
     else if(df['city'+userArray[j]].value =="")
      {
        df['city'+userArray[j]].focus();break;
       }      
      else if(df['state'+userArray[j]].value =="")
      {
        df['state'+userArray[j]].focus();break;
      }      
      else if(df['zip'+userArray[j]].value =="")
      {
        df['zip'+userArray[j]].focus();break;
        }      
     else if(df['country'+userArray[j]].value =="")
       {
       df['country'+userArray[j]].focus();break;
        } 
  }

The code is definitely not clean,pls forgive me for that. Any suggestion on that will be appreciated.

Thanks

I have 2 tables with Add/Remove Row buttons. The first table's Add Row button adds a row that belongs in the second table, and the Remove Row button gives me an Object Error. The second table works properly. The JavaScript for both tables is identical except for the ID's. When the tables are put into seperate html files both of the Add buttons work properly, but the remove row button from table one is still giving me the Object Error. Can someone point out what i'm doing wrong? Thanks.

Code for the first table
Code:

<SCRIPT language="javascript">
function addRow(kodaktable) {               
var table = document.getElementById(kodaktable);               
var rowCount = table.rows.length;             
var row = table.insertRow(rowCount);               
var cell1 = row.insertCell(0);             
var element1 = document.createElement("input");             
element1.type = "checkbox";             
cell1.appendChild(element1);               
var cell2 = row.insertCell(1); 
var element2 = document.createElement("input");             
element2.type = "text";             
cell2.appendChild(element2);                            
var cell3 = row.insertCell(2);             
var element2 = document.createElement("input");             
element2.type = "text";             
cell3.appendChild(element2); 
var cell4 = row.insertCell(2);             
var element2 = document.createElement("input");             
element2.type = "text";             
cell4.appendChild(element2);            
var cell5 = row.insertCell(2);             
var element2 = document.createElement("input");             
element2.type = "text";             
cell5.appendChild(element2); 
var cell6 = row.insertCell(2);             
var element2 = document.createElement("input");             
element2.type = "text";             
cell6.appendChild(element2); 
}
</script>
<script>                                        
function deleteRow(kodaktable) {             
try {             
var table = document.getElementById(kodaktable);             
var rowCount = table.rows.length;               
for(var i=0; i<rowCount; i++) {                 
var row = table.rows[i];                 
var chkbox = row.cells[0].childNodes[0];                 
if(null != chkbox && true == chkbox.checked) {                     
table.deleteRow(i);                     
rowCount--;                     
i--;                 
}               
}             
}catch(e) {                 
alert(e);             
}         
}       
</SCRIPT> 

<INPUT type="button" value="Add Row" onClick="addRow('kodaktable')" />
<INPUT type="button" value="Delete Row" onClick="deleteRow('kodaktable')" />
<TABLE id="kodaktable" width="350px" border="1">         
<TR>             
             
<tr>
	<th></th>
    <th>Job Name</th>
    <th>Job Number</th>
    <th>Start Doc</th>
    <th>End Doc</th>
    <th>Total</th>
  </tr>             
<tr>
	<td><INPUT type="checkbox" name="chk"/></td>
    <td><input type="text" name="name" /></td>
    <td><input type="text" name="name" /></td>
    <td><input type="text" name="name" /></td>
    <td><input type="text" name="name" /></td>
    <td><input type="text" name="name" /></td>
  </tr>
</TR>     
</TABLE>

code for the second table.
Code:

<SCRIPT language="javascript">
function addRow(incidenttable) {               
var table = document.getElementById(incidenttable);               
var rowCount = table.rows.length;             
var row = table.insertRow(rowCount);               
var cell1 = row.insertCell(0);             
var element1 = document.createElement("input");             
element1.type = "checkbox";             
cell1.appendChild(element1);               

var cell2 = row.insertCell(1); 
var element2 = document.createElement("input");             
element2.type = "text"; 
element2.size = "70";             
cell2.appendChild(element2);                            

var cell3 = row.insertCell(2);             
var element2 = document.createElement("input");             
element2.type = "text";
element2.size = "20";             
cell3.appendChild(element2); 

var cell4 = row.insertCell(2);             
var element2 = document.createElement("input");             
element2.type = "text";
element2.size = "20";             
cell4.appendChild(element2);
}                                        
function deleteRow(incidenttable) {             
try {             
var table = document.getElementById(incidenttable);             
var rowCount = table.rows.length;               
for(var i=0; i<rowCount; i++) {                 
var row = table.rows[i];                 
var chkbox = row.cells[0].childNodes[0];                 
if(null != chkbox && true == chkbox.checked) {                     
table.deleteRow(i);                     
rowCount--;                     
i--;                 
}               
}             
}catch(e) {                 
alert(e);             
}         
}       
</SCRIPT> 
<INPUT type="button" value="Add Row" onClick="addRow('incidenttable')" />
<INPUT type="button" value="Delete Row" onClick="deleteRow('incidenttable')" />
<table id="incidenttable" width="790px" border="1">
<tr>
     <th></th>
     <th>Incident</th>
     <th>Kodak Downtime</th>
     <th>System Downtime</th>
</tr>
<tr>
     <td><INPUT type="checkbox" name="chk"/></td>
     <td><input type="text" name="name" size="70" /></td>
     <td><input type="text" name="name" size="20"></td>
     <td><input type="text" name="name" size="20"></td>
</tr>
</table>

Can somebody help me to find the problem with the below given code, its not working.


$(document).on('keyup', ".add_commi", function() {
typingTimer = setTimeout(doneTyping, doneTypingInterval);
var pro = $(this).attr('id');
var selectvalue = $(this).html();

var id = pro.slice(-2);

var amount = $('#amount'+id).html();
var rate = $('#v_rate'+id).html();


//alert('working');
var data = 'cur_amount='+cur_amount +'&cur_rate='+cur_rate+'&commision='+selectvalue;

$.ajax({

type: "POST",
dataType: "json",
url: "http://localhost/agent/buy-currency-calculations/",
data: data,
success: function(output){

var cus_rate = output.cus_rate;
var total = output.total;
var tot_commision = output.commision;

alert(cus_rate, total, tot_commision);

$('#curr_rate'+id).html(cus_rate);
$('#tot'+id).html(total);
$('#tot_commi'+id).html(tot_commision);

}
});


return false;

});





Reply With Quote




01-09-2015, 02:53 PM #2
Dormilich View Profile View Forum Posts

Senior Coder Join Date Jan 2010 Location Behind the Wall Posts 3,532 Thanks 13 Thanked 372 Times in 368 Posts

cur_amount, cur_rate and selectvalue are supposedly primitive values (like numbers) but you fetch them as HTML code which the interpreting server script certainly can’t process. (if it should be indeed primitives, you should rather consider using form elements for that).

despite that jQuery has a method to fetch values off a form, which might be easier to implement, but that depends on the used HTML code.

additionally, in your browser’s dev tools you can check the network pane for what values are sent/received in the AJAX call.

Good day!

I have a question regarding textbox properties. In my textbox username I want to happen is when I input a letter for example is "l" all the letter started in "l" in my field username was appear, so that the user can choose what she want to type to lessen the time in typing like in the google search. Is it possible?How can I do that?

Thank you in advance

for(var i=0; i<orderItemIndex; i++){
document.writeln('<tr>');

}
document.writeln('<td>' + orderItemIndex[0] + '</td>');
document.write('<td>' + productName[0] + '</td>');
document.write('<td> $' + sausagePrice + '</td>');
document.write('<td> ' + orderItemQty[0] + '</td>');
document.write('<td> ' + sausageTotal + '</td>');
document.writeln('</tr>');
}

orderItemIndex is an array with user inputs in it, I'm trying to make a new row for each individual array, the table is creating correctly but the loop is not working, if several inputs are added it just outputs the last input to one row, instead of making a new one each time, what am I missing? (The code above has other problems I know but I'm working on this first)





Reply With Quote




01-07-2015, 06:50 PM #2
sunfighter View Profile View Forum Posts

Senior Coder Join Date Jan 2011 Location Missouri Posts 4,830 Thanks 25 Thanked 672 Times in 671 Posts

document.write() is a horrible way to do anything. It certainly will not insert anything, what it does is over write anything on your page so if you have a table defined with HTML the document.write() will wipe it out.

Look at HTML DOM Table insertRow() Method

I have an "animated slideshow" of 29 jpeg images on a page created using Javascript. It works fine in Internet Explorer and Firefox but not Safari or Chrome. The jpeg files names are 01.jpg through to 29.jpg. Here below is the code in the header and the body. There is an error in there somewhe


<html>
<head>
<title>My webpage</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<SCRIPT language="JavaScript" type="text/JavaScript">
<!--
var speed=1333;
var counter = 1;
function rollPics() {
document.display.src=counter+".jpg"; //Display image "counter".jpg
counter ++; // Add 1 to counter
if (counter>29) { // If counter is greater than 29 images then reset it
counter=1
}
}
<!-- END -->
</SCRIPT>
</head>

<body>
<center>
<table>
<tr><td>
<IMG NAME="display" SRC="1.jpg" onLoad="setTimeout('rollPics()',1333)">
</td></tr>
</table>
</center>
</body>
</html>

I made a php page with multiple forms with javascript code in it.
The javascript makes an input field for the date.
The problem is that the script interfers between other scripts in the other forms and i get wrong orderdate.
Code:

<form action='dataadd.php' name='$id'>";
$datestime=time();
echo "<input type=hidden name=dateid value='$id'>";
echo "<input type=hidden name=datestime value='$datestime'>";?>
<script type="text/javascript">
DateInput('orderdate', true, 'yyyy-mm-dd')</script>....

Hello,

I am building a shopping cart website that is using a mega javascript dropdown menu.

Everything was working fine until you get to the checkout page on the website. The checkout page has this accordian / spry deal where customers can checkout on one page. You can view it he


http://gem-tech.com.mytempweb.com/store/pc/onepagecheckout.asp

If I take the menu code out of the header.asp file, then the checkout page works just fine. But if I put the menu code back in, then the checkout page stops working.

Here is the menu code (simplified it a bit for this thread):

Quote:
<head>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
Quote:
<body><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

<script type="text/javascript" src="jquery.hoverIntent.minified.js"></script>
<script type="text/javascript">
$(document).ready(function() {


function megaHoverOver(){
$(this).find(".sub").stop().fadeTo('fast', 1).show();

//Calculate width of all ul's
(function($) {
jQuery.fn.calcSubWidth = function() {
rowWidth = 0;
//Calculate row
$(this).find("ul").each(function() {
rowWidth += $(this).width();
});
};
})(jQuery);

if ( $(this).find(".row").length > 0 ) { //If row exists...
var biggestRow = 0;
//Calculate each row
$(this).find(".row").each(function() {
$(this).calcSubWidth();
//Find biggest row
if(rowWidth > biggestRow) {
biggestRow = rowWidth;
}
});
//Set width
$(this).find(".sub").css({'width' :biggestRow});
$(this).find(".row:last").css({'margin':'0'});

} else { //If row does not exist...

$(this).calcSubWidth();
//Set Width
$(this).find(".sub").css({'width' : rowWidth});

}
}

function megaHoverOut(){
$(this).find(".sub").stop().fadeTo('fast', 0, function() {
$(this).hide();
});
}


var config = {
sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
interval: 100, // number = milliseconds for onMouseOver polling interval
over: megaHoverOver, // function = onMouseOver callback (REQUIRED)
timeout: 500, // number = milliseconds delay before onMouseOut
out: megaHoverOut // function = onMouseOut callback (REQUIRED)
};

$("ul#topnav li .sub").css({'opacity':'0'});
$("ul#topnav li").hoverIntent(config);



});



</script>
</body>
And there are two things of script on the onepagecheckout.asp page as well. Here they a

Quote:
<script type="text/javascript">
$(document).ready(function() { $('#chkPayment').click(); });
</script>
Quote:
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("acc1", { useFixedPanelHeights: false, enableAnimation: false });
var currentPanel = 0;

<% if session("idCustomer")>"0" then
session("OPCstep")=2
else
session("OPCstep")=0
end if %>

//* Find Current Panel
<% if len(Session("CurrentPanel"))=0 AND pcv_strPayPanel="" then %>

<% if session("idCustomer")>"0" then %>
acc1.openPanel('opcLogin');
GoToAnchor('opcLoginAnchor');
$('#LoginOptions').hide();
$('#ShippingArea').hide();
$('#BillingArea').show();
<% else %>
$('#LoginOptions').show();
$('#acc1').hide();
<% end if %>

<% else %>

<% If pcv_strPayPanel = "1" Then %>
$(document).ready(function() {
$('#LoginOptions').hide();
pcf_LoadPaymentPanel();
});
<% Else %>
acc1.openPanel('opcLogin');
$('#LoginOptions').hide();
$('#ShippingArea').hide();
$('#BillingArea').show();
<% End If %>

<% end if %>

GoToAnchor('opcLoginAnchor');

function openme(pNumber) {
acc1.openPanel(pNumber);
}
function toggle(pNumber) {
var ele = acc1.getCurrentPanel();
var panelNumber = acc1.getPanelIndex(ele);
if (panelNumber == pNumber) {
acc1.closePanel(pNumber);
} else {
acc1.openPanel(pNumber);
}
}
function togglediv(id) {
var div = document.getElementById(id);
if(div.style.display == 'block')
div.style.display = 'none';
else
div.style.display = 'block';
}

function win(fileName)
{
myFloater=window.open('','myWindow','scrollbars=yes,status=no,width=300,height=250')
myFloater.location.href=fileName;
}

</script>
Any help would be GREATLY appreciated,

Thank you

hi Pals,
I have a problem regarding the "target" attribute of "a" tag. in my code I use biggerlink jQuery script to give link to p element without come HTML validation problem. I pass the "target" value from PHP to smarty template , but it's not working , When I remove "biggerlink " it works but the link in <p> tag not working . My Tpl file is :


Code:

{if not empty($campaign)}
<div class="securti-adv biggerlink">
	{if not empty ($campaign.media)}
		<a href="{$campaign.url}" {if n($campaign.linkTarget)}target="{$campaign.linkTarget}"{/if} class="thumb">
			<img src="{$campaign.image}" title="{$campaign.title1 + $campaign.title2}" alt="{$campaign.title1 + $campaign.title2}" />	</a>
	{/if}
	<div class="details">
		{if not empty ($campaign.title1) || not empty ($campaign.sub_title)}
			<a href="{$campaign.url}" {if not empty($campaign.linkTarget)}target="{$campaign.linkTarget}"{/if} title="{$campaign.title1 + $campaign.title2}">
				 {text2image styleSlug=$campaign.titleStyle1 text=$campaign.title1}
				 {text2image styleSlug=$campaign.titleStyle2 text=$campaign.title2}
				 <span><img src="{$imagesDir}/btn-campaign-meet-security-advisor.png" alt="" title="" /></span>
			</a>
			<p> {text2image styleSlug=$campaign.subtitleStyle text=$campaign.subTitle}</p>
		{/if}
	</div>
</div>

<script type="text/javascript" language="javascript">
{literal}
$(document).ready(function(){
	$('.biggerlink').biggerlink();
});
{/literal}
</script>
{/if}

My plugin code is :



Code:

(function($) {
	$.fn.biggerlink = function(options) {

		// Default settings
		var settings = {
			hoverclass:'hover', // class added to parent element on hover
			clickableclass:'hot', // class added to parent element with behaviour
			follow: true	// follow link? Set to false for js popups
			
		};
		if(options) {
			$.extend(settings, options);
		}
		$(this).filter(function(){
			 return $('a',this).length > 0;

		}).addClass(settings.clickableclass).each(function(i){

			// Add title of first link with title to parent
			$(this).attr('title', $('a[title]:first',this).attr('title'));

			// hover and trigger contained anchor event on click
			$(this)
			.mouseover(function(){
				window.status = $('a:first',this).attr('href');
				$(this).addClass(settings.hoverclass);
			})
			.mouseout(function(){
				window.status = '';
				$(this).removeClass(settings.hoverclass);
			})
			.bind('click',function(){
				$(this).find('a:first').trigger('click');
			})

			// triggerable events on anchor itself

			.find('a').bind('focus',function(){
				$(this).parents('.'+ settings.clickableclass).addClass(settings.hoverclass);
			}).bind('blur',function(){
				$(this).parents('.'+ settings.clickableclass).removeClass(settings.hoverclass);
			}).end()

			.find('a:first').bind('click',function(e){
				if(settings.follow == true)
				{
					window.location = this.href;
				}
				e.stopPropagation(); // stop event bubbling to parent
			}).end()

			.find('a',this).not(':first').bind('click',function(){
				$(this).parents('.'+ settings.clickableclass).find('a:first').trigger('click');
				return false;
			});
		});
		return this;
	};
})(jQuery);

the value of "target" , "_blank" is not work .... I highlight the code part regarding this, please check and give me a solution ASAP. You can mail me at : anes.pa@gmail.com



Thanks,
Anes

I've been trying to bind two functions together without success: I want an autocomplete to run on input fields that are added when the user clicks on "add". I can get the two to run separately and have figured out that I should be binding the two functions...but as a noob, I'm almost sure I'm doing it wrong. Any help is appreciated!!

here is the autocomplete code:
Code:

<script type="text/javascript">
var J = jQuery.noConflict();
J(document).ready(function(){
			J('#professor').autocomplete({source:'autocomplete.php', minLength:1});
		});

here is the addinput code:
Code:

var J = jQuery.noConflict();
		J(document).ready(function(){
			J("#addproffield").click(function(){
			var input = J("<div class='added-field'><input type='text' name='professor[]' id='professor' size='25' value='' />&nbsp;&nbsp;<a href='' class='remove-btn'>Remove field</a></div>");
			J("#addprof").append(input);
				});
			J(".remove-btn").live('click',function() {
				J(this).parent().remove();
			});
		});

here is my attempt to bind the two:
Code:

var J = jQuery.noConflict();
		J(document).ready(function(){
			J("#addproffield").click(function(){
			var input = J("<div class='added-field'><input type='text' name='professor[]' id='professor' size='25' value='' />&nbsp;&nbsp;<a href='' class='remove-btn'>Remove field</a></div>");
			J("#addprof").append(input);
			input.professor({
source:'autocomplete.php', minLength:1
});
			});
			J(".remove-btn").live('click',function() {
				J(this).parent().remove();
			});
		});

Hi! Can we bind the DataGridView with ListView to display the data in the listview in the DataGridView?

Code:

 ListView Control

Hi..

I have form and i want to input data using barcode and it will display on textbox and after input on the first textbox the focus will go to next textbox untill it will go on the last textbox and on the last textbox it will automatically save the data's on the database.

How is it possible?

here is my sample code:

Code:

<?php
    error_reporting(0);
   date_default_timezone_set("Asia/Singapore"); //set the time zone  
$con = mysql_connect('localhost', 'root','');

if (!$con) {
    echo 'failed';
    die();
}
mysql_select_db("mes", $con);
?>

<html>
<head>
<script type="text/javascript">
function ini()
{

// Retrieve the code
var code =document.getElementById ("code_read_box1").value;
var code =document.getElementById ("code_read_box2").value;
var code =document.getElementById ("code_read_box3").value;
var code =document.getElementById ("code_read_box4").value;
var code =document.getElementById ("code_read_box5").value;
var code =document.getElementById ("code_read_box6").value;
// Return false to prevent the form to submit
return false;

}

</script>
</head>
<body onLoad="document.barcode.code_read_box1.focus()">

<form name=barcode onsubmit = "return ini()">

<input type="text" id="code_read_box1" value="" /><br/>
<input type="text" id="code_read_box2" value="" /><br/>
<input type="text" id="code_read_box3" value="" /><br/>
<input type="text" id="code_read_box4" value="" /><br/>
<input type="text" id="code_read_box5" value="" /><br/>
<input type="text" id="code_read_box6" value="" /><br/>
</form>

</body>
</html>

Hello. I've been teaching myself HTML and CSS for a while, and now I've moved into the world of Javascript (but I'm still very much a beginner). For practice, I've been building a sample sign up form for a mock website, and I'm having problems with the birthdate section. The idea I had was to have MM, DD, and YYYY be the default values of my 3 textboxes (as an example for users), then set the value to nothing when the box gained focus. That all works fine, but I ran into problems when I tried to write an if statement to set the value back to MM, DD, or YYYY if the value was still nothing when the user clicked away. As it is now it just replaces the text inputted into the textbox (which of course is not good). Any ideas for what the problem might be?

Code:

<form name="signup" action="javascript:void(0);" method="post">

<table>
	<tr>
		<td>Date Of Birth:</td>
		<td>
		<input name="DOBmonth" type="text" value="MM" size="2" style="color: #555555;" onFocus="clearDOBmonth()" onBlur="restoreDOBmonth()" />
		<input name="DOBday" type="text" value="DD" size="2" style="color: #555555;" onFocus="clearDOBday()" />
		<input name="DOByear" type="text" value="YYYY" size="4" style="color: #555555;" onFocus="clearDOByear()" /></td>
	</tr>
	<tr>
		<td></td>
		<td><button name="Submit" type="submit" style="font-size: 1em;">Sign Up</button></td>
	</tr>
</table>
</form>

<script type="text/javascript" language="javascript">
<!--
	document.signup.DOBmonth.value="MM";
	document.signup.DOBday.value="DD";
	document.signup.DOByear.value="YYYY";

function clearDOBmonth() { document.signup.DOBmonth.value="";}
function clearDOBday() { document.signup.DOBday.value="";}
function clearDOByear() { document.signup.DOByear.value="";}
function restoreDOBmonth()
	{
		if ('document.signup.DOBmonth.value = ""')
			{
				document.signup.DOBmonth.value = "MM";
				// alert(document.signup.DOBmonth.value);
			}
	}

//-->
</script>

Another side question, if I set a variable equal to the value of a textbox, then change the value of the variable, does that also change the value of the textbox? or is the variable no longer associated with the textbox. Example: Code:

var a = document.form.textbox.value;
a = blue;

does document.form.textbox.value = blue? or is var a now completely independent of the textbox value? Thanks!

Hi,

i got a textbox with a submit button but when submit button is clicked it works but it reloads the page.

is possible to submit without reload the page?

thanks