JavaScript - Feed Values To Hidden Fields

Afternoon All,

I have managed to secure some JavaScript code from another site that allows me to access values from within my Google Analytics cookie:


<!-- begin Referer Check -->

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write("<script src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'>" + "</sc" + "ript>");
</script>

<script type='text/javascript'>
var pageTracker = _gat._getTracker("UA-1-1");
pageTracker._trackPageview();

//
// This is a function that I "borrowed" from the urchin.js file.
// It parses a string and returns a value. I used it to get
// data from the __utmz cookie
//
function _uGC(l,n,s) {
if (!l || l=="" || !n || n=="" || !s || s=="") return "-";
var i,i2,i3,c="-";
i=l.indexOf(n);
i3=n.indexOf("=")+1;
if (i > -1) {
i2=l.indexOf(s,i); if (i2 < 0) { i2=l.length; }
c=l.substring((i+i3),i2);
}
return c;
}

//
// Get the __utmz cookie value. This is the cookies that
// stores all campaign information.
//
var z = _uGC(document.cookie, '__utmz=', ';');
//
// The cookie has a number of name-value pairs.
// Each identifies an aspect of the campaign.
//
// utmcsr = campaign source
// utmcmd = campaign medium
// utmctr = campaign term (keyword)
// utmcct = campaign content
// utmccn = campaign name
// utmgclid = unique identifier used when AdWords auto tagging is enabled
//
// This is very basic code. It separates the campaign-tracking cookie
// and populates a variable with each piece of campaign info.
//
var source = _uGC(z, 'utmcsr=', '|');
var medium = _uGC(z, 'utmcmd=', '|');
var term = _uGC(z, 'utmctr=', '|');
var content = _uGC(z, 'utmcct=', '|');
var campaign = _uGC(z, 'utmccn=', '|');
var gclid = _uGC(z, 'utmgclid=', '|');
//
// The gclid is ONLY present when auto tagging has been enabled.
// All other variables, except the term variable, will be '(not set)'.
// Because the gclid is only present for Google AdWords we can
// populate some other variables that would normally
// be left blank.
//
if (gclid !="-") {
source = 'google';
medium = 'cpc';
}
// Data from the custom segmentation cookie can also be passed
// back to your server via a hidden form field
var csegment = _uGC(document.cookie, '__utmv=', ';');
if (csegment != '-') {
var csegmentex = /[1-9]*?\.(.*)/;
csegment = csegment.match(csegmentex);
csegment = csegment[1];
} else {
csegment = '(not set)';
}

//
// One more bonus piece of information.
// We're going to extract the number of visits that the visitor
// has generated. It's also stored in a cookie, the __utma cookis
//
var a = _uGC(document.cookie, '__utma=', ';');
var aParts = a.split(".");
var nVisits = aParts[5];

/*

function populateHiddenFields(f) {
f.source.value = source;
f.medium.value = medium;
f.term.value = term;
f.content.value = content;
f.campaign.value = campaign;
f.segment.value = csegment;
f.numVisits.value = nVisits;

alert('source='+f.source.value);
alert('medium='+f.medium.value);
alert('term='+f.term.value);
alert('content='+f.content.value);
alert('campaign='+f.campaign.value);
alert('custom segment='+f.segment.value);
alert('number of visits='+f.numVisits.value);

return false;
}

*/

document.forms["cforms2"].elements["cf2_field_1"].value = source;

</script>




The key outputs from this code are the vars:

source
medium
term
content
campaign
csegment
nVisits

My question is, how can I get the source var into the hidden field in the form in my footer http://www.yogaholidays.co?

I have tried to pass just the source var from within the <script> tags.

document.forms["cforms2"].elements["cf2_field_1"].value = source;

I have commented out part of original code that I did not think I needed.

Any help that can be offered I would be grateful, ultimately I would like to be able to pass all these values to hidden fields.

Thanks

Paul Brown

I have two select lists.

Morning
Code:

<tr valign="top">
        <td align="right">Morning:</td>
        <td><select name="wcsave_09_msession" id="wcsave_09_msession" size="1" onblur="CheckField(this.form,this,'');" onchange="display1(this,'Mastery sesson 1','Concurrent sessons 1-6');">
        <option value="" selected="selected">Choose one</option>
        <option value="Mastery sesson 1">Mastery sesson #1</option>
        <option value="Concurrent sessons 1-6">Concurrent sessons #1-#6</option>
        </select>
        </td>
        </tr>

