JavaScript - Change Output Destination In Javascript

I have a very basic calculator that I am trying to make that takes info from radio buttons (i.e. 1 for bad 5 for good) and outputs an average or score at the end, but its not working correctly. I have changed the last line to output what the total number is not the average, to see if it is outputting the correct number, and its not... It says "[object HTMLInputElement]"... Any thoughts will be greatly appreciated! Thanks!
Code:

function calcScore(){

var op1 = document.getElementsByName('form[q1]');
var op2 = document.getElementsByName('form[q2]');
var op3 = document.getElementsByName('form[q3]');
var op4 = document.getElementsByName('form[q4]');
var op5 = document.getElementsByName('form[q5]');
var op6 = document.getElementsByName('form[q6]');
var op7 = document.getElementsByName('form[q7]');
var op8 = document.getElementsByName('form[q8]');
var op9 = document.getElementsByName('form[q9]');
var op10 = document.getElementsByName('form[q10]');
var op11 = document.getElementsByName('form[q11]');
var op12 = document.getElementsByName('form[q12]');
var op13 = document.getElementsByName('form[q13]');
var op14 = document.getElementsByName('form[q14]');
var op15 = document.getElementsByName('form[q15]');
var op16 = document.getElementsByName('form[q16]');
var op17 = document.getElementsByName('form[q17]');
var op18 = document.getElementsByName('form[q18]');
var op19 = document.getElementsByName('form[q19]');
var op20 = document.getElementsByName('form[q20]');
var op21 = document.getElementsByName('form[q21]');
var op22 = document.getElementsByName('form[q22]');
var op23 = document.getElementsByName('form[q23]');
var op24 = document.getElementsByName('form[q24]');
var op25 = document.getElementsByName('form[q25]');
var op26 = document.getElementsByName('form[q26]');
var op27 = document.getElementsByName('form[q27]');
var op28 = document.getElementsByName('form[q28]');
var op29 = document.getElementsByName('form[q29]');
var op30 = document.getElementsByName('form[q30]');
var op31 = document.getElementsByName('form[q31]');

var totalscore = document.getElementById('score');
totalscore.value = 0;
totalscore.value = parseInt(totalscore.value);

var totalnum = document.getElementById('score1');
totalnum.value = 0;
totalnum.value = parseInt(totalnum.value);

for (var i=0; i < op1.length; i++)
   {
   if (op1[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op1[i].value);
      }
   }

for (var i=0; i < op2.length; i++)
   {
   if (op2[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op2[i].value);
      }
   }

for (var i=0; i < op3.length; i++)
   {
   if (op3[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op3[i].value);
      }
   }

for (var i=0; i < op4.length; i++)
   {
   if (op4[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op4[i].value);
      }
   }

for (var i=0; i < op5.length; i++)
   {
   if (op5[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op5[i].value);
      }
   }

for (var i=0; i < op6.length; i++)
   {
   if (op6[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op6[i].value);
      }
   }

for (var i=0; i < op7.length; i++)
   {
   if (op7[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op7[i].value);
      }
   }

for (var i=0; i < op8.length; i++)
   {
   if (op8[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op8[i].value);
      }
   }

for (var i=0; i < op9.length; i++)
   {
   if (op9[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op9[i].value);
      }
   }

for (var i=0; i < op10.length; i++)
   {
   if (op10[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op10[i].value);
      }
   }

for (var i=0; i < op11.length; i++)
   {
   if (op11[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op11[i].value);
      }
   }

for (var i=0; i < op12.length; i++)
   {
   if (op12[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op12[i].value);
      }
   }

for (var i=0; i < op13.length; i++)
   {
   if (op13[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op13[i].value);
      }
   }

for (var i=0; i < op14.length; i++)
   {
   if (op14[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op14[i].value);
      }
   }

for (var i=0; i < op15.length; i++)
   {
   if (op15[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op15[i].value);
      }
   }

for (var i=0; i < op16.length; i++)
   {
   if (op16[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op16[i].value);
      }
   }

for (var i=0; i < op17.length; i++)
   {
   if (op17[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op17[i].value);
      }
   }

for (var i=0; i < op18.length; i++)
   {
   if (op18[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op18[i].value);
      }
   }

for (var i=0; i < op19.length; i++)
   {
   if (op19[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op19[i].value);
      }
   }

for (var i=0; i < op20.length; i++)
   {
   if (op20[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op20[i].value);
      }
   }

for (var i=0; i < op21.length; i++)
   {
   if (op21[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op21[i].value);
      }
   }

for (var i=0; i < op22.length; i++)
   {
   if (op22[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op22[i].value);
      }
   }

for (var i=0; i < op23.length; i++)
   {
   if (op23[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op23[i].value);
      }
   }

for (var i=0; i < op24.length; i++)
   {
   if (op24[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op24[i].value);
      }
   }

for (var i=0; i < op25.length; i++)
   {
   if (op25[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op25[i].value);
      }
   }

for (var i=0; i < op26.length; i++)
   {
   if (op26[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op26[i].value);
      }
   }

for (var i=0; i < op27.length; i++)
   {
   if (op27[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op27[i].value);
      }
   }

for (var i=0; i < op28.length; i++)
   {
   if (op28[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op28[i].value);
      }
   }

for (var i=0; i < op29.length; i++)
   {
   if (op29[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op29[i].value);
      }
   }

for (var i=0; i < op30.length; i++)
   {
   if (op30[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op30[i].value);
      }
   }

for (var i=0; i < op31.length; i++)
   {
   if (op31[i].checked)
      {
      totalnum.value=parseInt(totalnum.value)+parseInt(op31[i].value);
      }
   }

totalscore.value = totalnum;

}

