JavaScript - Onclick() On An Image To Call A Javascript Function

Hi guys.

I have made a PHP script that queries a database and uses the reponse to display multiple radio boxes (using a while loop). What I would like to do is have the page URI updated when a radiobox is clicked, without the user having to press on a "Submit" button or something. This is where Javascript comes into play.

As this is a while loop, there is no specific number of responses or prefixed names. I've found a lot of stuff on Google with functions calling ID's, and then if the ID matches do a predefined response. Of course that wouldn't work in this situation, and to be frank I don't need anything near as complex.

What I'm looking to do is call a Javascript function to redirect the page to "...?location=<get location from PHP var>&id=<get ID from checkbox ID/name>".

When the page reloads, I can then use the PHP $_GET["id"] function to display data. It sounds SO simple in theory! Can anyone help?

What i've done (and failed):

Code:

echo "<form>";

while ($explode_count_dec > "0"):
$while_query = mysql_query("SELECT * FROM printers WHERE ID LIKE '$explodedata[$explode_number]'");
$while_result = mysql_fetch_assoc($while_query);

echo "<input type='radio' value='".$explodedata[$explode_number]."' name='printer' onClick='showmore(".$explode_number.")' />".$while_result["Model"]." <BR /> ";

++$explode_number;
--$explode_count_dec;
endwhile;

echo "</form>";

and the JS:

Code:

<script type="text/javascript">
function showmore($text) {
  var room = "<?= $get_location; ?>";
  window.location = "?location=" + room + "&id=" + <?php $text; ?> // Couldn't do just $text here? I wish I knew JS..
}
</script>

Hi

I have a requirement that from a different domain I will be calling my domain javascript adn calling the fucntion of it directly. I dont want to ask the partner site first download the js and then call the function of it. rather I have seen someplaces they just call the js on links and functions are called directly.

in my partner site html I should have something like

<a href="http://www.mydomain.com/inc/js/abc.js" >call js </a>

and my js will have:

function hi(){
alert("hi");
}

hi();



so I was expecting that I will see an alert with "hi" but this is not happening.

any help
mjask

I am coding an actionscript app and need to call javascript function in page
that embeds the swf file. I am doing this as Action Script 2.0 and am testing
in Firefox 1.5 x (flash pluggin version 7) I am getting the following error message:

(not part of the error text)
re object/embed id/name _DoFSCommand(command, args)
(.swf/actionscript call to javascript)
in Firefox/1.5.0.3 on Mac OS 10.3x

(error text-- from FF javascript console)
Error: plugin.SetWindow is not a function
Source File: javascript: function jsScriptObject(obj)
{ this.wrappedJSObject = obj; }
jsScriptObject.prototype = { evaluate : function(expression)
{ return new jsScriptObject(eval(expression)); } }; var plugin =
document.embeds['SWFO']; plugin.SetWindow(new jsScriptObject(window),879801055);
Line: 1

This set up works in version 10 flash pluggin, as is, in Firefox 3.5.2

Can anyone give me a clue about this?

A little further info to possibly save someone some time:
I am working on an actionscript 3.0 version that uses externalInterface
in Action Script, so I don't need advice to upgrade. I am trying to
target older browsers as well as newer ones.
Thank you for time and attention;
JK

