JavaScript - Trouble Using Selectedindex As A Var

Hi i start of with a some csv data and convert this into an array. The resulting array looks like the following

[["Apple", "64"], ["Banana", "20"], ["pear", "12"], ["Orange", "16"]]

But i need this to be formatted as below without the quotes around the second value.

[["Apple", 64], ["Banana", 20], ["pear", 12], ["Orange", 16]]

Im not sure how to achieve this. I guess i need to loop through the array and strip out the quotes but im failing to get this working. Help!

Can anyone look at the link below, and tell me why the infoWindow displays the same xml marker node for each marker
Thanks

Lee
http://www.hotels.seotra.com/

http://icant.co.uk/sandbox/countdown.html

Hi, I am trying to understand the countdown above but I am having some problems. I am trying to remove some of the fields under preferences, I just want to show "Time in Seconds" and "warning start" and not any of the other fields. When I try to remove something from the script the entire thing just stop working. So my question is simple, how do I hide/remove fields under preferences without breaking the countdown?

Hi, the cookies I am trying to read are values from a form that were stored. The problem I am having is that one value form the form, the value is 5000, was stored as a cookie but I cannot read it. When I display it, it returns: [object HTMLInputElement].

The code for storing the value is this:
Code:

document.cookie = "bankRoll=" + encodeURIComponent(money) + "; expires=" + expireDate.toUTCString();

, where money = 5000.

The code for reading the cookies is this:
Code:

var cookies = decodeURIComponent(document.cookie);
 var cookieNumber = new Array(10);
 cookieNumber = cookies.split("; ");   
	for(var i = 0; i < cookieNumber.length; ++i)
{
	var equalPos1 = cookieNumber[i].search("="); 
if (cookieNumber[i].substring(0, equalPos1) == "firstName") 
	firstName = cookieNumber[i].substring(equalPos1 + 1); 
if (cookieNumber[i].substring(0, equalPos1) == "lastName") 
	lastName = cookieNumber[i].substring(equalPos1 + 1); 
if (cookieNumber[i].substring(0, equalPos1) == "pCode") 
	pCode = cookieNumber[i].substring(equalPos1 + 1); 
if (cookieNumber[i].substring(0, equalPos1) == "bankRoll") 
	bankRoll = cookieNumber[i].substring(equalPos1 + 1); 
if (cookieNumber[i].substring(0, equalPos1) == "lastVisit") 
	lastVisit = cookieNumber[i].substring(equalPos1 + 1); 
	
}

The only one that does not display properly is the variable bankroll. All the others return the proper value.

I would like to know how to fix my code so that the value 5000 is displayed.

I've got a problem at the bottom where the "ignore case" bit is, I simply need the code to loop whether the user types a uppercase "Y" or a lowercase "y". The error I am getting right now is that it doesn't loop whether i type a lowercase or uppercase "Y".

Code:

console.log("Calculator program"); 
console.log(" "); 
console.log("1. Add numbers");
console.log("2. Subtract numbers");
console.log("3. Multiply numbers");
console.log("4. Divide numbers");

do
{
var option = prompt("What operate do you want to choose? ");
var first = prompt("Enter your first number: ");
var second = prompt("Enter your second number: ");

if (option == 1)
{
  var total1 = (first+second);
  console.log("The total is "+total1);
}
  
else if (option == 2)
{
  var total2 = (first-second);
  console.log("The total is "+total2);
}

else if (option == 3)
{
  var total3 = (first*second);
  console.log("The total is "+total3);
}

else if (option == 4)
{
  var total4 = (first/second);
  console.log("The total is "+total4);
}
  var retry = prompt("Another calculation?");
  var yes = "y".ignoreCase;

} while (retry == yes);

Reply With Quote




01-08-2015, 08:11 PM #2
Philip M View Profile View Forum Posts

Supreme Master coder! Join Date Jun 2002 Location London, England Posts 18,371 Thanks 204 Thanked 2,573 Times in 2,551 Posts

while ((retry == "y") || (retry == "Y"))

Be aware that prompts and alerts are considered to be long obsolete. You should use DOM methods to obtain input from and display messages to your users. If you do use prompts get rid of the ugly 'undefined'.

Quizmaster: Which word for a spring or town with thermal or mineral waters used for drinking or bathing takes its name from
a town in Belgium which is famed for its supposedly curative waters?
Contestant: Volvic

Hello,