Hi! I'm start learning javascript and can't solve one problem. I need to case user click first radiobutton browser show him first form ($mat1), else second.
For example, I have this php code:
PHP Code:
$mat1="<span id="form_notes_text">".$saved_info."</span><br>\
<input class=\"form_notes_element\" value="0" type="text" name="name" maxlength="9"><br><br>\
<span id="form_notes_text">".$price_info."</span><br>\
<input class=\"form_notes_element\" type=\"text\" name=\"name2\" maxlength\"9\"><br><br>";

$mat2="<span id="form_notes_text">".$saved_info."</span><br>\
<input class=\"form_notes_element\" value="0" type="text" name="name" maxlength="9"><br><br>\
<span id="form_notes_text">".$price_info."</span><br>\
<input class=\"form_notes_element\" type=\"text\" name=\"name2\" maxlength\"9\"><br><br>";

echo "<span id=\"form_notes_text\">$add_title</span><br>
<input class=\"form_notes_element\" type=\"text\" name=\"name\" maxlength=\"30\"><br><br>
<span id=\"form_notes_text\">$material_type</span><br>
<input type=\"radio\" name=\"type\" value=\"1\" checked onclick=\"document.getElementById('add_form').innerHTML = $mat1\">Value 1<br>
<input type=\"radio\" name=\"type\" value=\"2\" onclick=\"document.getElementById('add_form).innerHTML = $mat2\">Value 2<br><br><br>"; 


But it doesn't work. What am I doing wrong?

i have borrowed a java script to produce a weather forecast using data from my weather station.

Quote:
//code to get your variables goes here
//I've assumed they a
// $sager_wind = wind direction
// $sager_rumbo = wind change
// $sager_hpa = Baro value
// $sager_trend = Baro trend
// $sager_nubes = Sky condition

//now we can prepare them for the Sager script

//the sager script wants uppercase, so just to be sure...
$sager_wind = strtoupper($sager_wind);

//has to be uppercase
$sager_rumbo = strtoupper($sager_rumbo);

//allow for either of mB or Hg input
if ($sager_hpa > 50) { $sager_hpa = $sager_hpa * 0.0295300;}