Afternoon:
Code:

 <tr valign="top">
            <td align="right">Afternoon:</td>
            <td><select name="wcsave_09_asession" id="wcsave_09_asession" size="1" onblur="CheckField(this.form,this,'');" onchange="display2(this,'Mastery sesson 2','Concurrent sessons 7-12');"><!--showDiv(this.value)-->
            <option value="" selected="selected">Choose one</option>
            <option value="Mastery sesson 2">Mastery sesson #2</option>
            <option value="Concurrent sessons 7-12">Concurrent sessons #7-#12</option>
            </select>
            </td>
            </tr>

In each list depending on what option is chosen, a corresponding div will show with select lists.

Morning div:
Code:

<div id="Mastery sesson 1" style="display: none;">
						<table class="special">
              <tr valign="top">
              <td>(9:15 a.m. - 10:15 a.m.)<br /><select name="wcsave_10_session_mmastery" id="wcsave_10_session_mmastery">
              <option value="" selected="selected">Choose one</option>
              <option value="Mastery session #1 - Computer Lab: Searching Essentials"><strong>Mastery session #1</strong> - Computer Lab: Searching Essentials</option>
               </select>
               </td>
               </tr>
              </table>
            </div>
						<div id="Concurrent sessons 1-6" style="display: none;">
              <table class="special">
                <tr valign="top">
                <td>Choose a session for each time slot.<br />
                (9:15 a.m. - 10:15 a.m.)<br /><select name="wcsave_10_session_mconc1" id="wcsave_10_session_mconc1" onchange="toggleSelect();">
                <option value="" selected="selected">Choose one</option>
                <option value="Concurrent session #1 - IRB 101 for Research Nurses">Concurrent session #1 - IRB 101 for Research Nurses</option>
                 <option value="Concurrent session #2 - A Research Poster Contest as a Tool to Learn About Research/EBP">Concurrent session #2 - A Research Poster Contest as a Tool to Learn About Research/EBP</option>
                 <option value="Concurrent session #3 - Beginning the EBP Journey: Evaluating and Synthesizing the Literature">Concurrent session #3 - Beginning the EBP Journey: Evaluating and Synthesizing the Literature</option>
                 </select>
                 </td>
                 </tr>
                 <tr valign="top">
                <td>(10:30 a.m. - 11:30 a.m.)<br /><select name="wcsave_10_session_mconc2" id="wcsave_10_session_mconc2" onchange="toggleSelect();">
                <option value="" selected="selected">Choose one</option>
                <option value="Concurrent session #4 - IRB 101 for Research Nurses">Concurrent session #4 - Making Sense of Statistics When Reading Research</option>
                 <option value="Concurrent session #5 - Original Research Presentations">Concurrent session #5 - <em>Original Research Presentations</em></option>
                 <option value="Concurrent session #6 - IRB Considerations with Vulnerable Populations">Concurrent session #6 - IRB Considerations with Vulnerable Populations</option>
                 </select>
                 </td>
                 </tr>
               </table>
              </div>

Afternoon div:

Code:

<div id="Mastery sesson 2" style="display: none;">
							<table class="special">
                <tr valign="top">
                <td>(1:45 p.m. - 4:00 p.m.)<br /><select name="wcsave_10_session_mmastery" id="wcsave_10_session_mmastery">
                <option value="" selected="selected">Choose one</option>
               <option value="Mastery session #2 - Beyond the Basics of Searching!"><strong>Mastery session #2</strong> - Beyond the Basics of Searching!</option>
                 </select>
                 </td>
                 </tr>
                </table>
              </div>
              <div id="Concurrent sessons 7-12" class="hiddenDiv">
                <table class="special">
                  <tr valign="top">
                  <td>Choose a session for each time slot.<br />
                  (1:45 p.m. - 4:00 p.m.)<br /><select name="wcsave_10_session_aconc1" id="wcsave_10_session_aconc1" onchange="toggleSelect();">
                  <option value="" selected="selected">Choose one</option>
                 <option value="" selected="selected">Choose one</option>
                  <option value="Concurrent session #7 - EBP Protocols">Concurrent session #7 - EBP Protocols</option>
                   <option value="Concurrent session #8 - Writing for Publication">Concurrent session #8 - Writing for Publication</option>
                   <option value="Concurrent session #9 - Original Research Presentations">Concurrent session #9 - Original Research Presentations</option>
                   </select>
                   </td>
                   </tr>
                   <tr valign="top">
                  <td>(3:00 p.m. - 4:00 p.m.)<br /><select name="wcsave_10_session_aconc2" id="wcsave_10_session_aconc2" onchange="toggleSelect();">
                  <option value="" selected="selected">Choose one</option>
                  <option value="Concurrent session #10 - Writing a Research Question Using PICO">Concurrent session #10 - Writing a Research Question Using PICO</option>
                   <option value="Concurrent session #11 - EBP Project Presentations">Concurrent session #11 - EBP Project Presentations</option>
                   <option value="Concurrent session #12 - The Role of the Research Facilitator">Concurrent session #12 - The Role of the Research Facilitators</option>
                   </select>
                   </td>
                   </tr>
                 </table>
                </div>

Once two options are chosen in the divs, the Afternoon or Morning becomes disabled.
Code:

function toggleSelect() {
	var selBox0 = document.getElementById('wcsave_10_session_mconc1');
	 var selBox1 = document.getElementById('wcsave_10_session_mconc2');
	  var selBox2 = document.getElementById('wcsave_09_msession');
	 var selBox3 = document.getElementById('wcsave_10_session_aconc1');
	 var selBox4 = document.getElementById('wcsave_10_session_aconc2');	
	 var selBox5 = document.getElementById('wcsave_09_asession');

	if ((selBox0.selectedIndex !=0) && (selBox1.selectedIndex !=0)) {selBox5.disabled = true;} else {selBox5.disabled = false;}
	if ((selBox3.selectedIndex !=0) && (selBox4.selectedIndex !=0)) {selBox2.disabled = true;} else {selBox2.disabled = false;}
}

Here is the code to show/hide the divs:
Code:

function display1(obj,id1,id2) {
	var selBox0 = document.getElementById('wcsave_10_session_mconc1');
	 var selBox1 = document.getElementById('wcsave_10_session_mconc2');
	  var selBox2 = document.getElementById('wcsave_09_msession');
	 var selBox3 = document.getElementById('wcsave_10_session_aconc1');
	 var selBox4 = document.getElementById('wcsave_10_session_aconc2');	
	 var selBox5 = document.getElementById('wcsave_09_asession');
var txt = obj.options[obj.selectedIndex].value;

document.getElementById(id1).style.display = 'none';
document.getElementById(id2).style.display = 'none';
if ( txt.match(id1) ) {document.getElementById(id1).style.display = 'block';}
if ( txt.match(id2) ) {document.getElementById(id2).style.display = 'block';}
}

function display2(obj,id1,id2) {
txt = obj.options[obj.selectedIndex].value;
document.getElementById(id1).style.display = 'none';
document.getElementById(id2).style.display = 'none';
if ( txt.match(id1) ) {document.getElementById(id1).style.display = 'block';}
if ( txt.match(id2) ) {document.getElementById(id2).style.display = 'block';}
}

What I want to do is set the sub div dropdown selectedIndex == 0 when Morning or Afternoon is set to Choose one. In essence clearing the values when the div is hidden so the other fields are no longer disabled.

Any ideas?

Hi all, I'm a beginner in JavaScript can someone please help me to resolve this issue and thanks in advance for your help!

What I'm trying to do is..

When you select multiple <div> get the value of each one and save in separate hidden fields accordingly.

What needs to happen is...

Click div 1 --> if hidden field1 value is "none", save there, else check hidden field 2 if that's "none" save in hidden field 2

Click div 2 --> if hidden field1 value is "none", save there, else check hidden field 2 if that's "none" save in hidden field 2