I am researching an issue in a rather big app which displays pdf files in IE window.
The issue is that inside javascript code we call 'window.setTimeout( win.focus() ...)' (for the child window), but it doesn't come into focus every time, seems a bit random when it does and does not come into focus.

At present I wrote a much smaller app + javascript to reproduce the issue, but it does not manifest in same way.
Specifically this is the confusing part:
window.setTimeout( function() {win.focus(); win.moveTo( 200 , 200 ); } , 500 , "JavaScript" );
the 'win' does move, but never comes into focus.

Any ideas about why the focus function does not accomplish what I'm trying to do?

Here's the code of my simplified app + html + javascript:

JAVASCRIPT:
Code:

var win;

function f(s) {
   	website="http://machine/apache/jsfnu/mytest" + s + ".txt";
   	if (!win)
   		win = window.open( website , "thetest" , "toolbar=yes,resizable=yes");
   	else
   	{
   		win.url = website;
   	}
   	win.navigate(website);
   	win.focus();
   	window.setTimeout( function() {win.focus(); win.moveTo( 200 , 200 ); } , 500 , "JavaScript" );
   }
   

function emitApplet() {
document.write("<APPLET CODE=\"mytest.class\" archive=\"mytest.jar,netscape.jar\" NAME=\"myApplet\"  MAYSCRIPT HEIGHT=1000 WIDTH=1000> </APPLET>");
}

function window_onUnload()
{
}

JAVA code:
Code:

import netscape.javascript.*;
import java.awt.*;
import java.awt.event.*;
public class mytest
extends java.applet.Applet implements ActionListener
{
	Button nextButton;
	Button prevButton;

	int _page=1;
	public void init() {
		System.err.println("init started");
		setLayout(new FlowLayout());
		System.err.println("setLayout done");
		nextButton = new Button("Next!");
		System.err.println("next button created");
		prevButton = new Button("Prev!");
		System.err.println("prev button created");
		add(prevButton);
		System.err.println("prev button added");
		add(nextButton);
		System.err.println("next button added");

		nextButton.addActionListener(this);
		System.err.println("next button action");
		prevButton.addActionListener(this);
		System.err.println("prev button created");
	}
	public void actionPerformed(ActionEvent evt)
	{
		if (evt.getSource() == nextButton)
		{
			doButton(++_page);
		}
		else if (evt.getSource() == prevButton)
		{
			doButton(--_page);
		}
	}
	public void doButton(int page)
	{
		JSObject win = JSObject.getWindow(this);
		JSObject doc = (JSObject) win.getMember("document");

		JSObject loc = (JSObject) doc.getMember("location");
		String s = (String) loc.getMember("href");
		String []args = new String[1];
		args[0] = (new Integer(page)).toString();
		win.call("f", args);
	}
	public void paint (java.awt.Graphics g)
	{
		g.drawString("Hello, World9!",50,25);
	}
}

HTML:
Code:

<script type="text/javascript" src="StartTest.js"> </script>
<html>
        <head>
                <title>try</title>
        </head>
        <body bgcolor="#fdf8ed" text="black" language="Javascript" onload="window_onUnload()">

                <center>
                        <script type="text/javascript">

                                        emitApplet();

                        </script>

                </center>
        </body>
</html>

Hey,

I'm trying to make some information from a database convert to JS

Code:

<?php
include ("Scripts/connection.php");
$qry1 = "SELECT * FROM news";
$result1 = mysql_query($qry1);
?>
<script type="text/javascript">
var pausecontent=new Array()
<?php
while($news = mysql_fetch_array($result1)) 
{ 
    echo 'pausecontent[0]="<a href=\"news.php#'.$news['id'].'\">'.$news['news'].'</a><br />'.$news['news'].'!";';
 }
?></script>

however I just see undefined...
any ideas?

I am not great at using JavaScript but I am working on it. I really need help with my script. I can't seem to find out why my images won't load correctly.
I am trying to get a 2 part radio button selection to show different pictures for every combination of colors you can choose. So if I was to pick black and black a black_black.jpg picture will pop up and black_white.jpg will pop up for a black and white selection. Please if anybody can help I could really use it right now. Thanks!

Code:

<html>
<body>
<form name = "myform">
<img id = "myImage" src = "MyDefaultImage.jpg">
<br><br>  
Barrels:   --------    Inserts:<br>  

