HTML - Anyone Know This Cool Javascript?

I am currently working on a currency converter for my D&D website and have run into a bit of a problem. The basic idea is to select the appropriate currency you have from a row of radio buttons, insert the amount you have in a text area and in the next text area it will kick out a list of different currencies and the amount you will have in those currencies. My problem is that my JAVA skills are extremely poor. I figured out how to set up most of it but I cannot figure out how to grab the input and plug it into my formulas. Can anyone help me with this?

Here is a link to the page: Currency Converter

Any and all hope is greatly appreciated.

Thanks.


Take care and have a great day....



ciao,
john.,


Here is the basic code without the web page info:

Code:

<script type = "text/javascript">

function radio_map(prefix)
{
     var coins; // The type of coin selected
   
     // Go through all options to find the one that was selected
     for (cnt = 0; cnt < prefix.cointype.length; cnt++)  {
          // If the coin was selected, checked will be true
          if (prefix.cointype[cnt].checked)
               coins = cnt;  // Save that coin number
     }
   
    switch (coins) {
       // Copper
      case 0: prefix.matharea.value = "\n" +
                     1 * 1 + " Copper Coins \n" +
                     1 * .1 + " Silver Coins \n" +
                     1 * .01 + " Gold Coins \n" +
                     1 * .005 + " Platinum Coins \n" +
                     1 * .0001 + " Mithril Coins \n";
              break;

      // Silver       
       case 1: prefix.matharea.value = "\n" +
                     1 * 10 + " Copper Coins \n" +
                     1 * 1 + " Silver Coins \n" +
                     1 * .1 + " Gold Coins \n" +
                     1 * .05 + " Platinum Coins \n" +
                     1 * .001 + " Mithril Coins \n";
              break;

      // Gold
       case 2: prefix.matharea.value =  "\n" +
                     1 * 100 + " Copper Coins \n" +
                     1 * 10 + " Silver Coins \n" +
                     1 * 1 + " Gold Coins \n" +
                     1 * .5 + " Platinum Coins \n" +
                     1 * .01 + " Mithril Coins \n";
              break;

      // Platinum
       case 3: prefix.matharea.value =  "\n" +
                     1 * 1000 + " Copper Coins \n" +
                     1 * 10 + " Silver Coins \n" +
                     1 * 5 + " Gold Coins \n" +
                     1 * 1 + " Platinum Coins \n" +
                     1 * .1 + " Mithril Coins \n";
              break;

      // Mithil
       case 4: prefix.matharea.value =  "\n" +
                     1 * 10000 + " Copper Coins \n" +
                     1 * 1000 + " Silver Coins \n" +
                     1 * 100 + " Gold Coins \n" +
                     1 * 5 + " Platinum Coins \n" +
                     1 * 1 + " Mithril Coins \n";
              break;


   }
}

</script>





<form name="frmRadio">


<p> Please choose your coin type.</p>
   
<div onclick ='radio_map(document.frmRadio)'>
               
<input type="radio" name="cointype" value="Evanston"> Copper
               
<input type="radio" name="cointype" value="Arlington Hts."> Silver

<input type="radio" name="cointype" value="Oakbrook"> Gold

<input type="radio" name="cointype" value="Downers Grove"> Platinum

<input type="radio" name="cointype" value="Vernon Hills"> Mithril

</div>
         



Please input the number of coins that you have:
               
<textarea name="coinarea" rows=1 cols=35> </textarea>



                  
Here are your converted coin numbers:
                  
<textarea name="matharea" rows=10 cols=35> </textarea>

</form>

Hello everyone, newbie to this forum humbly seeking help.

I'll got a javascript working to display an alt image on hover and at the same time an image box appearing at another place on the page (describing the link).

After preparing the linked page I discovered that the link doesn't work.

When I add "a href" within the code which already only has a "href" in the javascript the complex image cutting becomes apparent with a pixel or so space between each of the cuts.

I had alt images working nicely, now I find something is very much a miss.