hi
i'd like to ask how can i ask for a function inside a for loop , if i remove the loop the code works fine but i need it for 10 rows . please help , here is the code
PHP Code:
$content .='        <table cellspacing="2" cellpadding="2" border="0" 
    align="center" >

    <SCRIPT LANGUAGE="JavaScript" type="text/JavaScript">
    function doCalcAndSubmit() {
// get both values
kolicina1 = document.forms["vlez1"].kolicina.value;
cena1 = document.forms["vlez1"].cena.value;

// do some calculation
vkupno1 = kolicina1 * cena1;

// set the value in the right field
document.forms["vlez1"].vkupno.value = vkupno1;
}
</script>
    <form id="vlez1" name="vlez1" method="POST" action="index_execute.php" >
    
        <tr valign="middle">
            <td></td>
            <td align="center"><b> Sifra : </b></td>
            <td align="center"><b> Kolicina : </b></td>
            <td align="center"><b> Cena : </b></td>
            <td align="center"><b> Vkupno : </b></td>
        </tr>
            ';

        for($t=1;$t<11;$t++)    {

$content .= '    
        <tr valign="middle">
            <td>'.$t.'.</td>
            <td><input type="text" id="sifra" autocomplete="off" name="sifra['.$t.']" align="middle" onblur="normalField(this);" onfocus="fireKeyListener_sifra(event); highlightField(this,1);" onkeyup="getList_sifra(event);" size="25" value="" /></td>
            <td><input type="text" id="kolicina" name="kolicina['.$t.']" align="middle" size="25" ></td>
            <td><input type="text" id="cena" name="cena['.$t.']" align="middle" size="25" onblur="doCalcAndSubmit();"></td>    
            <td><input type="text" id="vkupno" disabled name="vkupno['.$t.']" align="middle" size="25" ></td>    
                <input type="hidden" name="hidden_data" value="'.$data.'">
                
        </tr>';    }

$content .= '<tr>
            <td></td>
            <td></td>
            <td align="center"><input type="submit" id="submit2" name="submit2"    value="Potvrdi" ></td>
        </tr>    
        
    </form>
    
    </table>
    '; 

I have two password fields on a webpage form. If the passwords don't match, I want to display a message. I could use a popup, I could redirect to a page containing the message with another redirect back to the form or, the option I'd like to use, have a hidden table cell in the form containing the message that displays should the form be submitted without matching passwords. If I use the latter, where do I call the javascript function to display the hidden table cell? So in effect, only javascript function would execute if the passwords don't match, the action page itself shouldn't load at all. Can/should this be done on the action page?

Hi,

Firstly, I would like to introduce myself. I am new to the application framework in sencha and JS.

Acutally i have to pop an image on click of the text. I checked some of the same codes and wrote this code in sencha javascript. can any one please check what's wrong with this code and let me know how to call this function from html code.

function showEditWindow() {

var win = new Ext.Window({
title: 'image',
width: 100,
height: 100,
html: '<img src=\"p1.png\"></img>',

});

win.show();
return win;
};

Hi there, I am wondering if it is possible to navigate anchor links using a button onclick event. I want next and previous hit buttons to navigate the already existing hits (#hit1, #hit2, etc.).

For instance, I have:

Code:

<script type="text/javascript">
var numHits = {HITS}-1;
function nextHit(){

	if(numHits > 0){
		numHits--;
	}	
	return("location.href=" '#hit" + numHits + " ' ");//added spaces for visibility
}
</script>
<input type="button" value=">" onclick="nextHit()" />

I have tried onclick="nextHit();", onclick="nextHit(); return true/false", onclick=" return nextHit()" and a bunch of others, with no luck.

I have seen working examples with the href tag (e.g. <a href="#" onclick="func();return false">), but nothing with buttons. I also can't seem to get the working href examples to work on my server.

For instance, I cannot get this code to work, it just goes to js_required.html:
<a href="js_required.html" onclick="doSomething(); return false;">go</a>
function doSomething(){
alert("test");
}

It seems so simple, I'm assuming I'm missing something very basic. I would greatly appreciate any help!

~Bobio

Hi,

I want to call a javascript function without having a button click and it is nestled within php.

I have the function OpenChat() in my main page - this works fine.

I have the below sub page that is called by an onclick event (originally I had the script launch through a button but I am over loading my server at the moment and need to find a different way to call the function).

So I tried the below, which doesn't work. The function just isn't working.

My script is:
PHP Code:
<?php
session_start();

    if (!(isset($_SESSION['login']) && $_SESSION['login'] !='')){
        header ("Location: Welcome.php");
        }
$SMyPId=$_SESSION['MyPId'];

include("dbconnect.php");

            $result = mysql_query("SELECT (chatterspace) FROM chat 
            WHERE chatter='{$SMyPId}' AND EndDate IS NULL group by chatterspace");
            
            while($row = mysql_fetch_array($result)){
                $oak = $oak . ';' . $row['chatterspace'];
                }

$beach=explode(";",$oak);
$divonecount=$beach[1];
$divtwocount=$beach[2];
$divthreecount=$beach[3];
$divfourcount=$beach[4];
$divfivecount=$beach[5];

        if($divonecount=='chat1'){
            $chat1='full';
        }else if($divtwocount=='chat1'){
            $chat1='full';
        }else if($divthreecount=='chat1'){
            $chat1='full';
        }else if($divfourcount=='chat1'){
            $chat1='full';
        }else if($divfivecount=='chat1'){
            $chat1='full';
        }else if($divonecount=='chat2'){
            $chat2='full';
        }else if($divtwocount=='chat2'){
            $chat2='full';
        }else if($divthreecount=='chat2'){
            $chat2='full';
        }else if($divfourcount=='chat2'){
            $chat2='full';
        }else if($divfivecount=='chat2'){
            $chat2='full';
        }else if($divonecount=='chat3'){
            $chat3='full';
        }else if($divtwocount=='chat3'){
            $chat3='full';
        }else if($divthreecount=='chat3'){
            $chat3='full';
        }else if($divfourcount=='chat3'){
            $chat3='full';
        }else if($divfivecount=='chat3'){
            $chat3='full';
        }else if($divonecount=='chat4'){
            $chat4='full';
        }else if($divtwocount=='chat4'){
            $chat4='full';
        }else if($divthreecount=='chat4'){
            $chat4='full';
        }else if($divfourcount=='chat4'){
            $chat4='full';
        }else if($divfivecount=='chat4'){
            $chat4='full';
        }else if($divonecount=='chat5'){
            $chat5='full';
        }else if($divtwocount=='chat5'){
            $chat5='full';
        }else if($divthreecount=='chat5'){
            $chat5='full';
        }else if($divfourcount=='chat5'){
            $chat5='full';
        }else if($divfivecount=='chat5'){
            $chat5='full';
        }


                $result = mysql_query("SELECT * FROM allusers
                WHERE PId='{$mulberry}'");

                while($row = mysql_fetch_array($result)){
                $nosegay=rand(). rand(). rand(). rand(). rand();
                $nightshade="{$SMyPId};{$mulberry};{$row['fullname']};{$nosegay}";
                $elm=$row['pphoto'];                
                $helmlock=$row['fullname'];
                }

$poplar=$_POST['chat'];

            if($chat1 !=='full'){
                echo '<script type="text/javascript">
                    function This(){
                    OpenChat(\'chatheader1.php\',\'chat1\',\'chat=' . $poplar . '\',\'ChatID=0\',\'getDisplayChat1.php\',\'ChatDisplayOne\',\'getThisChat1.php\',\'displaytalkOne\',\'artemis=' . $poplar . '\')";
                    alert("chat1");
                    }
                </script>';
            }elseif($chat2 !=='full'){
                echo '<script type="text/javascript">
                    function This(){
                    OpenChat(\'chatheader2.php\',\'chat2\',\'chat=' . $poplar . '\',\'ChatID=0\',\'getDisplayChat2.php\',\'ChatDisplayTwo\',\'getThisChat2.php\',\'displaytalkTwo\',\'artemis=' . $poplar . '\')";
                    alert("chat2");
                    }
                </script>';
            }elseif($chat3 !=='full'){
                echo '<script type="text/javascript">
                    function This(){
                    OpenChat(\'chatheader3.php\',\'chat3\',\'chat=' . $poplar . '\',\'ChatID=0\',\'getDisplayChat3.php\',\'ChatDisplayThree\',\'getThisChat3.php\',\'displaytalkThree\',\'artemis=' . $poplar . '\')";
                    alert("chat3");
                    }
                </script>';
            }elseif($chat4 !=='full'){
                echo '<script type="text/javascript">
                    function This(){
                    OpenChat(\'chatheader4.php\',\'chat4\',\'chat=' . $poplar . '\',\'ChatID=0\',\'getDisplayChat4.php\',\'ChatDisplayFour\',\'getThisChat4.php\',\'displaytalkFour\',\'artemis=' . $poplar . '\')";
                    alert("chat4");
                    }
                </script>';
            }elseif($chat5 !=='full'){
                echo '<script type="text/javascript">
                    function This(){
                    OpenChat(\'chatheader5.php\',\'chat5\',\'chat=' . $poplar . '\',\'ChatID=0\',\'getDisplayChat5.php\',\'ChatDisplayFive\',\'getThisChat5.php\',\'displaytalkFive\',\'artemis=' . $poplar . '\')";
                    alert("chat5");
                    }
                </script>';
            }else{
                echo '<script type="text/javascript">
                    function This(){
                    alert("You have reached your IM capacity, please close a chat box");
                    }
                </script>';
            }



    mysql_close($con);
?>

I know I shouldn't be having this problem at this stage. But what have I done wrong?

I have my main page, I have my onload page and in that onload page I call a function:

And then I get the error message:
Fatal error: Call to undefined function OpenChat()

The main page code (I've cut out the irrelevant scripts);
Code:

<?php
session_start();

	if (!(isset($_SESSION['login']) && $_SESSION['login'] !='')){
		header ("Location: Welcome.php");
		}
$Sfullname=$_SESSION['fullname'];
$SMyPId=$_SESSION['MyPId'];
?>
<!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">
<html>
<title></title>
<head>
<script type="text/javascript">
function OpenChat(Msg){
loadgetdiv();
document.getElementById('<?php echo $Newdiv; ?>').style.display="block";
loadChatComplex('<?php echo $NewThisFile; ?>','<?php echo $Newdiv; ?>',Msg);
}
</script>

<script type="text/javascript">
function loadChatCheck(File,ID,Tile,TID){
loadQuickCheck(File,ID);
	 dodo = setInterval(function(){loadQuickCheck(Tile,TID)},5000);
}
</script>

<script type="text/javascript">
function loadQuickCheck(File,ID){
if (window.XMLHttpRequest)  {
  xmlhttp=new XMLHttpRequest();
  }
else {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

xmlhttp.onreadystatechange=function(){
  if (xmlhttp.readyState==4 && xmlhttp.status==200){
    document.getElementById(ID).innerHTML=xmlhttp.responseText;
	 malaky = setInterval(function(){loadQuickCheck(File,ID)},20000);
    }
  }

xmlhttp.open("POST",File,true);
xmlhttp.send();
}
</script>
</head>

<body onload="loadChatCheck('getCheckNewMessages.php','txtHintCheckNewMessage','getFriendsOnline.php','txtHintShowFriends')">
<div class="mainpage">
<?php include("headermenu.php"); ?>

	<div id="txtHintShowFriends"></div>
	<div id="txtHintCheckNewMessage"></div>

<br /><br />
</body>
</html>

AND the onload/getCheckNewMessages.php is
PHP Code:
<?php
session_start();

    if (!(isset($_SESSION['login']) && $_SESSION['login'] !='')){
        header ("Location: Welcome.php");
        }
$SMyPId=$_SESSION['MyPId'];

include("dbconnect.php");


            $result = mysql_query("SELECT COUNT(*) as newchat FROM chat 
             WHERE chattee='{$SMyPId}' AND stat='new'");

            $row = mysql_fetch_assoc($result);
                $total=$row['newchat'];

echo 'This is ' . $total .'<br />';

if ($total >=1){


            $result = mysql_query("SELECT * FROM chat 
             WHERE chattee='{$SMyPId}' AND stat='new'");

            while($row = mysql_fetch_array($result)){    
                $doormouse=$doormouse . ';' . $row['ChatID'];
            }

$listees=explode(';',$doormouse);
foreach($listees as $listor){

echo 'This is ' . $listor . '<br />';
            $result = mysql_query("SELECT * FROM chat 
            INNER JOIN allusers
            ON chat.chatter=allusers.PId
             WHERE chat.ChatID='{$listor}' ");

            while($row = mysql_fetch_array($result)){    
                echo "{$SMyPId};{$row['chatter']};{$row['fullname']};{$row['ref']}";
                }
                
echo $battlebox . '<br />';

            $steptoe=OpenChat($battlebox);
            }


            $sql="UPDATE chat set stat='' WHERE ChatID='{$chatID}' ";

            mysql_query($sql,$con) or die(mysql_error());

}
?>

Needless to say I am trying to create an instant chat.

Basically I want to have a different background image for every time of the day.

The function by itself works okay with onclick or onload placed in body.
Code:

function changesky()
{
document.getElementById("sky").style.background="url(back_morning.jpg) repeat-x";
}

What I want to do is have my background change in addition to a message. So instead of just "Good Morning" text I also want the background to change.

Code:

if (time>=4 && time<12)
	{
	document.write ("<p>Good Morning!</p>");
	document.getElementById("sky").style.background="url(back_morning.jpg) repeat-x";
}

Tried this, but it didn't work so what's the format for calling a function inside of an if statement? Or what other method should I use to do this?

Hi ,

I am inserting an image into a span tag by click on button and resize the image using resize_image_height_weight function.
I am using two function to do this task.
setImage
setImage_w3Validation

setImage function resize the image but fail on w3validation on my webpage( As per w3c there is no attribute onload for image tag.) To fix out this issue I am using setImage_w3Validation function which pass on w3validation but unable to call resize_image_height_weight function.

My purpose is to resize the image.

Kindly suggest me how to do it?


<html>
<head>
<script TYPE="text/javascript" language="javascript">

function resize_image_height_weight(id, hgt, wdth){
//alert(id);
Obj=document.getElementById(id);
myImage = new Image();
myImage.src = Obj.src;
var heights = myImage.height;
var widths = myImage.width;
// alert("Height=>" + heights + " Width=> " + widths);

if(heights > hgt || widths > wdth)
{
if(heights > widths)
{
var temp = heights/hgt;
var new_width = widths / temp;
new_width = parseInt(new_width);
heights = hgt;
widths = new_width;
}
else
{
var temp = widths/wdth;
var new_height = heights / temp;
new_height = parseInt(new_height);
heights = new_height;
widths = wdth;
}
}
Obj.height = heights;
Obj.width = widths;

}

function setImage(){
document.getElementById("IM0").innerHTML ="<center><img src=\"http://www.google.co.in/intl/en_com/images/srpr/logo1w.png\" id=\"img1\" alt=\"\" height=\"125\" width=\"125\" onload=\"resize_image_height_weight('img1',125,125);\"><\/center>";
}

function setImage_w3Validation(){
document.getElementById("IM1").innerHTML ="<center><img src=\"http://www.google.co.in/intl/en_com/images/srpr/logo1w.png\" id=\"img2\" alt=\"\" height=\"125\" width=\"125\"><script type=\"text/javascript\">document.getElementById('img2').onload = function(){resize_image_height_weight('i12',125,125);};<\/SCRIPT><\/center>";
//I wanna to do the task using this one function to resize img for w3validation
}
function clear_page(){
document.getElementById("IM0").innerHTML ="";
document.getElementById("IM1").innerHTML ="";
}
</script>
</head>
<body>
<div class="img3"><span id="IM0"></span></div>
<div class="img3"><span id="IM1"></span></div>
<input type="button" name="btn1" value="Image Onload W3C Fail" onclick="setImage();">
<input type="button" name="btn2" value="Image Onload W3C Pass" onclick="setImage_w3Validation();">
<input type="button" name="btn2" value="Clear" onclick="clear_page();">
</body>
</html>

Hey,
In the quiz function the form that is generated all compiles correctly, but the submit button only causes the page to refresh. What am I doing wrong?
Thank you

var c = "1"; //counter
var n = [68]; //array that stores unique random numbers
var t = "better clear";
var lc = [3];
var uc = [3];


//////////////////////////////////////////////
//The generate() function generates 68 random
//unique numbers.
//////////////////////////////////////////////


function generate()
{

var gen = 0; //variable that stores random integer.
var j = 1, i = 1; //integers used for loops




while (j <= 68)
{
gen = Math.floor(Math.random()*68+1);

for (i = 1; i <= j; i++)
{
if (n[i] == gen)
{
break;
}
else
{
if (i == j)
{
n [j] = gen;
j++;
break;
}
}
}
}

}

//////////////////////////////////////////////
//The rinfo() function reads information that
//is pertinent to current question (quality
//of triad (t), upper case, and
//lower case answers to the question).
//////////////////////////////////////////////


function rinfo()
{


if (n[c] == 1)
{
t = "a C Major";
lc[3] = "c"; //root
uc[3] = "C"; //root
lc[2] = "e"; //third
uc[2] = "E"; //third
lc[1] = "g"; //fifth
uc[1] = "G"; //fifth
}

if (n[c] == 2)
{
t = "a C Minor";
lc[3] = "c"; //root
uc[3] = "C"; //root
lc[2] = "eb"; //third
uc[2] = "Eb"; //third
lc[1] = "g"; //fifth
uc[1] = "G"; //fifth
}

if (n[c] == 3)
{
t = "a C Augmented";
lc[3] = "c"; //root
uc[3] = "C"; //root
lc[2] = "e"; //third
uc[2] = "E"; //third
lc[1] = "g#"; //fifth
uc[1] = "G#"; //fifth
}

if (n[c] == 4)
{
t = "a C Diminished";
lc[3] = "c"; //root
uc[3] = "C"; //root
lc[2] = "eb"; //third
uc[2] = "Eb"; //third
lc[1] = "gb"; //fifth
uc[1] = "Gb"; //fifth
}

if (n[c] == 5)
{
t = "a F Major";
lc[3] = "f"; //root
uc[3] = "F"; //root
lc[2] = "a"; //third
uc[2] = "A"; //third
lc[1] = "c"; //fifth
uc[1] = "C"; //fifth
}

if (n[c] == 6)
{
t = "a F Minor";
lc[3] = "f"; //root
uc[3] = "F"; //root
lc[2] = "ab"; //third
uc[2] = "Ab"; //third
lc[1] = "c"; //fifth
uc[1] = "C"; //fifth
}

if (n[c] == 7)
{
t = "a F Augmented";
lc[3] = "f"; //root
uc[3] = "F"; //root
lc[2] = "a"; //third
uc[2] = "A"; //third
lc[1] = "c#"; //fifth
uc[1] = "C#"; //fifth
}

if (n[c] == 8)
{
t = "a F Diminished";
lc[3] = "f"; //root
uc[3] = "F"; //root
lc[2] = "ab"; //third
uc[2] = "Ab"; //third
lc[1] = "cb"; //fifth
uc[1] = "Cb"; //fifth
}

if (n[c] == 9)
{
t = "a Bb Major";
lc[3] = "bb"; //root
uc[3] = "Bb"; //root
lc[2] = "d"; //third
uc[2] = "D"; //third
lc[1] = "f"; //fifth
uc[1] = "F"; //fifth
}

if (n[c] == 10)
{
t = "a Bb Minor";
lc[3] = "bb"; //root
uc[3] = "Bb"; //root
lc[2] = "db"; //third
uc[2] = "Db"; //third
lc[1] = "f"; //fifth
uc[1] = "F"; //fifth
}

if (n[c] == 11)
{
t = "a Bb Augmented";
lc[3] = "bb"; //root
uc[3] = "Bb"; //root
lc[2] = "d"; //third
uc[2] = "D"; //third
lc[1] = "f#"; //fifth
uc[1] = "F#"; //fifth
}

if (n[c] == 12)
{
t = "a Bb Diminished";
lc[3] = "bb"; //root
uc[3] = "Bb"; //root
lc[2] = "db"; //third
uc[2] = "Db"; //third
lc[1] = "fb"; //fifth
uc[1] = "Fb"; //fifth
}

if (n[c] == 13)
{
t = "an Eb Major";
lc[3] = "eb"; //root
uc[3] = "Eb"; //root
lc[2] = "g"; //third
uc[2] = "G"; //third
lc[1] = "bb"; //fifth
uc[1] = "Bb"; //fifth
}

if (n[c] == 14)
{
t = "an Eb Minor";
lc[3] = "eb"; //root
uc[3] = "Eb"; //root
lc[2] = "gb"; //third
uc[2] = "Gb"; //third
lc[1] = "bb"; //fifth
uc[1] = "Bb"; //fifth
}

if (n[c] == 15)
{
t = "an Eb Augmented";
lc[3] = "eb"; //root
uc[3] = "Eb"; //root
lc[2] = "g"; //third
uc[2] = "G"; //third
lc[1] = "b#"; //fifth
uc[1] = "B#"; //fifth
}

if (n[c] == 16)
{
t = "an Eb Diminished";
lc[3] = "eb"; //root
uc[3] = "Eb"; //root
lc[2] = "gb"; //third
uc[2] = "Gb"; //third
lc[1] = "bbb"; //fifth
uc[1] = "Bbb"; //fifth
}

if (n[c] == 17)
{
t = "an Ab Major";
lc[3] = "ab"; //root
uc[3] = "Ab"; //root
lc[2] = "c"; //third
uc[2] = "C"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 18)
{
t = "an Ab Minor";
lc[3] = "ab"; //root
uc[3] = "Ab"; //root
lc[2] = "cb"; //third
uc[2] = "Cb"; //third
lc[1] = "eb"; //fifth
uc[1] = "Eb"; //fifth
}

if (n[c] == 19)
{
t = "an Ab Augmented";
lc[3] = "ab"; //root
uc[3] = "Ab"; //root
lc[2] = "c"; //third
uc[2] = "C"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 20)
{
t = "an Ab Diminished";
lc[3] = "ab"; //root
uc[3] = "Ab"; //root
lc[2] = "cb"; //third
uc[2] = "Cb"; //third
lc[1] = "eb"; //fifth
uc[1] = "Eb"; //fifth
}

if (n[c] == 21)
{
t = "a Db Major";
lc[3] = "db"; //root
uc[3] = "Db"; //root
lc[2] = "f"; //third
uc[2] = "F"; //third
lc[1] = "a"; //fifth
uc[1] = "A"; //fifth
}

if (n[c] == 22)
{
t = "a Db Minor";
lc[3] = "db"; //root
uc[3] = "Db"; //root
lc[2] = "fb"; //third
uc[2] = "Fb"; //third
lc[1] = "ab"; //fifth
uc[1] = "Ab"; //fifth
}

if (n[c] == 23)
{
t = "a Db Augmented";
lc[3] = "db"; //root
uc[3] = "Db"; //root
lc[2] = "f"; //third
uc[2] = "F"; //third
lc[1] = "a#"; //fifth
uc[1] = "A#"; //fifth
}

if (n[c] == 24)
{
t = "a Db Diminished";
lc[3] = "db"; //root
uc[3] = "Db"; //root
lc[2] = "fb"; //third
uc[2] = "Fb"; //third
lc[1] = "abb"; //fifth
uc[1] = "Abb"; //fifth
}

if (n[c] == 25)
{
t = "a Gb Major";
lc[3] = "gb"; //root
uc[3] = "Gb"; //root
lc[2] = "bb"; //third
uc[2] = "Bb"; //third
lc[1] = "db"; //fifth
uc[1] = "Db"; //fifth
}

if (n[c] == 26)
{
t = "a Gb Minor";
lc[3] = "gb"; //root
uc[3] = "Gb"; //root
lc[2] = "bbb"; //third
uc[2] = "Bbb"; //third
lc[1] = "db"; //fifth
uc[1] = "Db"; //fifth
}

if (n[c] == 27)
{
t = "a Gb Augmented";
lc[3] = "gb"; //root
uc[3] = "Gb"; //root
lc[2] = "bb"; //third
uc[2] = "Bb"; //third
lc[1] = "d"; //fifth
uc[1] = "D"; //fifth
}

if (n[c] == 28)
{
t = "a Gb Diminished";
lc[3] = "gb"; //root
uc[3] = "Gb"; //root
lc[2] = "bbb"; //third
uc[2] = "Bbb"; //third
lc[1] = "dbb"; //fifth
uc[1] = "Dbb"; //fifth
}

if (n[c] == 29)
{
t = "a B Major";
lc[3] = "b"; //root
uc[3] = "B"; //root
lc[2] = "d#"; //third
uc[2] = "D#"; //third
lc[1] = "f#"; //fifth
uc[1] = "F#"; //fifth
}

if (n[c] == 30)
{
t = "a B Minor";
lc[3] = "b"; //root
uc[3] = "B"; //root
lc[2] = "d"; //third
uc[2] = "D"; //third
lc[1] = "f#"; //fifth
uc[1] = "F#"; //fifth
}

if (n[c] == 31)
{
t = "a B Augmented";
lc[3] = "b"; //root
uc[3] = "B"; //root
lc[2] = "d#"; //third
uc[2] = "D#"; //third
lc[1] = "fx"; //fifth
uc[1] = "Fx"; //fifth
}

if (n[c] == 32)
{
t = "a B Diminished";
lc[3] = "b"; //root
uc[3] = "B"; //root
lc[2] = "d"; //third
uc[2] = "D"; //third
lc[1] = "f"; //fifth
uc[1] = "F"; //fifth
}

if (n[c] == 33)
{
t = "an E Major";
lc[3] = "e"; //root
uc[3] = "E"; //root
lc[2] = "g#"; //third
uc[2] = "G#"; //third
lc[1] = "b"; //fifth
uc[1] = "B"; //fifth
}

if (n[c] == 34)
{
t = "an E Minor";
lc[3] = "e"; //root
uc[3] = "E"; //root
lc[2] = "g"; //third
uc[2] = "G"; //third
lc[1] = "b"; //fifth
uc[1] = "B"; //fifth
}

if (n[c] == 35)
{
t = "an E Augmented";
lc[3] = "e"; //root
uc[3] = "E"; //root
lc[2] = "g#"; //third
uc[2] = "G#"; //third
lc[1] = "b#"; //fifth
uc[1] = "B#"; //fifth
}

if (n[c] == 36)
{
t = "an E Diminished";
lc[3] = "e"; //root
uc[3] = "E"; //root
lc[2] = "g"; //third
uc[2] = "G"; //third
lc[1] = "bb"; //fifth
uc[1] = "Bb"; //fifth
}

if (n[c] == 37)
{
t = "an A Major";
lc[3] = "a"; //root
uc[3] = "A"; //root
lc[2] = "c#"; //third
uc[2] = "C#"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 38)
{
t = "an A Minor";
lc[3] = "a"; //root
uc[3] = "A"; //root
lc[2] = "c"; //third
uc[2] = "C"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 39)
{
t = "an A Augmented";
lc[3] = "a"; //root
uc[3] = "A"; //root
lc[2] = "c#"; //third
uc[2] = "C#"; //third
lc[1] = "e#"; //fifth
uc[1] = "E#"; //fifth
}

if (n[c] == 40)
{
t = "an A Diminished";
lc[3] = "a"; //root
uc[3] = "A"; //root
lc[2] = "c"; //third
uc[2] = "C"; //third
lc[1] = "eb"; //fifth
uc[1] = "Eb"; //fifth
}

if (n[c] == 41)
{
t = "a D Major";
lc[3] = "d"; //root
uc[3] = "D"; //root
lc[2] = "f#"; //third
uc[2] = "F#"; //third
lc[1] = "a"; //fifth
uc[1] = "A"; //fifth
}

if (n[c] == 42)
{
t = "a D Minor";
lc[3] = "d"; //root
uc[3] = "D"; //root
lc[2] = "f"; //third
uc[2] = "F"; //third
lc[1] = "a"; //fifth
uc[1] = "A"; //fifth
}

if (n[c] == 43)
{
t = "a D Augmented";
lc[3] = "d"; //root
uc[3] = "D"; //root
lc[2] = "f#"; //third
uc[2] = "F#"; //third
lc[1] = "a#"; //fifth
uc[1] = "A#"; //fifth
}

if (n[c] == 44)
{
t = "a D Diminished";
lc[3] = "d"; //root
uc[3] = "D"; //root
lc[2] = "f"; //third
uc[2] = "F"; //third
lc[1] = "ab"; //fifth
uc[1] = "Ab"; //fifth
}

if (n[c] == 45)
{
t = "a G Major";
lc[3] = "g"; //root
uc[3] = "G"; //root
lc[2] = "b"; //third
uc[2] = "B"; //third
lc[1] = "d"; //fifth
uc[1] = "D"; //fifth
}

if (n[c] == 46)
{
t = "a G Minor";
lc[3] = "g"; //root
uc[3] = "G"; //root
lc[2] = "bb"; //third
uc[2] = "Bb"; //third
lc[1] = "d"; //fifth
uc[1] = "D"; //fifth
}

if (n[c] == 47)
{
t = "a G Augmented";
lc[3] = "g"; //root
uc[3] = "G"; //root
lc[2] = "b"; //third
uc[2] = "B"; //third
lc[1] = "d#"; //fifth
uc[1] = "D#"; //fifth
}

if (n[c] == 48)
{
t = "a G Diminished";
lc[3] = "g"; //root
uc[3] = "G"; //root
lc[2] = "bb"; //third
uc[2] = "Bb"; //third
lc[1] = "db"; //fifth
uc[1] = "Db"; //fifth
}

if (n[c] == 49)
{
t = "an A# Major";
lc[3] = "a#"; //root
uc[3] = "A#"; //root
lc[2] = "cx"; //third
uc[2] = "Cx"; //third
lc[1] = "e#"; //fifth
uc[1] = "E#"; //fifth
}

if (n[c] == 50)
{
t = "an A# Minor";
lc[3] = "a#"; //root
uc[3] = "A#"; //root
lc[2] = "c#"; //third
uc[2] = "C#"; //third
lc[1] = "e#"; //fifth
uc[1] = "E#"; //fifth
}

if (n[c] == 51)
{
t = "an A# Augmented";
lc[3] = "a#"; //root
uc[3] = "A#"; //root
lc[2] = "cx"; //third
uc[2] = "Cx"; //third
lc[1] = "ex"; //fifth
uc[1] = "Ex"; //fifth
}

if (n[c] == 52)
{
t = "an A# Diminished";
lc[3] = "a#"; //root
uc[3] = "A#"; //root
lc[2] = "c#"; //third
uc[2] = "C#"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 53)
{
t = "a D# Major";
lc[3] = "d#"; //root
uc[3] = "D#"; //root
lc[2] = "fx"; //third
uc[2] = "Fx"; //third
lc[1] = "a#"; //fifth
uc[1] = "A#"; //fifth
}

if (n[c] == 54)
{
t = "a D# Minor";
lc[3] = "d#"; //root
uc[3] = "D#"; //root
lc[2] = "f#"; //third
uc[2] = "F#"; //third
lc[1] = "a#"; //fifth
uc[1] = "A#"; //fifth
}

if (n[c] == 55)
{
t = "a D# Augmented";
lc[3] = "d#"; //root
uc[3] = "D#"; //root
lc[2] = "fx"; //third
uc[2] = "Fx"; //third
lc[1] = "ax"; //fifth
uc[1] = "Ax"; //fifth
}





}

function first()
{
alert("W");
}

function quiz()
{
generate();
while (c <= 1)
{

rinfo();
var output_text = c + ". " + "Enter " + t + " triad.";
document.write("<h3>");
document.writeln(output_text);
document.write("</h3>");
document.write(" <form align = \"center\">");
document.write(" <input type = \"text\" size = \"2\" name = \"root\" value = \"\" maxlength = \"2\">");
document.write(" <input type = \"text\" size = \"2\" name = \"third\" value = \"\" maxlength = \"2\">");
document.write(" <input type = \"text\" size = \"2\" name = \"fifth\" value = \"\" maxlength = \"2\">");
document.write(" <input type = \"hidden\" name = \"question\" value = 1>");
document.write(" <input type = \"submit\" value=\"Check your answer\" onclick=\"first();\">");
document.write(" <\/form>");
c++;
}

}

Is there a way to call javascript functions based on the text between a span element?

In other words if I have <span id="mySpan">Bronze</span> then it will call a javascript function but if I have <span id="mySpan">Silver</span> then it will call a different function?

Thanks!

which is the real difference between:

<script>
alert('hello');
</script>

and

<script>
function hi()
{alert('hello');}
</script>

thanks in advance
makerjoe