Black <input type = "radio" name = "col1" value = "black" onclick = "showImage();">   Black <input type = "radio" name = "col2" value = "black" onclick = "showImage();"><br>  
White <input type = "radio" name = "col1" value = "white" onclick = "showImage();">   White <input type = "radio" name = "col2" value = "white" onclick = "showImage();"><br>  
Orange <input type = "radio" name = "col1" value = "orange" onclick = "showImage();"> Orange <input type = "radio" name = "col2" value = "orange" onclick = "showImage();"><br>
Red <input type = "radio" name = "col1" value = "red" onclick = "showImage();">       Red <input type = "radio" name = "col2" value = "red" onclick = "showImage();"><br>
</form>  
<br>  
<br>  
<script type = "text/javascript">
function showImage() {
var A = 0;  
var B = 0;  
for (var i=0; i <document.myform.col1.length; i++) {  
if (document.myform.col1[i].checked) {  
A = document.myform.col1[i].value;  
}  
}  
for (var u=0; u <document.myform.col2.length; u++) {  
if (document.myform.col2[u].checked) {  
B = document.myform.col2[u].value;  
}  
}  
var x = A + "_" + B;  
if (x>0) {  
var picture = x + ".jpg";
document.getElementById("myImage").src = picture;  
}  
}  
</script>  
</body>  
</html>

I am working on converting something and this is what I have come up with:
http://www.msnsportsnet.com/content/ravenstest.htm

However, the width of that is 845 px and I wanted it to drop down to 650 px and make the arrows have the same effect as they did with the 845 px. First I moved the 845 to 650 in the css file, then changed the 845 to 650 in the JS files, I have been unable to figure this out though.

If someone could please help that would be great!

This is the JS file that I tried to edit:
http://www.baltimoreravens.com/includes/jsbin/ravens.js

This is the css file:
http://www.msnsportsnet.com/content/ravens.css

I am working on converting something and this is what I have come up with:
http://www.msnsportsnet.com/content/ravenstest.htm

The width of the original file was 845 px, I needed to change it to 235 px though. As I have knocked the size down of everything, I noticed the arrows are now not working correctly.

The arrow only goes to the right once and to the left once, I need to it to go to the right and left multiple times.

Here is the javascript file that I have been working with:
Code:

// gameday scroller
	
	function scrollGameday(dir) {
		var cssDir= (dir<0) ? 'right':'left';
		var scrollWidth = 235;
		var scrollSpeed = 235;
		var scrollWrapLeft = parseInt($("#gameScroller").css("left"));

		if(okScroll == false) {
			return;
		}
		if(cssDir == "left") {
			if($("#arrowRight").hasClass("disable")) 
				$("#arrowRight").removeClass('disable');
			if(currentPane <= 1) {
				return;
			} else {
				scrollWrapLeft = (scrollWrapLeft + (dir * scrollWidth));
				okScroll = false;
				$("#gameScroller").animate({left: scrollWrapLeft+"px"}, scrollSpeed, function() {
					okScroll = true;
				});
				currentPane = currentPane-dir;
				if(currentPane <= 1) {
					if(!$("#arrowLeft").hasClass("disable")) 
						$("#arrowLeft").addClass('disable');
				}
			}
		}
		if(cssDir == "right") {
			if($("#arrowLeft").hasClass("disable")) 
				$("#arrowLeft").removeClass('disable');
			if(currentPane >= paneCount) {
				if(!$("#arrowRight").hasClass("disable")) 
					$("#arrowRight").addClass('disable');
				return;
		} else {
				scrollWrapLeft = (scrollWrapLeft + (dir * scrollWidth));
				okScroll = false;
				$("#gameScroller").animate({left: scrollWrapLeft+"px"}, scrollSpeed, function() {
					okScroll = true;
				});
				currentPane = currentPane-dir;
				if(currentPane >= paneCount) {
					if(!$("#arrowRight").hasClass("disable")) 
						$("#arrowRight").addClass('disable');
				}
			}
		}
		
		checkCurrentPane(currentPane);
	}
	
	function checkCurrentPane(currentPane) {
		alert('check');
		if(currentPane == 1) {
			if(!$("#arrowLeft").hasClass("disable")) 
				$("#arrowLeft").addClass('disable');
		} else if(currentPane == paneCount) {
			if(!$("#arrowRight").hasClass("disable")) 
				$("#arrowRight").addClass('disable');
		}
	}

	$("#gameScroller").each(function (i) {
		var scrollWidth = 235;
		var newLeftPos = (i * scrollWidth)+"px";
		$("#gameScroller:eq("+i+")").css("left", newLeftPos);
		var items = $('.game');
		$('#gameScroller').css('width', items.length * items[0].offsetWidth + 'px');
		$("#arrowLeft").click(function() {
			scrollGameday(3);
			return false;
		});
		$("#arrowRight").click(function() {
			scrollGameday(-2);
			return false;
		});

	});
	if("#gameScroller") {
		var okScroll = true;
		var currentPane = 1;
		var paneCount = Math.ceil(($(".game").length) / 10);
		if(paneCount <= 1) {
			$(".arrow").className = $(".arrow").className + ' disable';
		} else if (paneCount > 1) {
				$("#arrowLeft").addClass('disable');
		}
		preScroll();
	}
	function preScroll() {
		var games = $('.game');
		for(n=0; n<games.length; n++) {
			if(games[n].className.match('active')) {
				var currFrame = Math.floor(n/10);
				scrollGameday(-currFrame);
			}
		}
	}