Here is the code which delivers the two alt images well but doesn't link to the target page.

"<tr><td><div id="NavigationImage3" href="about_us.html" onMouseOver="F_roll('NavigationImage3',1)" onMouseOut="F_roll('NavigationImage3',0)"><img id="NavigationImage3" name="NavigationImage3" src="images/b2-3a.jpg" onLoad="F_loadRollover(this,'images/b2-3b.jpg')" alt="Sample Text" onMouseOver="swap(3, 'imgDefault')" onMouseOut="swap(0,'imgDefault')"></a></td></tr>"

Be very grateful if someone can help.

Cheers, Mal from Cessnock (Aus)

So I want to make an image that has mouseover tables that pop up. This is what the code looks like now:
Code:

<html>
    <table>
        <tr><td><img src= "pic.bmp" usemap="#mapareas"/></td></tr>
    </table>


<map NAME ='mapareas'>
        <script language='JavaScript' type='text/javascript'>
                                    
        function show(id)              
        {                               
            document.getElementById(id).style.visibility='visible';  
            return true;                
        }                               
        function hide(id)              
        {                               
            document.getElementById(id).style.visibility='hidden';  
            return true;                
        }                               
        </script>  

    <area shape = "rect" coords="0,0,100,100" title="one" onmouseover='javascript:show('one') onmouseout='javascript:hide('one')>

    <area shape = "rect" coords= "150,0,250,100" title="two" onmouseover='javascript:show('two') onmouseout='javascript:hide('two')>

    <area shape = "rect" coords= "0,150,100,250" title="three" onmouseover='javascript:show('three') onmouseout='javascript:hide('three')>

    <area shape = "rect" coords= "150,150,250,250" title="four" onmouseover='javascript:show('four') onmouseout='javascript:hide('four')>

    <area shape = "default" title="The Rest">
</map>

<table border=0 cellPadding=0 cellSpacing=1 id='one' style='position:absolute; left:10px; top:120px; background:lightGrey; visibility:hidden'>
<tr><td>ONE</td></tr>
</table>

<table border=0 cellPadding=0 cellSpacing=1 id='two' style='position:absolute; left:10px; top:120px; background:lightGrey; visibility:hidden'>
<tr><td>TWO</td></tr>
</table>


<table border=0 cellPadding=0 cellSpacing=1 id='three' style='position:absolute; left:10px; top:120px; background:lightGrey; visibility:hidden'>
<tr><td>THREE</td></tr>
</table>


<table border=0 cellPadding=0 cellSpacing=1 id='four' style='position:absolute; left:10px; top:120px; background:lightGrey; visibility:hidden'>
<tr><td>FOUR</td></tr>
</table>


</html>