Here's what I've come up with so far (currently I'm using JQuery)

The problem with this is that no matter what div I click in which order it only updates the 1st hidden field

Code:

<div id="click1" name="click1" value="123" onclick="abc()"/>Click 1</div>
<div id="click2" name="click2" value="225" onclick="def()"/>Click 2</div>

<input id="passenger_1" name="passenger_1" type="hidden" value="none" />
<input id="passenger_2" name="passenger_2" type="hidden" value="none" />

<script>
function abc() {
var pasvalue = $('#click1').attr('value');
var pas1_value = $('#passenger_1').attr('value');
var pas2_value = $('#passenger_2').attr('value');
if(pas1_value == "none"){
	$('#passenger_1').attr('value', pasvalue);
}else if (pas2_value == "none"){
	$('#passenger_2').attr('value', pasvalue);
}}

function def() {
var pasvalue = $('#click2').attr('value');
var pas1_value = $('#passenger_1').attr('value');
var pas2_value = $('#passenger_2').attr('value');
if(pas1_value == "none"){
	$('#passenger_1').attr('value', pasvalue);
}else if (pas2_value == "none"){
	$('#passenger_2').attr('value', pasvalue);
}}
</script>

i'm trying to "post" the selected checkboxes (name and value) into a mysql database;
i've search "docter google" for some answers and read that the "easiest" way to do this is to collect the checkboxes and put the values and names in to an hidden textfield ( function setvalue() ) and collect this textfield in a new page with php; but this doesn't work.
it seems that the variable naamtest is empty (when i load a word into this var arv it does work)

can someone find my error?

Code:

<script type="text/javascript">
function shift(which)
{

var counter = 0;  // counter for checked checkboxes     
var i       = 0;  // loop variable     
var veck     = "";// final url variable 
var beginsaldo = 79;
var namen_array = "";
var va_array = "";
var namen = "";
var valu = "";
var input_obj = document.getElementsByTagName('input');      // get a collection of objects with the specified 'input' TAGNAME     
for (i=0; i < input_obj.length; i++){            // loop through all collected objects    
if (input_obj[i].type == 'checkbox' && input_obj[i].checked == true){             // if input object is checkbox and checkbox is checked then ...      
counter++;			// ... increase counter 
var valcheck = input_obj[i].value;		// waarde van de geselecteerde checkbox in variable steken
test = Number(valcheck);		// absolute rekenwaarde van variable maken
beginsaldo -=   test; //beginsaldo verminderen met de checkbox value   

if (counter > 0){
var naam = input_obj[i].name + '  ';
var val = input_obj[i].value + '  ';
namen = namen +  naam; 
valu = valu +  val; 
namen_array	= 	namen.split("  ");
va_array	= 	valu.split("  ");
var naamtest = namen_array;

}}}  
if (counter > 10){
alert ("u mag maar 10 renners selecteren");

var tr = which.parentNode;
    while ( tr.tagName.toUpperCase() != "TR" )
    {
        tr = tr.parentNode;
        if ( tr == null ) return; // something went very wrong!
    }
    var tds = tr.getElementsByTagName("td");
        tds[0].getElementsByTagName("input")[0].checked = false;
}

else if (beginsaldo < 0){
alert ("uw saldo is te laag om dit uit te voeren");

var tr = which.parentNode;
    while ( tr.tagName.toUpperCase() != "TR" )
    {
        tr = tr.parentNode;
        if ( tr == null ) return; // something went very wrong!
    }
    var tds = tr.getElementsByTagName("td");
        tds[0].getElementsByTagName("input")[0].checked = false;
}

else{

    var tr = which.parentNode;
    while ( tr.tagName.toUpperCase() != "TR" )
    {
        tr = tr.parentNode;
        if ( tr == null ) return; // something went very wrong!
    }
    var tds = tr.getElementsByTagName("td");
    if ( tds[0].getElementsByTagName("input")[0] == which )
    {
        tds[2].innerHTML = tds[0].innerHTML;
        tds[0].innerHTML = "&nbsp;";
        tds[3].innerHTML = tds[1].innerHTML;
        tds[1].innerHTML = "&nbsp;";
        tds[2].getElementsByTagName("input")[0].checked = true;
    } else {
        // this code is optional!!
        tds[0].innerHTML = tds[2].innerHTML;
        tds[2].innerHTML = "&nbsp;";
        tds[1].innerHTML = tds[3].innerHTML;
        tds[3].innerHTML = "&nbsp;";
        tds[0].getElementsByTagName("input")[0].checked = false;
    }

function setValue()
{

var arv = naamtest.join();
// This line converts js array to String 
document.f2.arv.value=arv;
// This sets the string to the hidden form field. 
}}}
</script>

Hi there!

I have two iframes, within each iframe are four drop down list boxes.
On my main page I have one text input box and one text area input box.

Aim:
1. Retrieve all the values.
2. Place them into a hidden form.
3. Submit the hidden form data to a Google Docs Spreadsheet.

I need to export: (in this order, all are within form tags)
"List1,2,3,4" (drop down lists) from form "initiatorform" within frame "initiatorframe" which is "initiator.html"
"List5,6,7,8" (drop down lists) from form "finisherform" within frame "finisherframe" which is "finisher.html"
"ComboName" (Text input box) and "Description" (text area input) from form "indexform" within "Index.html"

I've been trying different pieces of code for the last few days with no luck. I've been using an alert to test whether the value has been recorded but it won't even pop up at all.

I've been trying to use this example. Is this the correct format for what I'm trying to do?
Code:

<script language="JavaScript" type="text/javascript">
<!--
function whatever(iframeid,iframename){
 mmspobj=document.getElementById(iframeid);
 if (mmspobj.tagName=='IFRAME'){
  mmsiobj=window.frames[iframename].document.getElementId('myfield1ID').value;
alert(mmsiobj);
 }
alert(mmsiobj);
}
//-->
</script>

I'm just trying to retrieve the value atm, once its working I can set the hidden form data.


I'm sorry if this is something simple but I've been teaching myself over the last week while making Google Apps.

Any help would be greatly appreciated.

Hello

I am new to JavaScript , so I am learning as fast as possible, but I need to implement something in java scrip and I am not very sure how to do it

I have a xhtml page (JSF project) I have inputText fields, every time I check a checkbox to display a text area, all the information that is in my inputText fields disappears (I already posted in the JSF forum), Is there any way to use JavaScrip to keep the values in those fields? Basically when I check the checkbox I call the onchange="this.form.submit()" , So I would like to know if using javaScript I can capture the values in those fields, and after I change the value of the checkbox and the information is erased, rewrite the values into those field

Thanks in advance

I am having some trouble trying to fix my math equation to calculate the total rent by aquiring values from my form fields. Converting the date fields to days and finding the number of days via two date fields is mainly where I am having trouble. Also, I am trying to have a window pop up before submission but the onclick event does not seem to function properly. Any suggestions would be greatly appreciated. Thank you.

Below is the math equation I have come up with:
Code:

//calculate days from date field
				
				function calcTotal(date1, date2) {
					
					//assign variables
					
					var equip = parseFloat(document.forms[0].equipment.value)
					var pDate = parseFloat(document.forms[0].pickupDate.value)
					var pHours = parseFloat(document.forms[0].pickupHours.value)
					var pMinutes = parseFloat(document.forms[0].pickupMinutes.value)
					var rDate = parseFloat(document.forms[0].returnDate.value)
					var rHours = parseFloat(document.forms[0].returnHours.value)
					var rMinutes = parseFloat(document.forms[0].returnMinutes.value)
					
    				// The number of milliseconds in one day
   					 var ONE_DAY = 1000 * 60 * 60 * 24
	
    				// Convert both dates to milliseconds
   					 var date1_ms = rDate.getTime()
   					 var date2_ms = pDate.getTime()

    				// Calculate the difference in milliseconds
   					 
   					var difference_ms = Math.abs(date1_ms - date2_ms)
    
   					 
   					//calculate total cost and diplay in window.confirm() dialog box
   					 	
   					var pTime = pHours + pMinutes;
					var rTime = rHours + rMinutes;
					var total = (((difference_ms/ONE_DAY) - 1) * 24) * equip + ((rTime + (24 - pTime)) * equip);
					var OK = window.confirm(" The total rental cost is $" + total + "\n Click OK to accept, Cancel to decline");

					if (OK) {return true}
					else {return false}
				
				}

Below is the body section of the form:
Code:

<input type = "submit" name = "submit" value = "Submit Reservation" onclick = "calcTotal()"/>

I'd like to create a basic form where 3 text input fields are named with the following names referrerId, referrerId2 & referrerId3.

My goal is once the text fields within the form are populated with the users data, then once the user clicks submit, a new browser window opens up (in parent window preferably), navigating to the following url exactly as shown. Highlighted in red is the dynamic information I'd like appended.

Vacation Packages &referrerId=FIRSTNAME&referrerId2=LASTNAME&referrerId3=AGENTNUMBER

Any help would be greatly appreciated. Thanks!

The page loads and existing data is put in their correct fields.

When I click 'add more' to add more fields to the form it does so and I am able to add new data.

If on adding a new fields and its data I click 'add more' again it clears out the recently added data from the fields. The existing data that was present when the page first loaded is still their but all the new fields added data is cleared.

how can I get it so the data stays, like in phpmyadmin when adding new fields.


JS
Code:

function addmore(addwhat) {
	// count existing boxes to find out next number to use.
	// ?
	if (addwhat == 'addresses') {
	fieldid = 'addressesdiv';
	}
	if (addwhat == 'namesnumbers') {
	fieldid = 'namesdiv';
	}
	var dv = document.getElementById(fieldid).innerHTML;
	var lines = dv.match(/<br>/ig).length;
	
		if (addwhat == 'addresses') {
					document.getElementById('addressesdiv').innerHTML += '<textarea name="address' + lines + '" cols="30" rows="2"></textarea><br>';
					}
		if (addwhat == 'namesnumbers') {
					document.getElementById('namesdiv').innerHTML += '<textarea name="name' + lines + '" cols="30" rows="2"></textarea><br>';
					document.getElementById('mobilesdiv').innerHTML += '<textarea name="mobile' + lines + '" cols="30" rows="2"></textarea><br>';
					}
	}

PHP
Code:

<?
if ($_POST['Submit'] == 'Submit') {
echo("sent<br>");
for ($c = 1; $c <= (count($_POST)-1)/2; $c++) {
echo("name" . $c . " = " . $_POST['name'.$c] ."&nbsp;&nbsp;&nbsp;mobile" . $c . " = " . $_POST['mobile'.$c] . "<br>");
}
}

$customer_id = "11";

// get existing data.

// if not yet sent get data from databases
$ok = "no";
		if ($_POST['Submit'] != "Submit") {
		echo("<br>not sent<br>");
		$res = db_query("SELECT * FROM `customer_client_names` WHERE `customer_id` = '". $customer_id ."'");
		$maincount = mysql_num_rows($res);
		echo("<br>number of clients = ".$maincount."<br>");
			for ($c = 1; $c <= $maincount; $c++) {
			$_POST['name'.$c] = mysql_result($res, $c-1, "client_name");
			$_POST['mobile'.$c] = mysql_result($res, $c-1, "client_mobile");
			echo("cn = ".$_POST['name'.$c] . " cm = ".$_POST['mobile'.$c] . "<br>");
			}
		} else {
						// display last posted info
						echo("<br>sent<br>");

						$ok = "yes";
						// check if info was entrted correctly or not.
						
						for ($c = 1; $c <= ((count($_POST)-1)/2); $c++) {
							if ($_POST['name'.$c] != "" && $_POST['mobile'.$c] == "") {
							echo("<br>" . $_POST['name'.$c] ." was not given a mobile number<br>");
							$ok = "no";
							$maincount ++;
							}
							if ($_POST['name'.$c] == "" && $_POST['mobile'.$c] != "") {
							echo("<br>" . $_POST['mobile'.$c] ." mobile was not given a name<br>");
							$ok = "no";
							$maincount ++;
							}
						}

				}

if ($ok == "no") {
					?>
					<form name="form1" method="post" action="?ac=<?=$menu_item;?><? echo("&amp;phpsession=" . $phpsession); ?>">
					<div style="width: 850px;">
						<div id="namesdiv" style="float: left; padding-right: 10px;">Client's Names<br>
							<? for ($c = 1; $c <= ((count($_POST)-1)/2)+1; $c++) {
							if ($_POST['name'.$c] != "" || $_POST['mobile'.$c] != "") {
							?>
							<textarea name="<?='name'.$c;?>" cols="30" rows="2"><?=$_POST['name'.$c];?></textarea><br>
							<?
							}
							} ?>
						</div>
						<div id="mobilesdiv" style="float: left;">Client's Mobile numbers<br>
							<? for ($c = 1; $c <= ((count($_POST)-1)/2)+1; $c++) {
							if ($_POST['name'.$c] != "" || $_POST['mobile'.$c] != "") {
							?>
							<textarea name="<?='mobile'.$c;?>" cols="30" rows="2"><?=$_POST['mobile'.$c];?></textarea><br>
							<?
							}
							} ?>
						</div>
					</div>
					<br style="clear: both;">
					  <a href="#" onClick="javascript:addmore('namesnumbers'); return false;" >Add more</a> 
					  <input type="hidden" name="customer_id" value="<?=$customer_id;?>">
					  <input type="submit" name="Submit" value="Submit">
					</form>
					<?
					}
?>

I type something on the current textarea/input and all the values get removed after I add another field. Is there a solution?


Code:

<script language="Javascript" type="text/javascript">
<!--
//Add more fields dynamically.
function addField(area,field,limit) {
	if(!document.getElementById) return; //Prevent older browsers from getting any further.
	var field_area = document.getElementById(area);
	var all_inputs = field_area.getElementsByTagName("input"); //Get all the input fields in the given area.
	//Find the count of the last element of the list. It will be in the format '<field><number>'. If the 
	//		field given in the argument is 'friend_' the last id will be 'friend_4'.
	var last_item = all_inputs.length - 1;
	var last = all_inputs[last_item].id;
	var count = Number(last.split("_")[1]) + 1;
	
	//If the maximum number of elements have been reached, exit the function.
	//		If the given limit is lower than 0, infinite number of fields can be created.
	if(count > limit && limit > 0) return;
 	
	 //Older Method
		
		field_area.innerHTML += "<li><textarea id='steps' name='steps[]' rows='5' cols='40'></textarea><br /><input id='steps_image' name='steps_image[]' /></li>";
	
}
//-->
</script>


<ol id="steps_area"><li>
<textarea id='steps' name='steps[]' rows='5' cols='40'></textarea><br /><input id='steps_image' name='steps_image[]' />
</li>
</ol>

<input type="button" value="Add" onclick="addField('steps_area','',15);"/>

Hi gud mng,

I have one problem...

How to process textbox values/ call textbox values in JS through a Java program.
My text box values are dates. I have to process these dates.

Like in online banking we select day to know our transactions. After submitting we get results. remember my files are in my directory only. No need of database.

My files are look like 20100929, 20100930, 20101001

For epoch_classes.js, epoch_styles.css u can download coding from this link : http://www.javascriptkit.com/script/...ch/index.shtml


Code:


Code:

<html>

<table width="900" border="0" cellpadding="10" cellspacing="10" style="padding:0"> 
<tr><td id="leftcolumn" width="170" align="left" valign="top"> 
<div style="margin-left:0px;margin-top:0px"><h3 class="left"><span class="left_h2">Select Option</span></h3> 
<a rel="nofollow" target="_top" href="day_wise.htm" >Day-wise</a><br />  <br />
<a rel="nofollow" target="_top" href="between.htm" >Between Days</a> 

<link rel="stylesheet" type="text/css" href="epoch_styles.css" />


<script type="text/javascript" src="epoch_classes.js"></script>

<script type="text/javascript">

var cal1, cal2;      
window.onload = function () 
{
cal1= new Epoch('epoch_popup','popup',document.getElementById('popup_container1'));
cal2= new Epoch('epoch_popup','popup',document.getElementById('popup_container2'));
};

/*............*/
function confirmation(f) 
{
	
	var startdate = f.fromdate.value
        var enddate = f.todate.value
        var myday=new Date()

        var yr=myday.getFullYear()
        var mn=myday.getMonth()+1
        var dt=myday.getDate()

        var today=""
        var present, ys, ms, ds, ye,me,de, start, end
           
        if(mn < 10) {  mn = "0" + mn }

        if(dt <10) { dt = "0" + dt } 
 
        today= yr + "/" + mn + "/" + dt
	
        present=yr + "/" + mn + "/" +dt

                     
        if (today < startdate ) 
           {
            alert (" Start date should not be exceed to-day's date " + present )
            startdate.focus()
            return false
           } 
  
        if (today < enddate )
           {
            alert (" End date should not be exceed to-day's date " + present )
            enddate.focus()
            return false
           }

         

         if (today == startdate ) 
           { 
            alert(" You are selected to-days date as Starting day" );
           

            }
   
        var answer = confirm("Do you want to continue ?")        

        if (answer)
           {    if( startdate < enddate)         
		 alert("Dates between " + startdate + " to " + enddate + " are confirmed" )
		else
                  alert("Dates between " + enddate + " to " + startdate + " are confirmed" )     
	   }
	
        else
           {
		alert("Date not confirmed")
                window.location="to_date.htm"; 
           }

        ys= startdate.substring(0,4);
	ms= startdate.substring(5,7);
	ds= startdate.substring(8,10);

        start=ys + "" + ms + "" +ds          
  
        ye= enddate.substring(0,4);
	me= enddate.substring(5,7);
	de= enddate.substring(8,10);
 
        end=ye + "" + me + "" +de

      
}
/*.......................................................*/
</script>

<div style="margin-left:100px;">


<body>
<style type="text/css">
#conf
{
margin-left:115px;
} 
</style>


<td align="left" valign="top"> 
<table width="100" border="0" cellpadding="0" cellspacing="0"> 
<td style="padding-top:0px"> 
</table>

<h4>From Date</h4>

<form name= "formbet" id="placeholder" method="post" action="#" >
<input id="popup_container1" type="text" name= "fromdate" maxlength="10" size="20"/>


<td align="left" valign="top"> 
<table width="300" border="0" cellpadding="0" cellspacing="0"> 
<td style="padding-top:20px"> 


<h4>To Date</h4>
<input id="popup_container2" type="text" name= "todate" maxlength="10" size="20"/> <br /> <br />
<input id="conf" type="button" onclick="confirmation(this.form)" value="Submit">
</form>


</body>
</html>

In my coding, ys, ms, ds represents year starting, month starting, starting day...
ye, me, de represents end...

start,end gives file names in the format of yyyymmdd

now i want to process files from 20100101 to 20100930

means from date is 2010/01/01 and to date is 2010/09/30

if i press submit button the files from 20100101 to 20100930 are processes

here ys=2010 ms=01 ds =01 and ye=2010 me=09 de= 30

For this how do i call these textbox values (from date text box and todate) to another program (java)

Thanks in advance.

I'm trying to get two RSS feeds to display on a page. I'm trying to be good about it and re-use the same code for each by calling the function twice using different parameters for the feed url, feed limit (number of posts to display), and which div to display the output in (cupcake-feed and pie-feed).

It works for either of the two feeds, but not both at the same time. If I try calling both, only the second one displays. If I pick just one to call, either one will display.

I'm new to object-oriented concepts (if that's even what you would call this?). What am I doing wrong here?