This is the CSS file: http://www.msnsportsnet.com/content/ravens.css

Thank you very much and any help is much appreciated.

All,
I have the following code:
Code:

var http_request = false;
   function makePOSTRequest(url, parameters) {
	   alert(parameters);
      http_request = false;
      if (window.XMLHttpRequest) { // Mozilla, Safari,...
         http_request = new XMLHttpRequest();
         if (http_request.overrideMimeType) {
         	// set type accordingly to anticipated content type
            //http_request.overrideMimeType('text/xml');
            http_request.overrideMimeType('text/html');
         }
      } else if (window.ActiveXObject) { // IE
         try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
         }
      }
      if (!http_request) {
         alert('Cannot create XMLHTTP instance');
         return false;
      }
	  
      http_request.onreadystatechange = alertContents;
      http_request.open('POST', url, true);
      http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
      http_request.setRequestHeader("Content-length", parameters.length);
      http_request.setRequestHeader("Connection", "close");
      http_request.send(parameters);
   }

   function alertContents() {
      if (http_request.readyState == 4) {
         if (http_request.status == 200) {
            result = http_request.responseText;
            document.getElementById('myspan').innerHTML = result;
         } else {
            alert('There was a problem with the request.');
         }
      }
   }
      
   function getjob(obj) {
	  var poststr = "job_id=" + encodeURI( obj );
      makePOSTRequest('getnextjob.php', poststr);
   }

I call the getjob but doing the following:
echo "<li><a href=\"#\" onclick=\"javascript:getjob($resultsetjob[job_id]); return false;\">$resultsetjob[name]</a></li>";

It's weird, only sometimes does it pass the variable and other times it doesn't. Is there a better way to do this??

Thanks in advance.

Hi all,

I have created the following page http://kylehouston.com/new/index_new.html

I have used JQuery to add animated load icon followed by my images fading in, the load works fine and the images appear but the problem is the fade in wont work.

I have tried a few methods to try and get them to fade including adding spans round my images but the only thing that seems to work for me is setting all divs to fade in which I dont want to happen.

Anyone got any advice?

Thanks in advance!

Kyle

Someone tell me where I'm going wrong. I'm trying to print out the month/year ?

Code:

<html><head>
<SCRIPT language=JavaScript>
var dateNow = new Date();
var monthNow = dateNow.getMonth();
var yearNow = dateNow.getYear();
function MakeArray(n) {
this.length = n
return this
} 
monthNames = new MakeArray(12)
monthNames[1] = "Janurary"
monthNames[2] = "February"
monthNames[3] = "March"
monthNames[4] = "April"
monthNames[5] = "May"
monthNames[6] = "June"
monthNames[7] = "July"
monthNames[8] = "August"
monthNames[9] = "Sept."
monthNames[10] = "Oct."
monthNames[11] = "Nov."
monthNames[12] = "Dec."
function customDate(oneDate) {
var theMonth = monthNames[oneDate.getMonth() +1]
}
</SCRIPT>
</head><body><script type="text/javascript">
document.write(theMonth + "/" + yearNow);
</script>
</body></html>

Hi

I am attempting to use a javascript code that ultimately shows a live video feed. The affiliate site that created the code says when they pull up my website page with the code on it, they can see it. My problem is, I cannot, no matter what browser I use. Firefox 10.5, IE9, and Chrome all are set to enable javascript. I'm using Windows Vista Ultimate.