everything is ok when the page is first loaded, but when I try the mouseovers, firefox's error console gives me this message:
"syntax error
javascript:show("
and
"syntax error
javascript:hide("

Can someone help me figure out what is going wrong?

Thanks

Hi.
I am making a java scipt code for my link's image to change on mouse over.
Is there a way to detect if a user has Java instaled? (And if they dont, just be a link without the change)
Thanks.

Does anyone know how to get a .html file with javascript to work in a .tpl file?

K so I'm making my brother an inventory website that leads to a digital order sheet. On the order sheet, it has a dropdown of the items he has in the database. It's supposed to show the quantity of what he has in stock, but here's the thing: In this database, there are two tables, called Dishes, and Cables. These two tables are assigned to 1 id, so that I can display them in <td id = 'quantity'/>. The problem is, it displays the Cables only, but I want it to be so that if I select one of the dishes, it selects the quantity for the dishes, and if I select one of the cables. Here's the code I have.

Code:

<html>
	<head>
		<script type="text/javascript" >
		var data = null;
		var data2 = null;
		
	function GETSTUFF(stuff) {
		var xmlhttp = new XMLHttpRequest();
		xmlhttp.open('GET', stuff, false);
		xmlhttp.send();
		return xmlhttp.responseText;
	}
	function buildList() {
		data = eval('('+ GETSTUFF('inventory_2.php') +')');
		console.log(data);

		for (var i=0;i<data.length;i++) {
			document.getElementById('materials').innerHTML += '<option onclick="showQuantity(\''+ data[i]['Quantity'] +'\'">'+ data[i]['Supplier'] +'</option>';
		}
		
		data2 = eval('('+ GETSTUFF('inventory_21.php') +')');
		console.log(data2);
		
		for (var i2=0;i2<data2.length;i2++) {
			document.getElementById('materials').innerHTML += '<option onclick="showQuantity(\''+ data2[i2]['Quantity (Boxes)'] +'\'">'+data2[i2]['Type'] +'</option>';
		}
	}
	
	function showQuantity() { 		
		var supplier = document.getElementById('materials').options[document.getElementById('materials').selectedIndex].value;
		var type = document.getElementById('materials').options[document.getElementById('materials').selectedIndex].value;		
		var amount = 0;
		var amount2 = 0;
		
		for (var i=0;i<data.length;i++) { 
			if (data[i]['Supplier'] == supplier) {
				amount = (data[i]['Quantity']);
				}
			}
		document.getElementById('quantity').innerHTML = 'Quantity : '+amount;
		
		for (var i2=0;i2<data2.length;i2++) {
			if (data2[i2]['Type'] == type) {
				amount2 = (data2[i2]['Quantity (Boxes)']);
				}
			}
			document.getElementById('quantity').innerHTML = 'Quantity (Boxes) : '+amount2;	
	}
	
	</script>
	</head>
	
<body onload="setTimeout('buildList()' ,100)"/>
	<center>
	<img src="images.jpg" width=125px height=125px/>
	<br>
	<font size="8" color="grey" face="purisa">Home </font> <font size="8" color="red" face="purisa"> Communications</font>
	<br>
	<font size="5" color="grey" face="purisa">Order </font> <font size="5" color="red" face="purisa"> Sheet</font>
	<br>
	<table border="3" width="100%">
		<tr> 
			<th>Material:</th>
			<th>Quantity in stock:</th>
			<th>Quantity needed:</th>
		</tr>
	
		<tr>
		<td>
			<select id="materials" name= "" onchange = "showQuantity()">
				<option disabled>Select</option>
			</select>
		</td>
		
		<td id="quantity">
		</td>
		<td>
			<form>
				<input type = "quantityNeeded" />			
			</form>
		</td>
		</tr>
		
	</table>
	<br>
	<input type = "button" value="Submit"/>
</center>

</body>

</html>

I know the if statement involves selectedIndex, but I can't figure it out. Please help.

can somebody change this code so it work i don't understand why its not working its a router planner for google maps. if you type your adres in the text box he must plan a route

HTML Code:

<form name="thisform" action="" method="get" onsubmit="window.open('http://maps.google.nl/maps?saddr='+document.thisform.adres.value,'_self')('+&daddr=Gemeenteweg+180+7951+CT+Staphorst&hl=nl&sll=52.649594 ,6.217762&sspn=0.010467,0.033023&geocode=FQ8BIwMdQRhcACnxa5xBMHfIRzHmGEdWCkhZ2A3BFXpeIwMdIuBeAClXUCEANXPIRzE6f2uCVLYVUw&oq=gree&mra=ls&t=h&z=13');return false;"> <input name="adres" type="text" /> <input name="submit" type="submit" value="Zie route" /> </form>

I am trying to create a frontpage with a main image that is replaced by other images that can be clicked as thumbnails. I have succeeded in doing that, but am now looking to have a headline that links to another page in my site that would change as the images change. Here's my code, please help.

<script language="javascript">
function swapPhoto(photoSRC) {
document.images.imgPhoto.src = photoSRC;
}
</script>
<table width=550 height=45 style="background-color: #000000" style="color: #ffffff">
<tr><td><center><p><font size=5 style="color: #ffffff">New Articles</p></font></center></tr></td>
</table>
<table width=550 style="text-align:center" border=3 style="border-color: #000000">
<tr><td border=5 style="border-color:#000000">
<img src="http://blog.masslive.com/parquetpride/2008/08/large_jr-giddens-huge.jpg" id="imgPhoto" width="510" height="340" alt="Main Image" /></tr></td>
<tr><td border=5 style="border-color:#000000"><a href="javascript:swapPhoto
('http://blog.masslive.com/parquetpride/2008/08/large_jr-giddens-huge.jpg')"; return false;"><img src="http://blog.masslive.com/parquetpride/2008/08/large_jr-giddens-huge.jpg" width="123" height="82" border=0 /></a></a>
<a href="javascript:swapPhoto
('http://cdn.picapp.com/ftp/Images/4/a/f/a/NBA_MAY_10_5253.JPG?adImageId=1825421&imageId=4792284')"; return false;"><img src="http://cdn.picapp.com/ftp/Images/4/a/f/a/NBA_MAY_10_5253.JPG?adImageId=1825421&imageId=4792284" width="123" height="82" border=0 /></a>
<a href="javascript:swapPhoto
('http://cdn.picapp.com/ftp/Images/3/e/3/5/NBA_Summer_League_1d14.JPG')"; return false;"><img src="http://cdn.picapp.com/ftp/Images/3/e/3/5/NBA_Summer_League_1d14.JPG" width="123" height="82" border=0 /></a>
<a href="javascript:swapPhoto
('http://cdn.picapp.com/ftp/Images/5/b/b/e/Kansas_State_v_d9d1.jpg?adImageId=1819870&imageId=3772329')"; return false;"><img src="http://cdn.picapp.com/ftp/Images/5/b/b/e/Kansas_State_v_d9d1.jpg?adImageId=1819870&imageId=3772329" width="123" height="82" border=0 /></a></tr></td>
</table>

Hello everyone,

I'm building a html page that (I think) needs Javascript directly written into it because it won't be uploaded into a directory I can edit. A few questions:

1. Would this code "<script type="text/javascript" src="the matrix.js">" work if the file was within the document?

2. Does a JavaScript file need to be within the same web directory as a document that's referencing it?

Thanks

I want to have a similar feature that this page has http://dtlr.com/shoes/shoes.html

only the part that has the 4 thumbnails of the cropped shoes and then the larger image of the shoe next to it.

Is this possible to build with html or javascript or is advanced css or something else needed?

thanks

Hey Team I am New to the boars this is my first html/java script code i wrote.. but it doesnt wan work could some body see wr my mistake is .. thx
HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.1 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>Reservation Form</title>
</head>

<body>
<form action="res.php" method="post" name="pricecheck">
<input type="text" value="Limousine" disabled="disabled" />
<br>
<table width="352" border="3" cellspacing="1" cellpadding="3">
 <tr>
    <td><strong>Party size:</strong></td>
    <td>
		<select name="pasn" id="pasn" size="1">
  			<option value="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>
		</select>
    </td>
  </tr>
  <tr>
  	<td><strong> Trip Type:</strong></td>
    <td>
    <select name="tt" id="tt" size="1">
      <option selected="">Select One</option>
      <option value="One Way">One Way</option>
      <option value="Round Trip">Round Trip</option>
      <option value="Land&amp;Sea/Sea&amp;Land">Land&amp;Sea/Sea&amp;Land</option>
    </select>
    </td>
  </tr>
  <tr>
    <td><strong>Transfare type</strong></td>
    <script type="text/javascript">
    <td>
	if(tt="One Way")
    	{
    <select name="trant1" id="trant" size="1">
      <option>Select One</option>
      <option value="12">MCO To Disney</option>
      <option value="13">Disney To MCO</option>
      <option value="14">MCO To Cruis</option>
      <option value="15">Cruis To MCO</option>
      <option value="16">Disney To Cruis</option>
    </select>
	   	}else if (tt="Round Trip")
        {
      <select name="trant2" id="trant" size="1">
      <option>Select One</option>
      <option value="17">MCO To Disney To MCO</option>
      <option value="18">MCO To Cruis To MCO</option>
      <option value="19">Disney To Cruis To Disney</option>
      <option value="20">Dsiney To Cruis To MCO</option>
        }else (tt="Land&amp;Sea/Sea&amp;Land")
        {
      <select name="trant3" id="trant" size="1">
      <option>Select One</option>
      <option value="21 ">MCO To Disney to Cruis To MCO</option>
      <option value="22">MCO To Cruis To Dsiney to MCO</option>
        }
	</script>
    </td>
  </tr>
</table>

</form>
</body>
</html>

thx again
iehab





*********
okay made a little changes still not work..
HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.1 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>Reservation Form</title>
</head>

<body>
<form action="res.php" method="post" name="pricecheck">
<input type="text" value="Limousine" disabled="disabled" />
<br>
<table width="352" border="3" cellspacing="1" cellpadding="3">
 <tr>
    <td><strong>Party size:</strong></td>
    <td>
		<select name="pasn" id="pasn" size="1">
  			<option value="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>
		</select>
    </td>
  </tr>
  <tr>
  	<td><strong> Trip Type:</strong></td>
    <td>
    <select name="tt" id="tt" size="1">
      <option selected="">Select One</option>
      <option value="One Way">One Way</option>
      <option value="Round Trip">Round Trip</option>
      <option value="Land&amp;Sea/Sea&amp;Land">Land&amp;Sea/Sea&amp;Land</option>
    </select>
    </td>
  </tr>
  <tr>
    <td><strong>Transfare type</strong></td>
   <td>
   <script type="text/javascript">
   var trant = array("MCO To Disney","MCO To Disney","MCO To Cruis","Cruis To MCO","Disney To Cruis","MCO To Disney To MCO","MCO To Cruis To MCO","Disney To Cruis To Disney","Dsiney To Cruis To MCO","MCO To Disney to Cruis To MCO","MCO To Cruis To Dsiney to MCO")
   if(tt="One Way")
    	{
	for (i=0; i<=4; i++);		
    document.write(<select name="trant[i]">tran[i]</select>);
	   	}else if (tt="Round Trip")
        {
      for (i=5; i<=8; i++);		
    document.write(<select name="trant[i]">tran[i]</select>);
        }else (tt="Land&amp;Sea/Sea&amp;Land")
        {
      for (i=9; i<=10; i++);		
    document.write(<select name="trant[i]">tran[i]</select>);
        }
	</script>
    </td>
  </tr>
</table>
<br>
<input name="Submit" type="submit" value="Get Price&gt;&gt;" />
<input type="reset" name="Reset" id="button" value="Reset">
</form>
</body>
</html>

My site will not display javascript for all days. I got script that changes content daily. but i recently add more info by deleting div's and used the Mondays.js to Sundays.js info to display strings where div's where. But now it only shows info for monday and sunday.

Here is link to test site:

http://needablemerchandise.webs.com/...0main/test.htm

Hi everyone,

I'm having this really weird problem with a form I'm using. I am creating a banner module which allows users to upload banner code via an html form, one of the fields is for the code itself wich may be html based eg.<img src="ectectect" /> or javascript like <script language="javascript" src="ad.aspx?pid=17987&bid=4939"></script>

The problem is this when i put any form of javascript into the textarea even just <script></script> tags and post the form the content in the input containing the javascript is always empty.

This is my form tag: Code:

<form action="" method="post" name="update">

Any ideas why this is happening?

hi, I'm not sure if its javascript that does it or any other language, but I being googling an cant find it.I am building a site and wanna create a "question sign" ? that when users hover over it , a dialogue box appears explaining what it is.I'm sure most of us have seen it on some site or the other.

what I am looking for is like http://www.alexa.com/siteinfo/linuxquestion.org where it says,"Alexa traffic rank" and you hover over the question sign.Thats exactly what I want


Can I get some help or links to text on how to create one?

Thank you