JavaScript - Trouble Getting Variable Values To Display

I like to store into database with PHP values from Javascript. How to do this as I like to test local values from visitor.

PHP Code:


<script type="text/javascript">

document.write("Browser CodeName: " + navigator.appCodeName);
document.write("<br /><br />");
document.write("Browser Name: " + navigator.appName);
document.write("<br /><br />");
document.write("Browser Version: " + navigator.appVersion);
document.write("<br /><br />");
document.write("Cookies Enabled: " + navigator.cookieEnabled);
document.write("<br /><br />");
document.write("Platform: " + navigator.platform);
document.write("<br /><br />");
document.write("User-agent header: " + navigator.userAgent);

</script> 

EDIT: goto post #7

here goes JS code:
(keep an eye on codes of type: document.getElementById('footerX').innerHTML=X
Code:

function details()
{
	var choo = document.getElementById("choo");
	aa = choo.chooserver.value;
	bb = choo.chooversion.value;
	if(aa==1) {k=0}
	else if(aa==2) {k=1}
	else {k=false}
	pa= domain[k].getElementsByTagName("server") ;
	pb="";
	pc = domain[k].getElementsByTagName("version");
	pd= domain[k].getElementsByTagName("date");
	pe= domain[k].getElementsByTagName("month");
	pf= domain[k].getElementsByTagName("year");
	
	ta = (bb==1)? " T4 ":(bb==2)? " T3.6 " :(bb==3)? " T2.5 " : 100 ;
	versions(ta);
	document.getElementById('footer1').innerHTML='one';
}
function versions()
{
				for (i=0;i<=pc.length;i++)
	  		{
				a = pc[i].childNodes[0].nodeValue;
				b = pa[i].childNodes[0].nodeValue;
				comparedate(d,g,f);
				dates(i, a);
				document.getElementById('footer2').innerHTML='two';
				if (a==ta)
					{
						addto()										
						document.getElementById("mc"+i).innerHTML= txt ;
						document.getElementById("md"+i).innerHTML= txt2 ; 
					}
				document.getElementById('footer3').innerHTML='tee';
			}
			document.getElementById('footer4').innerHTML='fou';
}

HTML:
Code:

<div id = "conten2">
<table id="tb1" border="1px">
</table> 
</div> 
<div id = "footer"> feet </div>
<div id = "footer1"> feet1 </div>
<div id = "footer2"> feet2 </div>
<div id = "footer3"> feet3 </div>
<div id = "footer4"> feet4 </div>
<div id = "footer5"> feet5 </div>

Desired Output:
feet
one
two
tee
fou
feet5
Output:
feet
feet1
two
tee
feet4
feet5

Area of error predicted:

inside the for loop, the statement immediately after loop is not executed once loop ends, nor does it return to original function for execution of other statements which were written after the function containing the loop was called....

Hello,

I have an array containing 100 different values.

How would I randomly pick 25 of them for display?

For now I do:
PHP Code:
for (var i=0; i<markers.length && i<25; i++) {

html += markers[i].name + '<br />';

} 


Which of course returns 25 values but always in the same order which is not what I want.

Thanks in advance!

PS. My array could also contain only 20 values, in which case I would like the function to display the 20 values randomly sorted.

I have two dropdown menus.

1st -> Drop Down Menu (name="optionDrop") has 5 values which are "ABC", "ABCD", "ABCDE", "True or False" and "Yes or No".
2nd -> Drop Down Menu (name="numberDrop") has 5 values which are "","1", "2", "3" and "4".

Now this is what I want to achieve:
If user select "ABC" from "optionDrop", then only display options "", "1" and "2" If user select "ABCD" from "optionDrop", then only display options "", "1", "2" and "3" If user select "ABCDE" from "optionDrop", then only display options "", "1", "2", "3" and "4" If user select "True or False" from "optionDrop", then do not display DropDown Menu and Display N/A (This I achieved but I want hidden numberDrop to equal 1, I have not achieved that part) If user select "Yes or No" from "optionDrop", then do not display DropDown Menu and Display N/A (This I achieved but I want hidden numberDrop to equal 1, I have not achieved that part)
Does anyone know how this can be done and implemented in the javascript code I have?

Below is Javascript Code:

Code:

 function getDropDown() {
         var optionDrop = document.getElementsByName("optionDrop");
        var na = document.getElementById("na");
        var numberDrop = document.getElementsByName("numberDrop");
        var answerA = document.getElementById("answerA");
        var answerB = document.getElementById("answerB");
        var answerC = document.getElementById("answerC");
        var answerD = document.getElementById("answerD");
        var answerE = document.getElementById("answerE");
        var answerTrue = document.getElementById("answerTrue");
        var answerFalse = document.getElementById("answerFalse");
        var answerYes = document.getElementById("answerYes");
        var answerNo = document.getElementById("answerNo");
        
    if (optionDrop[0].value == "abc" || optionDrop[0].value == "abcd" || optionDrop[0].value == "abcde"){
					numberDrop[0].style.display = "block";
					na.style.display = "none";
		
    }else if (optionDrop[0].value == "trueorfalse" || optionDrop[0].value == "yesorno"){			
	    			numberDrop[0].style.display = "none";
	    			na.style.display = "block";            
            
            }
            }

Htrml code:

Code:

<form id="enter" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post" onsubmit="return validateForm(this);" >
<table id="middleDetails" border="1">
<tr>
    <td>Question:</td> 
    <td rowspan="3">
        <textarea rows="5" cols="40" name="questionText"></textarea>
    </td>
    <td>Option Type:</td> 
    <td>
        <select name="optionDrop" onClick="getDropDown()">
<option value="">Please Select</option>
<option value="abc">ABC</option>
<option value="abcd">ABCD</option>
<option value="abcde">ABCDE</option>
<option value="trueorfalse">True or False</option>
<option value="yesorno">Yes or No</option>
</select>
    </td>
<tr>
<td colspan="2"></td>
<td>Number of Answers:</td>
<td>
<span id="na">N/A</span>
<select name="numberDrop" id="numberDropId" onChange="getButtons()">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</td>
</tr>
</table>
</form>

Hi!

I am quite new to the world of JavaScript as I have done basic corse for it...
and I have learnt that best way to understand it is to play around with it...
but now I am stuck with on of the problem!!

Problem: How can we assign text box input values by user to a variable and display that variable back on another element of the same HTML document(dynamically)...

Conditions: The value has to be stored as a JavaScript variable only.

No server-side script is to be used and has to be done locally.
Please help!

Hi friends,

i have xnl file like

<DATAPACKET >
<data1>
<R_ID>101</R_ID>
<R_PRE>38</R_PRE>
<R_PRE2>39</R_PRE2>
<R_TEMP>8.35</R_TEMP>
<R_TENP2>0.64</R_TENP2>
</data1>
<data1>
<R_ID>102</R_ID>
<R_PRE>36</R_PRE>
<R_PRE2>37</R_PRE2>
<R_TEMP>7.23</R_TEMP>
<R_TENP2>1.21</R_TENP2>
</data1>
<data1>
<R_ID>103</R_ID>
<R_PRE>34</R_PRE>
<R_PRE2>36</R_PRE2>
<R_TEMP>7.21</R_TEMP>
<R_TENP2>1.95</R_TENP2>
</data1>
<data1>
<R_ID>104</R_ID>
<R_PRE>32</R_PRE>
<R_PRE2>35</R_PRE2>
<R_TEMP>6.25</R_TEMP>
<R_TENP2>2.30</R_TENP2>
</data1>
<data1>
<DATAPACKET >

then i have textbox...when i type 101 its go and get all data in the row in text area like

101
32
6025
2.30

please give me any idea how to do this

i m try this
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET", "Refrigerater.xml", false);
xmlhttp.send();
xmlDoc = xmlhttp.responseXML;
x = xmlDoc.getElementsByTagName("ROWDATA");

//x = xmlDoc.getElementsByTagName("data1");

function displayInfo(selBox) {
x = xmlDoc.getElementsByTagName("ROWDATA");
var col = (selBox.options[selBox.selectedIndex].text);
document.getElementById("show").innerHTML = "&nbsp;" + col;
}

Please resolve my problem

Thanks
Venkat.S

I'm trying to make a basic rss reader with a google reader-esque functionality of clicking on article names and being able to expand/collapse that article. I'm working on the expand part and am going crazy. I am having no trouble getting content and displaying it without the onclick function but when I try to integrate onclick I can just get the titles.


here's the snippet. any help?




Code:

<!-- HTML -->
<body>
<div id="feeddiv"></div>



<script type="text/javascript">




//	feed stuff using Google Feed API



    function feedLoaded(result)
	{
      if (!result.error)
	   {
        // Grab the container we will put the results into
        var container = document.getElementById('feeddiv');
        container.innerHTML = '';
        // Loop through the feeds, putting the titles onto the page.
        for (var i = 0; i < result.feed.entries.length; i++)
		 {
		  var entry = result.feed.entries[i];
		  var content = entry.content;
		  var title = entry.title;
		  var url = entry.link;
		  var div = document.createElement('div'); //parentDiv for articles
		 
		  var articleTitle = document.createElement('div');
		  articleTitle.setAttribute('name', i); //set articleTitle name to article's place in array
		  articleTitle.setAttribute('style', 'font-weight:bold;font-size:15px;');  
		  articleTitle.innerText = title;
		  articleTitle.onclick  = function() {populate(content, title, url, i);};
		 
		  div.appendChild(articleTitle); //adds title to div

		  container.appendChild(div); //adds div to the container
        }
      }
    }
	
    
    function populate(content,title, url, i)
    {
    
    var article = document.getElementByName(i); //gets articleTitle
   
     	//clickable title
	  var a = document.createElement('a'); //creating title link
	  var href = document.createElement('href'); 
	  a.setAttribute('href', url); //putting actual url into html
	  a.setAttribute('style', 'font-size:25px;');
	  a.innerText = title;//still puts into html

	//Text
    var snippet = document.createElement('p'); //creates <p> to throw articles in
    snippet.innerHTML = content; //renders the article
    
    article.appendChild(a);
    article.appendChild(snippet);
    
    }
</script>
</body>

Hi,

I am a newbie in JS, and have already been stuck with this problem for
the whole day.

Basically I want to display a var returned from a function with
<fmt:message/> tag. It sounds easy, but somehow I just can't get it
to be display correctly (Tried with alert() and it worked). Here is
my code:

-------------------------------------------------------------------------------------------
<script>
function ReturnTime() {
var dateobj=new Date();
if (dateobj.getSeconds()%30==0) {
return dateobj.getSeconds();
}
else {
return dateobj.getSeconds();
}
}

time1 = ShowTime();

alert(time1);

</script>

<fmt:message key='content.currentTime'/>: <cut value="${time1}"/>

-------------------------------------------------------------------------------------------------------------------------

I might have done some stupid things here. But I am very new to JS (2
days of experience so far). So please be patient.

Your kind help will be very much appreciated.

Regards,

Robert

Basically I am being restricted by a third party program that manages my email list.

When a person signs up for my website it first adds them to my external email list and then to my MySQL database.

In order to do this you have to pass the information of the form to the next page where you can "display" it. Nothing except this display function seems to work.

So what I am trying to do is take what is outputted by this display button and store it in a javascript variable. Then transfer this variable to a form which will auto submit and start the PHP registration.

I need help pulling the output of the script, right now I can either get an undefined or the entire HTML code.

Is there another option?

Here is my code:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd"
    >
<html lang="en">
<head>
    <title>Raiding Professionals - Register</title>
    <script type="text/javascript">

var formData = function() {

    var query_string = (location.search) ? ((location.search.indexOf('#') != -1) ? location.search.substring(1, location.search.indexOf('#')) : location.search.substring(1)) : '';
    var elements = [];

    if(query_string) {
       var pairs = query_string.split("&");
       for(i in pairs) {
          if (typeof pairs[i] == 'string') {
              var tmp = pairs[i].split("=");
              elements[unescape(tmp[0])] = unescape(tmp[1]);
          }
       }
    }

    return {
        display: function(key) {
            if(elements[key]) {
              document.write(elements[key]);
            } else {
              document.write("<!--If desired, replace everything between these quotes with a default in case there is no data in the query string.-->");
            }
        }   
    }

}();

    </script>
    
    
</head>
<body>
    <div id='1'><script type="text/javascript">formData.display("name (awf_first)")</script></div>
    <div id='2'><script type="text/javascript">formData.display("name (awf_last)")</script></div>
    <div id='3'><script type="text/javascript">formData.display("email")</script></div>
    <div id='4'><script type="text/javascript">formData.display("custom password")</script></div>
    <form method='post' action='register.php' name='register'>
        <input name='firstname' id='firstname' value='' type='text'>
        <input name='lastname' id='lastname' value='' type='text'>
        <input name='email' id='email' value='' type='text'>
        <input name='password' id='password' value='' type='password'>
        <input name='password2' id='password2' value='' type='password'>
        <input type='submit' value='submit'>
    </form>
    <script type='text/javascript'>
        var firstname = document.getElementById('1').innerHTML; ;
        var lastname = document.getElementById('2').innerHTML; ;
        var email = document.getElementById('3').innerHTML; 
        var password = document.getElementById('4').innerHTML; ;
        document.getElementById("firstname").value = firstname;
        document.getElementById("lastname").value = lastname;
        document.getElementById("email").value = email;
        document.getElementById("password").value = password;
        document.getElementById("password2").value = password;
    </script>
</body>
</html>

I have a order form page and on submitting it opens a new web page that displays the order totals. Below is my code and most probably wrong but for me it seems logic. Please assist.

Order Form:
Code:

<td colspan="1" height="120" align="left"> 
<select style="margin-left: 60px; background-color: #00FF77;" name="prod_bed_359"  onchange="calculateValue(this.form)">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select> R359</td></tr>

New page I called a unction to print:
Code:

function itemsOrdered() {
var beds = document.forms[2].prod_bed_359.value;
document.write("<pre><strong>Description\t\tQuantity\tPrice</strong></pre>");
document.write("<pre>Doggie Bed\t\t" + beds + "</pre>");	
}

This is still basic as I need to get this right before adding the prices and totals which is also extracted from the order page.

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 have a bunch of checkboxes like below that the user can check some or all and click the button and see the values of all the selected checkboxes. How can I do that?

Code:

<script>
function alertValues(){


}
</script>


<input type="checkbox"  class ="normal2" value="131971" name="list[]" >
<input type="checkbox"  class ="normal2" value="131973" name="list[]" >
<input type="checkbox"  class ="normal2" value="131975" name="list[]" >
<input type="checkbox"  class ="normal2" value="131977" name="list[]" >

<input type="button" onClick="alertValues()"