|
JavaScript - Saving Contents Of Input Boxes
This little script works nicely in IE, and FF but fails in Chrome. It saves the contents of input boxes and displays them next time the page loads:
(the cookie functions are the usual ones) Code: window.onload = function()
{
var theInputs = document.getElementsByTagName('input');
for(var i = 0; i < theInputs.length; i++)
{
if(theInputs[i].type == 'text')
{
theInputs[i].onkeyup = function()
{
createCookie(this.name,this.value,9999);
}
}
if(readCookie(theInputs[i].name+'val') != null)
{
theInputs[i].value = readCookie(theInputs[i].name+'val');
}
}
}
Is there an obvious reason why Chrome is not doing this? Similar Tutorialsi want to have the capability similar as that of vbulletin so that if user is writing reply using 'quick reply' & want to move to full editor page the contents be preserved. @phpbb3 (I am successful needs optimisation) 1] the textarea id is similar both in quick & full reply editors 2] When replying a special string is there in url my code: Code: var field = document.getElementById("text_editor_textarea");
if (sessionStorage.getItem("autosave") && document.URL.indexOf("mode=reply") > 0) {
field.value = sessionStorage.getItem("autosave");
}
if (field) {
setInterval(function() {
sessionStorage.setItem("autosave", field.value);
}, 1e3);
}
Now everone knows this time interval function is heavy for browsers...so I want to start ts only when field.value.length > 0 but I am unable to do so. Any suggestions. Simply this willnt work Code: if (field && field.value.length > 0) {
Is there any possible way for JS to save changes that a user has made? my situation is that I'm a photographer who offers photobooks. My customers often have hundreds or thousands of photos and want captions on lots of them. I want to post a photo gallery with a user input form. I've created a simple form, but I want the user to be able to save comments straight to the gallery so I can look at them... it's only a very simple form and isn't quite finished yet, oh by the way, I'm not sure how to use the check box... but, i'll work on that. Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
<!--
#divWrapper {
text-align: center;
width: 430px;
margin-right: auto;
margin-left: auto;
}
-->
</style>
</head>
<body>
<script type="text/javascript">
function picForm()
{
if(document.frmInput.addPic.value="yes")
{
document.frmOutput.outChoice.value="will"
}
else
{
document.frmOutput.outChoice.value="will NOT"
}
document.frmOutput.outCap.value=document.frmInput.addCap.value;
document.frmOutput.outComm.value=document.frmInput.addComm.value;
}
</script>
<div id="divWrapper">
<p>Uncheck the box if you do NOT want this photo to appear in your photobook. Please write your caption in the box provided. Any further comments you wish to make can be entered in the second box.</p>
<div id="divInput">
<form name="frmInput">
<table id="tblForm" cellpadding="3px">
<tr>
<td><input name="addPic" type="checkbox" value="yes">
Add to Photobook</td>
<td> </td>
</tr>
<tr>
<td>Caption<br>
<textarea name="addCap" cols="24" rows="3" value="...Add Caption Here..."></textarea></td>
<td>Comments<br>
<textarea name="addComm" cols="24" rows="3" value="...Add Comments Here..."></textarea></td>
</tr>
<tr>
<td></td>
<td><div align="right">
<input name="btnSubmit" type="button" value="Submit" onClick="picForm()" />
</div></td>
</tr>
</table>
</form>
</div>
<div id="divOutput">
<form name="frmOutput">
<p>This photo
<input name="outChoice" type="text" value="" size="7" style="border:0px" />
appear in your photo book.</p>
<p>You would like the caption to read:
<input name="outCap" type="text" value="" size="50" style="border:0px" />
</p>
<p>Your comments to us a
<input name="outComm" type="text" value="" size="50" style="border:0px" />
</p>
</form>
</div>
</div>
</body>
</html>
Please help! Hi all, What I am trying to achieve. I have a php page that has a button on it when clicked shows a div (previously hidden) in the middle of the page this div contains a table with rows. Each row has an image acting as a button and a series of fields that are populated from a database. One of the fields is a quantity box I want to be able to change the value in this box and click on the submit img and have it submit this info (including the altered quantity) back to the php page or to the submit function so that I can then access the values. I have absolutly no idea how to start this. I have very limited javascript experience. the submit looks something like (at the moment) Code: echo '<a href="#" onclick="javascript: document.getElementById(\'stockitemid\').value = '.$stockline->purchaseitemid.'; submitbutton(\'addLineFromStock\')" >'.$purchaseLineImg.'</a>'; and then I was trying to alert in the submit function something like: Code: alert(document.getElementById('stockitemid').value);
my div td fields look like Code: <td> <input type="text" size="3" name="sid[<?php echo $stockline->purchaseitemid; ?>]" id="stockitemid<?php echo $count; ?>" value="<?php echo $stockline->purchaseitemid; ?>" /> </td> <td> <input type="text" size="3" name="stockqty[<?php echo $stockline->purchaseitemid; ?>]" id="stockquantity" value="<?php echo $stockline->quantitysupplied; ?>" /> </td> Any help would be greatly appreciated Thanks Kate In a form I have two input boxes (ids of return1 and return2) with default values of 0 and a span element (id return3). The span's value is initalized to 0 on page load, and it updates when a button is clicked that calculates x - value of return1 - value of return 2, where x is calculated elsewhere. Form code: Code: Month 1: <input size="7" type="text" value="0" id="return1" name="return_1"> <input type="button" value="Calculate Remaining Amount" onClick="thirdReturn();"> Month 2: <input size="7" type="text" id="return2" value="0" name="return_2"> Month 3: <span style="color:black; font-size:14px;" id="return3"></span> ThirdReturn code: Code: function thirdReturn() {
var first_return = document.getElementById("return1").value;
var second_return = document.getElementById("return2").value;
first_return = first_return.replace(/\,/g,'');
second_return = second_return.replace(/\,/g,'');
var combined = Number(first_return) + Number(second_return);
if (typeof this.remaining_pipp_amount == "undefined") {
alert('Please select a Flex option');
}
else{
if (combined > this.remaining_pipp_amount){
alert('Return Amount Exceeds Credit Amount');
}
else{
var temp = this.remaining_pipp_amount - combined;
var third_return_amount = document.getElementById("return3");
third_return_amount.innerHTML = addCommas(Math.round(temp));
}
}
}
I am trying to change it so that if return2 is zero when the button is clicked, return2 = x - return 1. Here is what I have: Code: function thirdReturn() {
var first_return = document.getElementById("return1").value;
var second_return = document.getElementById("return2").value;
first_return = first_return.replace(/\,/g,'');
second_return = second_return.replace(/\,/g,'');
var combined = Number(first_return) + Number(second_return);
if (typeof this.remaining_pipp_amount == "undefined") {
alert('Please select a Flex option');
}
else{
if (combined > this.remaining_pipp_amount){
alert('Return Amount Exceeds Credit Amount');
}
else{
var temp = this.remaining_pipp_amount - combined;
if (second_return == 0){
var new_second = document.getElementById("return2")
new_second.innerHTML = Math.round(temp);
}
else{
var third_return_amount = document.getElementById("return3");
//alert (temp);
third_return_amount.innerHTML = addCommas(Math.round(temp));
}
}
}
}
Does anyone know why this doesn't work or what can be done to fix it? Thank you! I am stuck on this question. 1. To set the value contained in a field such as an input box, you must use the ____________________ property. This is based on Javascript. What type of properties are used for fields in an input box? Thanks I can't figure this. Basically I have a dialogue pop out box. When you type a value in the pop out box,and press enter, it will change the value in the input boxes. Let say I have five input boxes, four of the input box has 7 as value,the last input box has 15 value. When I type 8 and enter, it should change only the value of 15(from 15 to 8) as 15 is greater than 8. If I type 4, it should change all the values of input boxes as all of the input box values are greater than 4. I have set the condition to 18 as input boxes are 18 columns. jsNewDisc is the user input value. Below are some pieces of codes. Of course if I type 5 and enter, this condition will change all the values in the five input boxes as they are all of greater value. If I input 8, input box that has a value of 15 will be the only one that will be change as it has greater value. Code: for (a=1;a < 18; a++){
if(document.getElementById('R4'+ a).value>jsNewDisc){
document.getElementById('R4'+ a).value = jsNewDisc;
}
}
I am working on a job calculator. I have 2 txt input boxes titled "project_rate_field" and "project_time_field" as well as a third box .. "project_pay_total_field" for output.. I need to multiply the rate field and the time field and output the total into the third box. I've never really used javascript before so I dont know much about it or how to write it but im trying to learn. Here is my .js file ... Code: function project_pay_details()
{
var rate = document.getElementById("project_rate_field").value;
var time = document.getElementById("project_time_field").value;
var total = (rate * time);
project_pay_total_field.value = "$" + total;
}
And here is my .html file Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript" href="functions.js" />
<style>
.wrap { float: right; }
#project_pay { float: left; margin-right: 15px; line-height: 38px; font: 10px Arial, Helvetica, sans-serif; color: #bbb; }
#project_pay_details { border-top: 1px dotted #ddd; padding-bottom: 10px; margin-top: 10px; float: right; width: 100%; }
.field { border: none; line-height: 38px; font: 20px Arial, Helvetica, sans-serif; color: #666; width: 100px; font-weight: bold; margin-top: 6px; }
</style>
</head>
<body>
<form id="project_pay_details" name="form1" method="post" action="" class="editable">
<div class="wrap">
<div id="project_pay">Pay Rate<input type="text" name="project_rate_field" id="project_rate_field" class="field" value="10" />/ hr</div>
<div id="project_pay">Total Hours<input type="text" name="project_time_field" id="project_time_field" class="field" value="0" /></div>
<div id="project_pay">Project Total<input type="text" name="project_pay_total_field" id="project_pay_total_field" class="field" readonly="readonly" value="0" /></div>
<input name="project_pay_details_refresh" type="button" value="Refresh" onClick="project_pay_details()" /></input>
</div>
</form>
</body>
</html>
I need to know what im doing wrong because this obviously doesnt work. Hello all, I have a requirement where i need to take an IPv4 address as an input, my web page has 4 text boxes. If i have a address like this 255.255.255.255, my program jumps into the next text box without any problem as soon as i enter the 3 digits. i dont need to press any tab or any other key to go to next text box. In case of an address like 12.24.12.3, i have to press <tab> to jump into the next text box, My project requirement says that it should work with '.' (dot) char as well. SO here is my actual requirement i need to jump into the next text box as soon as user enters a dot (.) char without displaying the dot into the text box. I am writing this program in perl CGI. Thanks, Vaibhav Hello there, Problem: I was able to see problem only in IE6 Form input fields not clickable and not accepting inputs + Can't even select text or perform most right-click functions. URL: http://www.webhostingkit.com/a/cgi/p...usercontactall Was wondering if anyone can help me out with this weird problem. Not sure why, but none of the input form fields are able to accept values or even clickon them. Site displays just fine in IE, however anywhere on the site, when user tries to input, it just won't show happen, any idea on what is wrong or how to fix this? Thanks again. ** Edit ** If anyone has IE6 installed can you please test it, cuz I am thinking it might be just the standalone version of IE I have might be having the issue, as in that IE, some major sites (including yahoo.com) are having the same issues. I've been playing around with a madlibs exercise while trying to learn simple javascript. I have three input boxes and a button display an alert containing the input from the boxes. Am I right to be assigning variable names to the values from the text boxes and then referencing those variables in my alert? I'm sorry if this is a dumb question but I've been working on it for hours and can't get past this point. Inset a name: <input type="text" id="textbox1" size="10"/> </br> Insert a verb : <input type="text" id="textbox2" size="10"/> </br> Insert a place: <input type="text id="textbox3" size="10"/> <input type="button" value="CLICK WHEN FINISHED" onClick="name = document.getElementById('textbox1').value; verb = document.getElementById('textbox2').value; place = document.getElementById('textbox3').value; alert('Mad Lib :' + name + " " + verb + " " + place);" /> I have a problem with this code. i want to save the result drawing to the database using php as binary format. but i dont know how, can you help me with this. below is my code Code: <div style="width:225px; padding-top:60px; height:452px; margin:0px auto; text-align:center; background:url(template/premium/img/guild.gif) no-repeat top center;">
<form action="" method="post" onsubmit="request('crgild','sh_','POST','index.php'); return false;" id="crgild">
Select Character: <select name="character">
<option value="[ASSASSIN]">[ASSASSIN]</option></select><br><br>NAME: <input class="txt-input" type="text" maxlength="10" name="guildname"><br>
<div style="margin:10px;"><div class="guild-top-left2" style="background-color:#000000;"></div>
<div class="guild-top-right2" style="background-color:#000000;"></div><div class="guild-top-center2" style="background-color:#000000;"></div>
<div class="guild-center-left" style="background-color:#000000;"><div class="guild-center-right">
<table style="width: 150px; height:150px" align=center cellpadding=0 cellspacing=1><tr>
<td onclick="addcolor(1);" id="gimage1" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[1]" id="poscolor[1]" value="0"></td>
<td onclick="addcolor(2);" id="gimage2" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[2]" id="poscolor[2]" value="0"></td>
<td onclick="addcolor(3);" id="gimage3" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[3]" id="poscolor[3]" value="0"></td>
<td onclick="addcolor(4);" id="gimage4" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[4]" id="poscolor[4]" value="0"></td>
<td onclick="addcolor(5);" id="gimage5" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[5]" id="poscolor[5]" value="0"></td>
<td onclick="addcolor(6);" id="gimage6" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[6]" id="poscolor[6]" value="0"></td>
<td onclick="addcolor(7);" id="gimage7" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[7]" id="poscolor[7]" value="0"></td>
<td onclick="addcolor(8);" id="gimage8" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[8]" id="poscolor[8]" value="0"></td></tr>
<tr><td onclick="addcolor(9);" id="gimage9" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[9]" id="poscolor[9]" value="0"></td>
<td onclick="addcolor(10);" id="gimage10" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[10]" id="poscolor[10]" value="0"></td>
<td onclick="addcolor(11);" id="gimage11" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[11]" id="poscolor[11]" value="0"></td>
<td onclick="addcolor(12);" id="gimage12" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[12]" id="poscolor[12]" value="0"></td>
<td onclick="addcolor(13);" id="gimage13" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[13]" id="poscolor[13]" value="0"></td>
<td onclick="addcolor(14);" id="gimage14" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[14]" id="poscolor[14]" value="0"></td>
<td onclick="addcolor(15);" id="gimage15" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[15]" id="poscolor[15]" value="0"></td>
<td onclick="addcolor(16);" id="gimage16" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[16]" id="poscolor[16]" value="0"></td></tr>
<tr><td onclick="addcolor(17);" id="gimage17" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[17]" id="poscolor[17]" value="0"></td>
<td onclick="addcolor(18);" id="gimage18" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[18]" id="poscolor[18]" value="0"></td>
<td onclick="addcolor(19);" id="gimage19" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[19]" id="poscolor[19]" value="0"></td>
<td onclick="addcolor(20);" id="gimage20" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[20]" id="poscolor[20]" value="0"></td>
<td onclick="addcolor(21);" id="gimage21" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[21]" id="poscolor[21]" value="0"></td>
<td onclick="addcolor(22);" id="gimage22" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[22]" id="poscolor[22]" value="0"></td>
<td onclick="addcolor(23);" id="gimage23" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[23]" id="poscolor[23]" value="0"></td>
<td onclick="addcolor(24);" id="gimage24" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[24]" id="poscolor[24]" value="0"></td></tr>
<tr><td onclick="addcolor(25);" id="gimage25" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[25]" id="poscolor[25]" value="0"></td>
<td onclick="addcolor(26);" id="gimage26" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[26]" id="poscolor[26]" value="0"></td>
<td onclick="addcolor(27);" id="gimage27" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[27]" id="poscolor[27]" value="0"></td>
<td onclick="addcolor(28);" id="gimage28" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[28]" id="poscolor[28]" value="0"></td>
<td onclick="addcolor(29);" id="gimage29" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[29]" id="poscolor[29]" value="0"></td>
<td onclick="addcolor(30);" id="gimage30" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[30]" id="poscolor[30]" value="0"></td>
<td onclick="addcolor(31);" id="gimage31" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[31]" id="poscolor[31]" value="0"></td>
<td onclick="addcolor(32);" id="gimage32" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[32]" id="poscolor[32]" value="0"></td></tr>
<tr><td onclick="addcolor(33);" id="gimage33" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[33]" id="poscolor[33]" value="0"></td>
<td onclick="addcolor(34);" id="gimage34" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[34]" id="poscolor[34]" value="0"></td>
<td onclick="addcolor(35);" id="gimage35" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[35]" id="poscolor[35]" value="0"></td>
<td onclick="addcolor(36);" id="gimage36" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[36]" id="poscolor[36]" value="0"></td>
<td onclick="addcolor(37);" id="gimage37" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[37]" id="poscolor[37]" value="0"></td>
<td onclick="addcolor(38);" id="gimage38" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[38]" id="poscolor[38]" value="0"></td>
<td onclick="addcolor(39);" id="gimage39" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[39]" id="poscolor[39]" value="0"></td>
<td onclick="addcolor(40);" id="gimage40" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[40]" id="poscolor[40]" value="0"></td></tr>
<tr><td onclick="addcolor(41);" id="gimage41" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[41]" id="poscolor[41]" value="0"></td>
<td onclick="addcolor(42);" id="gimage42" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[42]" id="poscolor[42]" value="0"></td>
<td onclick="addcolor(43);" id="gimage43" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[43]" id="poscolor[43]" value="0"></td>
<td onclick="addcolor(44);" id="gimage44" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[44]" id="poscolor[44]" value="0"></td>
<td onclick="addcolor(45);" id="gimage45" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[45]" id="poscolor[45]" value="0"></td>
<td onclick="addcolor(46);" id="gimage46" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[46]" id="poscolor[46]" value="0"></td>
<td onclick="addcolor(47);" id="gimage47" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[47]" id="poscolor[47]" value="0"></td>
<td onclick="addcolor(48);" id="gimage48" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[48]" id="poscolor[48]" value="0"></td></tr>
<tr><td onclick="addcolor(49);" id="gimage49" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[49]" id="poscolor[49]" value="0"></td>
<td onclick="addcolor(50);" id="gimage50" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[50]" id="poscolor[50]" value="0"></td>
<td onclick="addcolor(51);" id="gimage51" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[51]" id="poscolor[51]" value="0"></td>
<td onclick="addcolor(52);" id="gimage52" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[52]" id="poscolor[52]" value="0"></td>
<td onclick="addcolor(53);" id="gimage53" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[53]" id="poscolor[53]" value="0"></td>
<td onclick="addcolor(54);" id="gimage54" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[54]" id="poscolor[54]" value="0"></td>
<td onclick="addcolor(55);" id="gimage55" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[55]" id="poscolor[55]" value="0"></td>
<td onclick="addcolor(56);" id="gimage56" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[56]" id="poscolor[56]" value="0"></td></tr>
<tr><td onclick="addcolor(57);" id="gimage57" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[57]" id="poscolor[57]" value="0"></td>
<td onclick="addcolor(58);" id="gimage58" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[58]" id="poscolor[58]" value="0"></td>
<td onclick="addcolor(59);" id="gimage59" style="border:1px solid #555555; cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15">
<input type="hidden" name="poscolor[59]" id="poscolor[59]" value="0"></td>
</tr>
<tr></table></div></div>
<div class="guild-bottom-left" style="background-color:#000000;"></div><div class="guild-bottom-right" style="background-color:#000000;"></div>
<div class="guild-bottom-center" style="background-color:#000000;"></div></div>
<div id="currentcolor2" style="width:15px; float:left; margin-left:30px; height:15px; border:1px solid #555555; background:url(template/premium/img/guild-back.gif);"></div>
<div style="float:feft; text-align:left; margin-left:50px; margin-right:20px;">After selecting a color with the mouse, please draw.</div><br>
<table align=center cellpadding=0 cellspacing=0 border=1><tr>
<td onclick="changecolor(this.style.background,0)" style="cursor:pointer; background:url(template/premium/img/guild-back.gif);" width="15" height="15"></td>
<td onclick="changecolor(this.style.background,1)" style="cursor:pointer; background:#000000;" width="15" height="15"></td>
<td onclick="changecolor(this.style.background,2)" style="cursor:pointer; background:#8c8a8d;" width="15" height="15"></td>
<td onclick="changecolor(this.style.background,3)" style="cursor:pointer; background:#ffffff;" width="15" height="15"></td>
<td onclick="changecolor(this.style.background,4)" style="cursor:pointer; background:#fe0000;" width="15" height="15"></td>
<td onclick="changecolor(this.style.background,5)" style="cursor:pointer; background:#ff8a00;" width="15" height="15"></td>
<td onclick="changecolor(this.style.background,6)" style="cursor:pointer; background:#ffff00;" width="15" height="15"></td>
<td onclick="changecolor(this.style.background,7)" style="cursor:pointer; background:#8cff01;" width="15" height="15"></td></tr>
<tr><td onclick="changecolor(this.style.background,8)" style="cursor:pointer; background:#00ff00;" width="15" height="15"></td>
<td onclick="changecolor(this.style.background,9)" style="cursor:pointer; background:#01ff8d;" width="15" height="15"></td>
<td onclick="changecolor(this.style.background,'A')" style="cursor:pointer; background:#00ffff;" width="15" height="15"></td>
<td onclick="changecolor(this.style.background,'B')" style="cursor:pointer; background:#008aff;" width="15" height="15"></td>
<td onclick="changecolor(this.style.background,'C')" style="cursor:pointer; background:#0000fe;" width="15" height="15"></td>
<td onclick="changecolor(this.style.background,'D')" style="cursor:pointer; background:#8c00ff;" width="15" height="15"></td>
<td onclick="changecolor(this.style.background,'E')" style="cursor:pointer; background:#ff00fe;" width="15" height="15"></td>
<td onclick="changecolor(this.style.background,'F')" style="cursor:pointer; background:#ff008c;" width="15" height="15"></td>
</tr></table>
<input type="hidden" id="currentcolor" value=""><br><br>
<input class="guild-submit" name="createguild" type="submit" value="Create"></form></div>
<script type="text/javascript">
function changecolor(color,encode)
{
document.getElementById('currentcolor').value=encode;
document.getElementById('currentcolor2').style.background=color;
}
function addcolor(id)
{
document.getElementById('poscolor['+id+']').value=document.getElementById('currentcolor').value;
document.getElementById('gimage'+id).style.background=document.getElementById('currentcolor2').style.background;
}
</script>
<input type="hidden" id="new_credits" value="0">
hello people! i would like to ask if someone can help me code a couple of scripts for saving various data into cookies, and then post them to e-mail through a cgi script. to be more clear, i want to save some questionare's answers given through a series of html pages, to cookies. when (and if) the last question is answered, send all the answers to an e-mail address. thanks! hi guys kindly assist in this i have the code below used to generate additional dynamic fields how can i save data entered in mysql??? <HTML> <HEAD> <TITLE>New Task</TITLE> <link rel="stylesheet" href="style1.css" type="text/css"/> <meta http-equiv="Content-Script-Type" content="text/javascript"> <SCRIPT language="javascript"> function addRow(tableID) { var table = document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount); var colCount = table.rows[0].cells.length; for(var i=0; i<colCount; i++) { var newcell = row.insertCell(i); newcell.innerHTML = rowCount + 1; newcell.innerHTML = table.rows[0].cells[i].innerHTML; //alert(newcell.childNodes); switch(newcell.childNodes[0].type) { case "text": newcell.childNodes[0].value = ""; break; case "checkbox": newcell.childNodes[0].checked = false; break; case "select-one": newcell.childNodes[0].selectedIndex = 0; break; } } } function deleteRow(tableID) { try { var table = document.getElementById(tableID); 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) { if(rowCount <= 1) { alert("Cannot delete all the rows."); break; } table.deleteRow(i); rowCount--; i--; } } }catch(e) { alert(e); } } </SCRIPT> </HEAD> <BODY> <br> <br> <h2>INPUT NEW TASK</h2> <table border="1" width="100%"> <tr> <td> <fieldset> <legend></legend> <table border="0" width="100%"> <tr> <td>User:</td> <td><input type="text" size="20" name=""disabled></td> <td>Start Date:</td> <td><input type="text" size="20"></td> </tr> <tr> <td>Client name:</td> <td><select name=""></select></td> <td>Process</td> <td><select name=""></select></td> <td>Day?</td> <td><input type="text" size="5"></td> </tr> </table> </fieldset> <fieldset> <legend>Tasks</legend> <table border="0" width="100%"> <th width="5">select</th><th width="5">No</th><th width="150">Task</th><th width="400">Description</th><th width="100">Start Time</th> <th width="100">End Time</th><th width="100">Worked hrs</th><th width="90">Action</th> <tr> </table> <TABLE id="dataTable" width="100%" border="1"> <TD><INPUT type="checkbox" name="chk"/></TD> <td width="5"><input type="text" size="5"name=""disabled></td> <td width="150"><select name=""></select></td> <td><textarea rows="2" cols="30"></textarea></td> <td><input type="text" size="10"name=""></td> <td><input type="text" size="10"name=""enabled></td> <td><input type="text" size="10"name=""disabled></td> <td><input type="button"type="button" value="+" onclick="addRow('dataTable')"></td> <td><input type="button"type="button" value="-" onclick="deleteRow('dataTable')"></td> </tr> </table> </fieldset> <table border="0" width="100%"> <tr> <td width="122"><input type="button" value="SAVE"></td> <td></td> <td> </td> <td> </td> <td> </td> </tr> </table> </td> </tr> </table> </BODY> </HTML> I am thinking this should be fairly easy but yet I am not getting far. I want to have a form with a single text imput field for a zip code. Depending on which zip code the user enters will determine which url they will be sent to. If they enter a zip code which is not in the script, they would be sent to a default url. I am also assuming this can be accomplished with javascript. Any help is greatly appreciated. I have a problem with adding new inputs to a form (if and when required), Internet Explorer is fine but in Firefox if any previous input fields are filled when the more button is clicked they get reset to blank. JS: Code: fields = 0;
function addInput() {
if (fields != 100) {
document.getElementById('input').innerHTML += "<input type='text' name='input[]' size='30' />";
fields += 1;
} else {
document.getElementById('input').innerHTML += "<br />Maximum 100 fields allowed.";
document.form.add.disabled=true;}
}
form: Code: <form action="index.php" method="post"> <div id="input"> <input type="text" name="input[]" size="30" maxlength="15" /> </div> <!-- button --> <div id="more"> <input type="button" onclick="addInput()" name="add" value="More" /> </div> <!-- // button --> <input type="submit" name="submit" value="Submit" /> </form> as usual any help is appretiated .. I have trying to save an update the xml file which is there in same folder in which HTML page is there. In HTMl page i have written javascript code to Save and Update XML on server.The code is like this Code: function Save()
{
var xmlDoc= new ActiveXObject("MSXML.DOMDocument")
xmlDoc.async="false"
xmlDoc.load("/show/Share%20Workspace/Nidhi/Share%20%Document/Account.xml")
//..code to modify xmlDoc
xmlDoc.save ("/show/Share%20Workspace/Nidhi/Share%20%Document/Account.xml")
xmlDoc = null;
alert('Details saved');
}
When i am accessing HTMl page on server from client and this function is called error 'Parameter is incorrect' is showing on line Code: xmlDoc.save ("/show/Share%20Workspace/Nidhi/Share%20%Document/Account.xml")
Note: xmlDoc.load("/show/Share%20Workspace/Nidhi/Share%20%Document/Account.xml") is working fine. The save is working fine in local but not when on server and request from client. Kindly suggest me the possible solution to it. I'm trying to get my form to save a user's data via cookies. I found a script at http://www.fijiwebdesign.com/blog/re...ubmission.html, and it only seems to work if you refresh the page, but not if you close out the browser and restart. Code: <form action="process-contact.php" id="contact" method="post">
Name: <input type="text" name="name"/>
<br />Email: <input type="text" name="email"/>
<br />Message: <textarea name="message"></textarea>
<br /><input type="submit" value="Submit"/>
</form>
<script type="text/javascript">
window.onload = function() {
rememberFormInputs('contact', 'input-');
}
/**
* Set a cookie
* @param string cookie name
* @param string cookie value
* @param string cookie expiration counter in days
* @param string cookie path
* @param string cookie domain
* @param bool secure?
*/
function setCookie(name, value, expires, path, domain, secure) {
var today = new Date();
today.setTime(today.getTime());
if (expires) {
expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date(today.getTime() + (expires));
document.cookie = name+"="+escape(value) +
((expires) ? ";expires="+expires_date.toGMTString() : "") +
((path) ? ";path=" + path : "") +
((domain) ? ";domain=" + domain : "") +
((secure) ? ";secure" : "");
}
/**
* Get a cookie value
* @param string cookie name
*/
function getCookie(name) {
var start = document.cookie.indexOf(name + "=");
var len = start + name.length + 1;
if ((!start) && (name != document.cookie.substring(0, name.length))) {
return null;
}
if (start == -1) return null;
var end = document.cookie.indexOf(";", len);
if (end == -1) end = document.cookie.length;
return unescape(document.cookie.substring(len, end));
}
/**
* Remebers form inputs after you fill them in
* @param string form id to remember fields
* @param string a prefix to prepend to all cookie names. (prevent naming conflicts)
*/
function rememberFormInputs(form_id, prefix) {
var form = document.getElementById(form_id);
var els = document.getElementsByTagName('input');
for (var i = 0; i < els.length; i++) {
var el = els.item(i);
if (el.type == 'text') {
el.onblur = function() {
var name = this.name;
var value = this.value;
setCookie(prefix + name, value);
};
var old_value = getCookie(prefix + el.name);
if (old_value && old_value != '') {
el.value = old_value;
}
}
}
}
</script>
The demo on the site I got this code from is a broken link. I would really appreciate any and all help to get this resolved. I know cookies are suppose to save even after closing out the browser. Hello, I have to print my cell phone call records but unfortunately my wireless provider displays the number I called only when mouse is hovered over Call details. I have 470 call records and copy pasting all those numbers when mouse is hovered over it will be one hell of a task. Is there any way I could save all the information related to Called Number and do not have to move my mouse for each and every number? Using my basic programming understanding (Though I know nothing about javascript), they are using some mouseover function that displays this information. The possibility of this information to be on the server is less because this information is even available when I switch off my wireless. I can paste that portion of the code if someone needs it to help me out. Saving this website using normal "Save as" does not save the required information. Is there any other way I can save this website will all its details or somehow disabling this mouseover function so that call details are not hidden anymore. Regards, Scoobydoo Hi everyone so ive been doing some searching on how to save textarea content as a file and found ... Code: http://www.codingforums.com/showthread.php?t=32077 Saving works ok but the issue I have is that when you enter some text and hit the submit button the content of the page becomes the content within the the file your saving check demo so you can see for yourself: Code: http://6d8.info/demo.html So what I need is for the page to stay the same ie always demo.html with textarea and submit button and not the saving file content Any help is appretiated and as normal thank you in advance ... The guy who originally coded this is no longer with us and we can't seem to figure out why this code isn't working. Neither of us really know JS. I've messed with jQuery more than I've messed with straight up JS but even that is limited knowledge. Basically this code is supposed to keep track of the left navigation so when it goes to a new page it holds the opened menus open. Here's a snippet of HTML: Code: <ul id="leftnav">
<li class="widthT1">
<div id="2042-open" style="display: none;"><a href="javascript:treeToggle('2042', 'open', '/JobSeekers/Recently_Unemployed/index.aspx');" class="orangePlus">Recently Unemployed</a></div>
<div id="2042-close" style="margin-bottom:10px;"><a href="javascript:treeToggle('2042', 'close');" class="orangeMinus">Recently Unemployed</a>
<!--<div class="fix1"><hr class="grey1HR"/></div>-->
<ul class="fix4">
<li>
<div id="2063-open" style="display: none;"><a href="javascript:treeToggle('2063', 'open', '/JobSeekers/Recently_Unemployed/Apply_for_Unemployment_Insurance_Benefits/index.aspx');" class="orangePlusGT2">Apply for Unemployment Insurance Benefits</a></div>
<div id="2063-close"><a href="javascript:treeToggle('2063', 'close');" class="orangeMinusGT2">Apply for Unemployment Insurance Benefits</a>
<!--<div class="fix2"><hr class="grey2HR"/></div>-->
<ul>
The above is repeated but that should be enough to show you what it's doing? Here's the JS: Code: function getTreeStateArray()
{
var empty = new Array();
var soc = document.cookie.indexOf("treestate=");
if(soc != -1)
{
var eoc = document.cookie.indexOf("-", soc);
if(eoc == -1)
eoc = document.cookie.length;
return(unescape(document.cookie.substring(soc+10, eoc)).split("-"));
}
return(empty);
}
function setTreeStateArray(treeState)
{
document.cookie = "treestate=" + escape(treeState.join("-"));
}
function restoreTreeState(treeID)
{
var treestate = getTreeStateArray();
var i, j, treeNodeName, treeElements;
treeElements = document.getElementById(treeID).getElementsByTagName("div");
for(i = 0; i < treeElements.length; i++)
{
var sosuffix = treeElements[i].id.indexOf('-close');
if(sosuffix == -1)
sosoffix = treeElements[i].id.indexOf('-open');
if(sosuffix != -1)
{
var nodeName = treeElements[i].id.substring(0, sosuffix);
var found = false;
for(j = 0; j < treestate.length; j++)
{
if(treestate[j] == nodeName)
found = true;
}
if(found == true)
{
document.getElementById(nodeName + '-open').style.display = 'none';
document.getElementById(nodeName + '-close').style.display = 'block';
}
else
{
document.getElementById(nodeName + '-open').style.display = 'block';
document.getElementById(nodeName + '-close').style.display = 'none';
}
}
}
}
function removeNodeFromTreeState(nodeName)
{
var treestate = getTreeStateArray();
var newTreeState = new Array();
var i, treeNodeName;
for(i = 0; i < treestate.length; i++)
{
treeNodeName = treestate[i];
if(treeNodeName != nodeName)
newTreeState.push(treeNodeName);
}
setTreeStateArray(newTreeState);
}
function addNodeToTreeState(nodeName)
{
var treestate = getTreeStateArray();
var newTreeState = new Array();
var i, treeNodeName;
for(i = 0; i < treestate.length; i++)
{
treeNodeName = treestate[i];
if(treeNodeName == nodeName)
return;
newTreeState.push(treeNodeName);
}
newTreeState.push(nodeName);
setTreeStateArray(newTreeState);
}
function treeToggle(treeNodeName, treeNodeState, followLink)
{
if(treeNodeState == 'open')
{
addNodeToTreeState(treeNodeName);
document.getElementById(treeNodeName + '-open').style.display =
'none';
document.getElementById(treeNodeName + '-close').style.display =
'block';
if(typeof(followLink) != 'undefined')
window.location.href = followLink;
}
else
{
removeNodeFromTreeState(treeNodeName);
document.getElementById(treeNodeName + '-open').style.display =
'block';
document.getElementById(treeNodeName + '-close').style.display =
'none';
}
}
What happens is it remembers the first thing you click on, but nothing more. We looked at the cookie value and it seems to be right. 4digit number followed by - followed by 4 more digits etc etc (0000-0001-0002 etc) If anyone could help that would be wonderful. Thanks for any and all help, Justin |
|||||||