//enumerate the Baro
switch ($sager_hpa) {

case ($sager_hpa > 30.4):
$sager_hpa = 1;
break;

case ($sager_hpa > 30.1):
$sager_hpa = 2;
break;

case ($sager_hpa > 29.9):
$sager_hpa = 3;
break;

case ($sager_hpa > 29.7):
$sager_hpa = 4;
break;

case ($sager_hpa > 29.5):
$sager_hpa = 5;
break;

case (sager_hpa > 29.2):
$sager_hpa = 6;
break;

case (sager_hpa > 28.:
$sager_hpa = 7;
break;

case (sager_hpa > 28.0):
$sager_hpa = 8;
break;

}


//enumerate the Baro trend
if (strcasecmp($sager_trend, 'Rising Rapidly') == 0) { $sager_trend = 1; }
if (strcasecmp($sager_trend, 'Rising Slowly') == 0) { $sager_trend = 2; }
if (strcasecmp($sager_trend, 'Steady') == 0) { $sager_trend = 3; }
if (strcasecmp($sager_trend, 'Falling Slowly') == 0) { $sager_trend = 4; }
if (strcasecmp($sager_trend, 'Falling Rapidly') == 0) { $sager_trend = 5; }

//enumerate the Sky condition
if (strcasecmp($sager_nubes, 'Clear') == 0) { $sager_nubes = 1; }
if (strcasecmp($sager_nubes, 'Partly Cloudy') == 0) { $sager_nubes = 2; }
if (strcasecmp($sager_nubes, 'Mostly Overcast') == 0) { $sager_nubes = 3; }
if (strcasecmp($sager_nubes, 'Overcast') == 0) { $sager_nubes = 4; }
if (strcasecmp($sager_nubes, 'Rain') == 0) { $sager_nubes = 5; }


?>

<html>
<!-- standard header stuff goes here -->
<!-- and don't forget to include the sager script -->
<script src="sager_cast.js" type="text/javascript"></script>
<body>




<br />
Sager =
<span id="forecast">forecast will appear here</span>





<script type="text/javascript" language="javascript">
<!--
{

//we could do some fancy escaping to directly insert the php variables
//into the javascript function call, but this is harder to break.

z_wind = "<?php echo $sager_wind?>";
z_rumbo = "<?php echo $sager_rumbo?>";
z_hpa = <?php echo $sager_hpa?>;
z_trend = <?php echo $sager_trend?>;
z_nubes = <?php echo $sager_nubes?>;
document.getElementById('forecast').innerHTML = sager_cast( z_wind, z_rumbo, z_hpa, z_trend, z_nubes);
}
//-->
</script>


</body>
</html>
this basically turns my PHP variables intoa forecast by using the script above and also sager_cast.js (which crunches the numbers).

my question is how can i record the output to a text file

ie. this bit

Quote:
<br />
Sager =
<span id="forecast">forecast will appear here</span>
i know how to run a cron job on my host server but whenever i try to use php to geta at it, it fails.

i understand that php and JS and side server / client server / host server different, but surely there must be a way to record the output using my host and the script that i have.

my goal is to catch the forecast every 15 mins (with a time stamp) and then look back at the (text) file to see how it has changed.

can anyone please help?

one suggestion is to turn the number crunching JS script into php so i can 'get at it' but there are thousands of lines of code!

thanks in advance, and hello from a newbie poster!

Hey Everyone,

Thanks for reading my thread, I really hope I'm not asking a dumb question as I am teaching myself java but here goes. I'm a bit stuck and want my code to output a message when a form input does not contain a word (like lets say codingforums.com). I know it outputs my message when the field is left blank but here's what I have, any help will be greatly appreciated

Thanks.

Code:

function checkPostFields(form) {
	
	var msg = '';
	var value_missing = false;

	if (form.elements['test'].value == ''
			) {
		msg += '<?php echo $errormessage; ?>\n';
		value_missing = true;
	}
}

OK,

There's a script on my site that's included like <script src='somePHPfile.php?params... etc

It generates an image with some text in it and a few links.

When I click 'view source' it just comes up with the <script> tags and nothing else. In Firefox, if I right click on the actual image and go to this frame > view source, I can see everything it's doing.

Is there some way I can access this code with Javascript/jquery? I've tried html/dom parsers, etc. with no luck.

Hi Guys,
I want to output my pagetitle in javascript. An idea of syntax?

<title> products</title>

eg My page title is javascript code
outputs...
My page title is products

no joy with
Code:

<body>
<script TYPE="text/javascript"> 
document.write(document.title); </script> 
</body>

Thanks

Hi,

I have 31 audio files and want to play one each day from a single html button. I have the audio files in the same directory as the html page.

I have tried to adapt some code to do this, but have not had success. Any help would be much appreciated! Here is what I have so far:

Code:

<body>
<button id="button" onclick=" " return false">Play</button>
</body>        

<script type="text/javascript">            
            var currentDay = (new Date()).getDate();
            document.getElementById('button').onclick = "proverbs" + currentDay + ".mp4" ; 
</script>

Firstly I know this is a PHP issue yet it is within javascript and IMO is the root cause of the problem.

I'm trying to output markers from a search query of locations from my database, onto a Google Map (api v.3) using a tut I found http://tips4php.net/2010/10/use-php-...g-data-on-map/

When adding this to my page I'm getting Undefined index:errors.

I have changed the variables in the php part of the script to suit my database yet have left everything else alone, cant figure out why I'm still getting a blank map????

Please help....

My code with errors being shown at bottom;

Code:

<script src="http://maps.google.com/maps/api/js?v=3&sensor=false" type="text/javascript"></script>
<script type="text/javascript"> 
 var icon = new google.maps.MarkerImage("http://maps.google.com/mapfiles/ms/micons/blue.png",
 new google.maps.Size(32, 32), new google.maps.Point(0, 0),
 new google.maps.Point(16, 32));
 var center = null;
 var map = null;
 var currentPopup;
 var bounds = new google.maps.LatLngBounds();
 function addMarker(lat, lng, info) {
 var pt = new google.maps.LatLng(lat, lng);
 bounds.extend(pt);
 var marker = new google.maps.Marker({
 position: pt,
 icon: icon,
 map: map
 });
 var popup = new google.maps.InfoWindow({
 content: info,
 maxWidth: 300
 });
 google.maps.event.addListener(marker, "click", function() {
 if (currentPopup != null) {
 currentPopup.close();
 currentPopup = null;
 }
 popup.open(map, marker);
 currentPopup = popup;
 });
 google.maps.event.addListener(popup, "closeclick", function() {
 map.panTo(center);
 currentPopup = null;
 });
 }
 function initMap() {
 map = new google.maps.Map(document.getElementById("map"), {
 center: new google.maps.LatLng(0, 0),
 zoom: 14,
 mapTypeId: google.maps.MapTypeId.ROADMAP,
 mapTypeControl: false,
 mapTypeControlOptions: {
 style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
 },
 navigationControl: true,
 navigationControlOptions: {
 style: google.maps.NavigationControlStyle.SMALL
 }
 });
 <br />
<b>Notice</b>:  Undefined index:  name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>:  Undefined index:  lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>:  Undefined index:  info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(53.994709, ,'<b></b><br/>');
<br />
<b>Notice</b>:  Undefined index:  name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>:  Undefined index:  lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>:  Undefined index:  info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(53.985416, ,'<b></b><br/>');
<br />
<b>Notice</b>:  Undefined index:  name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>:  Undefined index:  lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>:  Undefined index:  info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(53.985416, ,'<b></b><br/>');
<br />
<b>Notice</b>:  Undefined index:  name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>:  Undefined index:  lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>:  Undefined index:  info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(0.000000, ,'<b></b><br/>');
<br />
<b>Notice</b>:  Undefined index:  name in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>73</b><br />
<br />
<b>Notice</b>:  Undefined index:  lng in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>75</b><br />
<br />
<b>Notice</b>:  Undefined index:  info in <b>D:\www\ofcftp\familysupport-results.php</b> on line <b>76</b><br />
addMarker(0.000000, ,'<b></b><br/>');
 center = bounds.getCenter();
 map.fitBounds(bounds);

 }
 </script>

Hello,

I use a iplocator api, which is javascript and gives out the city name, country and zipcode output
PHP Code:
<script language="JavaScript" src="http://www.somesite.com/somefile.js?key=apikey"></script>
<script language="JavaScript">
<!--
document.write(ip2location_isp() + ', ' + ip2location_city() + ', ' + ip2location_zip_code() + ', ' + ip2location_net_speed());
//-->
</script> 


my question or where i need help is that, i would like to output each of those as a hidden text field, so later i can store into mysq database with POST method from the hidden field.

thank you in advance for your time n help

Hi,
When is a java script change in Production server,do we need to force the web users to clear their cache... Or is there any better way of doing it apart from using no cache header in HTML

Hello. I am trying to create a javascript function which when declaring a new object, would give it properties. I'll try and show what I am doing with some code, then explain it.

Code:

<script type="text/javascript">

var Draggable = {

Create: function(e, options) {

newStyle(e, options);

}

};

function newStyle(destination, options) {

for (x in options) {
document.getElementById(destination).style.x = options[x];

}
}

new Draggable.Create('text', options = {border: "1px solid red"});
</script>

<div id="text">Text</div>

With this code, I am trying to create a new instance. I am then trying to change the border of the div with the id of "text". I know doing .style.x is what is breaking, but I'm not sure how to make it so the x will, work or to return that back to the Create function and work with it there? Any help would be appreciated. Thanks.

Hi can you change this javascript for me please
--------------------------------------------------------------------------
--------------------------------------------------------------------------
Code:

<script type = "text/javascript">
function LogIn(){
loggedin=false;
username="";
password="";
username=prompt("Username:","");
username=username.toLowerCase();
password=prompt("Password:","");
password=password.toLowerCase();
if (username=="guest" && password=="login") { 
loggedin=true;
window.location="home-page.html";
}
if (username=="guest2" && password=="login2") {
loggedin=true;
window.location="home-page2.html";
}
if (loggedin==false) {
alert("Invalid login!");
}
}
</SCRIPT>

----------------------------------------------------------------------------------------------------------------------------------------------------
Can someone change this script to instead of prompts i would like two text boxes and a button to login p.s There is also a different bit but thats for the button if you need this part then please ask

I need a JavaScript image changer like this:
When you mouse over photo1.jpg, it will change to photo2.jpg.
When you mouse over photo2.jpg it will change to photo 3.jpg and so on untill photo5.jpg.
Please keep this in JavaScript form :)