Code:

function rssfeedsetup(feedurl, feedlimit, feeddivi) {
    var feedpointer=new google.feeds.Feed(feedurl) //Google Feed API method
    feedpointer.setNumEntries(feedlimit) //Google Feed API method
    feedpointer.load(displayfeed) //Google Feed API method

    feeddiv=feeddivi //sets output div name as a global variable for use below
}


function displayfeed(result) {
    if (!result.error) {
        var thefeeds=result.feed.entries

        //convert date to friendly format
        var date=new Date(thefeeds[0].publishedDate)
        var dateString=date.toLocaleDateString()

        //create output content and display it in div
        for (var i=0; i<thefeeds.length; i++) {

            var rssoutput='<div class="feed-date">' + dateString + '</div>' + '<div class="feed-title"><a href="' + thefeeds[i].link + '">' + thefeeds[i].title + '</a></div>' + '<div id="cupcake-menu" class="hidden">' + thefeeds[i].content + '</div>'

            document.getElementById(feeddiv).innerHTML=rssoutput
        }
    }
    else {
        alert("Error fetching feeds!")
    }
}


//call function on load for each feed to be displayed
window.onload=function(){
    rssfeedsetup("http://www.site1.com/feed/", 1, "cupcake-feed");
    rssfeedsetup("http://www.site2.com/feed/", 1, "pie-feed");
	
}

Sorry, relative newbie here with what is probably a silly question.

When I include the code to create a slideshow found here and then later in the page use the feed informer code to display posts from my blog ( <script type="text/javascript" src="http://app.feed.informer.com/digest3/39SQ9SPCHY.js">...)
I am getting a syntax error message at the feedinformer code in dreamweaver and I can not figure out the problem.

Any help would be appreciated, thank you