I am also using a premium Wordpress theme. I contacted the theme creator and on the support forum there, he was able to see the code working just fine also so I determined it is indeed a problem local to my own settings but I am stumped. I googled and set my browser settings to make sure javascript is enabled in all of them. I run Kaspersky antivirus; I tried disabling my firewall, no dice. I ran malwarebytes, that didn't help either. EVERYTHING on my pc is up to date, this has really got me stumped. I know I'm missing something; just can't figure out what I also admin a second site using the same WP theme so I tried it there as well, still can't see it. I so appreciate any suggestions.

Thank you so much for your time

This is my very first javascript (I have limited knowledge C++ and php). I am trying to make an instant quote calculator, but having some trouble. I want to display the result of the calculation in the textbox with id price.

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>OVP Custom Order</title>

<script language="javascript">
<!--

function calcul(){

var vmin = document.getElementById('dur_min')[document.getElementById('dur_min').selectedIndex].value;
var vsec = document.getElementById('dur_sec')[document.getElementById('dur_sec').selectedIndex].value;
var vscript = document.getElementById('script')[document.getElementById('script').selectedIndex].value;
var vvstock = document.getElementById('vis_stock')[document.getElementById('vis_stock').selectedIndex].value;
var vvvideo = document.getElementById('vis_video')[document.getElementById('vis_video').selectedIndex].value;
var vvanim = document.getElementById('vis_anim')[document.getElementById('vis_anim').selectedIndex].value;
var vvoice = document.getElementById('voice')[document.getElementById('voice').selectedIndex].value;
var vmusic = document.getElementById('music')[document.getElementById('music').selectedIndex].value;

vmin = vmin*1;
vsec = vsec*1;
vscript = vscript*1;
vvstock = vvstock*1;
vvvideo = vvvideo*1;
vvanim = vvanim*1;
vvoice = vvoice*1;
vvmusic = vvmusic*1;
var overhead = 547;
cost = (vmin+vsec)*(vscript+vvstock+vvvideo+vvanim+vvoice+vmusic+overhead);
document.getElementById('price').value = cost;

} 
// -->
</script>
</head>

<body>
<form id="form1" name="main">
  <label>Duration
  <select id="dur_min">
    <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>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
    <option value="22">22</option>
    <option value="23">23</option>
    <option value="24">24</option>
    <option value="25">25</option>
    <option value="26">26</option>
    <option value="27">27</option>
    <option value="28">28</option>
    <option value="29">29</option>
    <option value="30">30</option>
      </select>
  </label>
  mins 
  <label>
  <select name="dur_sec" id="dur_sec">
    <option value="0">00</option>
    <option value="0.25">15</option>
    <option value="0.5">30</option>
    <option value="0.75">45</option>
  </select>
  </label>
  seconds<br />
  <label><br />
  Script Provided by
  <select name="script" id="script">
    <option value="0">Client</option>
    <option value="200">OVP</option>
  </select>
  </label>
  <br />
  <br />
  Visuals<br />
  <label>
  <input value="100" type="checkbox" name="vis_stock" id="vis_stock" />
  Stock Image Library</label>
  <br />
  <label>
  <input value="300" type="checkbox" name="vis_video" id="vis_video" />
  Video Shoot</label>
  <br />
  <label>
  <input value="200" type="checkbox" name="vis_animation" id="vis_animation" />
  Animation &amp; Graphics</label>
  <br />
  <label><br />
  Voiceovers
  <select name="voiceovers" id="voiceovers">
    <option value="0">No</option>
    <option value="200">Yes</option>
    </select>
  </label>
  <br />
  <label><br />
  Royalty Free Music
  <select name="music" id="music">
    <option value="0">No</option>
    <option value="50">Yes</option>
    </select>
  </label>
  <br />
  <br />
  Output Format(s)<br />
  <label>
  <input type="checkbox" name="out_web" id="out_web" />
  Web</label>
  &nbsp;&nbsp;&nbsp;
  <label>
  <input type="checkbox" name="out_dvd" id="out_dvd" />
  DVD</label>
  &nbsp;&nbsp;&nbsp;
  <label>
  <input type="checkbox" name="out_download" id="out_download" />
  Download</label>
  <br />
  <br />
  <label>
  <input type="submit" name="submit" id="submit" value="Calculate" onClick="calcul()"/>
  </label>
  <label>Approximate Price
  <input name="price" type="text" id="price" size="10" virtual warp="on" />
  </label>
  <br />
</form>
</body>
</html>

Thanks in advance