Here's the code that I'm working with:
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 type ="text/javascript">
function HouseSel(){
document.getElementById("HouseSelect").value = '3'
alert (document.getElementById("HouseSelect").value);
}
</script>
</head>

<body>


<form action="https://www.paypal.com/us/cgi-bin/webscr" method="post" name="_xclick">

<select name="item_name" id="HouseSelect">
                  <option value="0" selected="selected">--Please Select a House--</option>
                  <option value="1">Nags Head</option>
                    <option value="Rent Deposite: Calib  ">Calibre</option>
                </select>

<input name="calculate3" type="button" id="calculate3" tabindex="2"     
        onclick="HouseSel(); " value="Calculate"/>
        </form>
</body>
</html>

But it's still returning the initial value. How do I get it to 3?

I have several checkboxes with labels, all laid out in a table. All of the checkboxes have a class of "hide" and through CSS I have them hidden. Then with javascript it's set up so that when a user clicks on the label for the checkbox the background of the TD that contains it changes colors to indicate that that item is selected.

Works great except for those browsers that have javascript disabled. Then the form is useless.

I'm thinking now it would be better to use javascript to apply the "hide" class to the checkboxes. That way if it's disabled then the checkboxes will still be visible and the form useable. I'm just not sure how to go about doing that (not much of a javascript ninja).

Can anyone advise me on how to do that? I'd really appreciate the help! Thanks!