JavaScript - Javascript Form Question

I've literally tried everything. Read 26 tutorials, interchanged code, etc.

My validation functions all work. My AJAX functions work (tested manually using servlet URL's).

The second servlet validates the reCaptcha form that's generated on my webpage. After the form is validated, even if everything's correct, nothing happens upon clicking submit. I even have an alert pop up if with the captcha result, just for middle-layer debugging purposes.

I want to do all of my validation clientside; none serverside. However, going to be tough if I can't get my god damn form to submit. I've been puzzled by this for close to 36 hours straight. I can't see, and I'm going to get some rest and hope that there is some useful insight on my problem when I return.

html form:
Code:

<form id="f1" name="form1" onsubmit="validate_form(this); return false;" action="register" method="post">
        <table cellspacing="5" style="border: 2px solid black;">
            <tr>
                <td valign="top">
                    <table cellspacing="5">
                        <tr>
                            <td>*First name</td>
                            <td align="right"><span id="valid_one"></span></td>

                            <td><input type="text" style="width: 320px;" id="fn" name="fn" onBlur="validate_one();"></td>
                        </tr>
                        <tr>
                            <td align="left">*Last name</td>
                            <td align="right"><span id="valid_two"></span></td>

                            <td><input type="text" style="width: 320px;" id="ln" name="ln" onBlur="validate_two();"></td>
                        </tr>
                        <tr>
                            <td align="left">*Email address</td>
                            <td align="right"><span id="result"></span></td>

                            <td><input type="text" style="width: 320px;" id="mailfield" name="email" onBlur="startRequest();"></td>
                        </tr>
                        <tr>
                            <td align="left">*Phone number</td>
                            <td align="right"><span id="valid_three"></span></td>

                            <td><input type="text" style="width: 320px;" id="pn" name="pn" onBlur="validate_three();"></td>
                        </tr>
                        <tr>
                            <td align="left">*City/Town</td>
                            <td align="right"><span id="valid_four"></span></td>

                            <td><input type="text" style="width: 320px;" id="c" name="c" onBlur="validate_four();"></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td>
                                <select name="s">
                                    <option value="AL">Alabama
                                    <option value="AK">Alaska
                                    <option value="AZ">Arizona
                                    <option value="AR">Arkansas
                                    <option value="CA">California
                                    <option value="CO">Colorado
                                    <option value="CT">Connecticut
                                    <option value="DE">Delaware
                                    <option value="FL">Florida
                                    <option value="GA">Georgia
                                    <option value="HI">Hawaii
                                    <option value="ID">Idaho
                                    <option value="IL">Illinois
                                    <option value="IN">Indiana
                                    <option value="IA">Iowa
                                    <option value="KS">Kansas
                                    <option value="KY">Kentucky
                                    <option value="LA">Louisiana
                                    <option value="ME">Maine
                                    <option value="MD">Maryland
                                    <option value="MA">Massachusetts
                                    <option value="MI">Michigan
                                    <option value="MN">Minnesota
                                    <option value="MS">Mississippi
                                    <option value="MO">Missouri
                                    <option value="MT">Montana
                                    <option value="NE">Nebraska
                                    <option value="NV">Nevada
                                    <option value="NH">New Hampshire
                                    <option value="NJ">New Jersey
                                    <option value="NM">New Mexico
                                    <option value="NY">New York
                                    <option value="MC">North Carolina
                                    <option value="ND">North Dakota
                                    <option value="OH">Ohio
                                    <option value="OK">Oklahoma
                                    <option value="OR">Oregon
                                    <option value="PA">Pennsylvania
                                    <option value="RI">Rhode Island
                                    <option value="SC">South Carolina
                                    <option value="SD">South Dakota
                                    <option value="TN">Tennessee
                                    <option value="TX">Texas
                                    <option value="UT">Utah
                                    <option value="VT">Vermont
                                    <option value="VA">Virginia
                                    <option value="WA">Washington
                                    <option value="WV">West Virginia
                                    <option value="WI">Wisconsin
                                    <option value="WY">Wyoming
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <br>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td><span id="error"></span></td>
                        </tr>
                        <tr>
                            <td valign="top">*Anti-Spam Verification</td>
                            <td></td>
                            <td id="reCaptcha"></td>
                        </tr>
                    </table>
                </td>
                <td valign="top">
                    <table cellspacing="5">
                        <tr>
                            <td align="left">*Affiliation</td>
                            <td align="right"><span id="valid_five"></span></td>

                            <td><input type="text" style="width: 320px;" id="affl" name="affl" onBlur="validate_five();"></td>
                        </tr>
                        <tr>
                            <td align="left">*Research Area:</td>
                            <td align="right"><span id="valid_six"></span></td>

                            <td><input type="text" style="width: 320px;" id="ra" name="ra" onBlur="validate_six();"></td>
                        </tr>
                        <tr>
                            <td valign="top" align="left">*Research Overview</td>
                            <td align="right"><span id="valid_seven"></span></td>

                            <td><textarea cols="38" rows="6" id="ro" name="ro" onKeyDown="limitText(this.form.ro,this.form.countdown,500)" onKeyUp="limitText(this.form.ro,this.form.countdown,500)" onBlur="validate_seven();"></textarea></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td><font size="1">You have <input readonly type="text" name="countdown" size="1" value="500"> characters remaining.</font></td>
                        </tr>
                        <tr>
                            <td align="left">*Talk Availability</td>
                            <td></td>
                            <td>
                                <input type="radio" name="ta" value="In person">In person
                                <input type="radio" name="ta" value="Online">Online
                                <input type="radio" name="ta" value="Both" checked>Both
                            </td>
                        </tr>
                        <tr>
                            <td align="left" valign="top">Links</td>
                            <td></td>
                            <td>
                                <table id="linkTable" border="0">
                                    <td><input type="text" style="width: 320px;" name="link"></td>
                                    <td><div id="result"></div></td>
                                </table>
                            </td>
                            <td align="left" valign="top"><input type="button" value="Add Link" onclick="addLink('linkTable')"></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><span style="color: red;"></span></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <br />
        <input type="submit" id="submit" name="submit" value="Submit Form">
    </form>

Javascript file:
Code:

/* 
 * script.js - ajax and table functions
 */

var xmlHttp; // global instance of XMLHttpRequest
var xmlHttp2; // second for captcha functions

var validAjax = new Boolean();
var validCaptcha = new Boolean();

var valid_one = new Boolean();
var valid_two = new Boolean();
var valid_three = new Boolean();
var valid_four = new Boolean();
var valid_five = new Boolean();
var valid_six = new Boolean();
var valid_seven = new Boolean();

function init() {
    showRecaptcha('reCaptcha');

    // Separate booleans for AJAX funcs
    validAjax = false;
    validCaptcha = false;

    // Booleanse for fields that don't require servlet validation
    valid_one = false;
    valid_two = false;
    valid_three = false;
    valid_four = false;
    valid_five = false;
    valid_six = false;
    valid_seven = false;
}

function showRecaptcha(element) {
    Recaptcha.create("6Le1a8ESAAAAAGtxX0miZ2bMg0Wymltnth7IG-Mj", element, {theme: "red", callback: Recaptcha.focus_response_field});
}

function validate_form() {
    if (valid_one && valid_two && valid_three && valid_four && validEmail) {
        startCaptchaRequest();

        if (validCaptcha) {
            return true;
        }
    }
    else {
        alert("Submission contains errors. Please fill out all required fields before submitting.");
        return false;
    }
}

function validate_one() {
    if (document.getElementById("fn").value == 0) {
        valid_one = false;
        document.getElementById("valid_one").innerHTML = "No";
    }
    else {
        valid_one = true;
        document.getElementById("valid_one").innerHTML = "";
    }
}

function validate_two() {
    if (document.getElementById("ln").value == 0) {
        valid_two = false;
        document.getElementById("valid_two").innerHTML = "No";
    }
    else {
        valid_two = true;
        document.getElementById("valid_two").innerHTML = "";
    }
}

function validate_three() {
    if (document.getElementById("pn").value == 0) {
        valid_three = false;
        document.getElementById("valid_three").innerHTML = "No";
    }
    else {
        valid_three = true;
        document.getElementById("valid_three").innerHTML = "";
    }
}

function validate_four() {
    if (document.getElementById("c").value == 0) {
        valid_four = false;
        document.getElementById("valid_four").innerHTML = "No";
    }
    else {
        valid_four = true;
        document.getElementById("valid_four").innerHTML = "";
    }
}

function validate_five() {
    if (document.getElementById("affl").value == 0) {
        valid_five = false;
        document.getElementById("valid_five").innerHTML = "No";
    }
    else {
        valid_five = true;
        document.getElementById("valid_five").innerHTML = "";
    }
}
//
//function validate_six() {
//    if (document.getElementById("ra").value == 0) {
//        valid_six = false;
//        document.getElementById("valid_six").innerHTML = "No";
//    }
//    else {
//        valid_six = true;
//        document.getElementById("valid_six").innerHTML = "";
//    }
//}
//
//function validate_seven() {
//    if (document.getElementById("ro").value == 0) {
//        valid_seven = false;
//        document.getElementById("valid_seven").innerHTML = "No";
//    }
//    else {
//        valid_seven = true;
//        document.getElementById("valid_seven").innerHTML = "";
//    }
//}

function addLink(tableID) {
    var table = document.getElementById(tableID);

    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);

    var cell = row.insertCell(0);
    var element1 = document.createElement("input");

    element1.type = "text";
    element1.name = "link" + rowCount;
    element1.style.width = "320px";

    cell.appendChild(element1);
}

function limitText(limitField, limitCount, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    }
    else {
        limitCount.value = limitNum - limitField.value.length;
    }
}

function createXmlHttpRequest() {
    if(window.ActiveXObject) {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if(window.XMLHttpRequest) {
        xmlHttp=new XMLHttpRequest();
    }
}

function startRequest() {
    createXmlHttpRequest();
    
    var param1 = document.getElementById('mailfield').value;

    if (param1 == "") {
        validEmail = false;
        document.getElementById("result").innerHTML = "Blank";
    }
    else {
        xmlHttp.open("GET", "http://localhost:1979/PolarSpeakers/servlet/mailCheck.do?e=" + param1, true)
        xmlHttp.onreadystatechange = handleStateChange;
        xmlHttp.send(null);
    }
}

function handleStateChange() {
    if(xmlHttp.readyState==4) {
        if(xmlHttp.status==200) {
            var message =
                xmlHttp.responseXML
                .getElementsByTagName("valid")[0]
                .childNodes[0].nodeValue;
            
            if (message == "Unregistered") {
                validEmail = true;
                document.getElementById("result").style.color = "green";
            }
            else {
                validEmail = false;
                document.getElementById("result").style.color = "red";
            }

            document.getElementById("result").innerHTML = message;
        }
        else {
            alert("Error checking e-mail address - " + xmlHttp.status +
                " : " + xmlHttp.statusText);
        }
    }
}
function createCaptchaRequest() {
    if(window.ActiveXObject) {
        xmlHttp2=new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if(window.XMLHttpRequest) {
        xmlHttp2=new XMLHttpRequest();
    }
}

function startCaptchaRequest() {
    alert('made it to captcha requeswt');
    createCaptchaRequest();

    var param1 = Recaptcha.get_challenge();
    var param2 = Recaptcha.get_response();

    xmlHttp2.open("POST", "http://localhost:1979/PolarSpeakers/servlet/captchaCheck.do?c=" + param1 + "&r=" + param2, true)
    xmlHttp2.onreadystatechange = handleStateChangeCaptcha;
    xmlHttp2.send(null);
}

function handleStateChangeCaptcha() {
    if(xmlHttp2.readyState==4) {
        if(xmlHttp2.status==200) {
            var message =
                xmlHttp2.responseXML
                .getElementsByTagName("result")[0]
                .childNodes[0].nodeValue;

            if (message == "Valid") {
                alert("captcha valid");
                validCaptcha = true;
            }
            else {
                document.getElementById("error").innerHTML = message;
                validCaptcha = false;
            }
        }
        else {
            alert("Error checking captcha validity - " + xmlHttp2.status +
                " : " + xmlHttp2.statusText);
        }
    }
}

Hi guys,

Been stuck for a few days with this scenario.
Any help?
The alert box appears on an error.
But the submitting won't stop.
The details are submitted and the form is processed.
Any help is greatly appreciated...

Code:

    <html>
    <head>
    <script type="text/javascript" src="email_helper/jscripts/tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript">
        tinyMCE.init({
            // General options
            mode : "textareas",
            theme : "simple"
        });
    </script>
    <script language="javascript">
     
    function MM_openBrWindow(theURL,winName,features) {
        window.open(theURL,winName,features);
    }
    function err_check(){
        var email = document.getElementById('to_email').value;
        if(email.length==0){
            alert('Please Enter Email Address');
            return false;
        }
        var AtPos = email.indexOf("@")
        var StopPos = email.lastIndexOf(".")
        if (AtPos == -1 || StopPos == -1) {
            alert("Please Enter Valid Email Address");
            document.getElementById('email').focus();
            return false;
        }
        email = document.getElementById('cc_email').value;
        if(email.length != 0){
            var AtPos = email.indexOf("@")
            var StopPos = email.lastIndexOf(".")
            if (AtPos == -1 || StopPos == -1) {
                alert("Please Enter Valid Email Address");
                document.getElementById('email').focus();
                return false;
            }
        }
        var answer = confirm ("Send E-Mail?");
        if (!answer){
            return false;
        }
    }
    </script>
    <!-- /TinyMCE -->
     
     
    <style type="text/css">
    body, table, td, th{
        background-color:#CCCCCC;
        font-family: Arial;
        font-size:14px;
    }
    .que{
        font-weight:bold;
    }
    </style>
    </head>
    <body>
    <form method="post" enctype="multipart/form-data">
    <?php
    include 'library/database.php';
    include 'library/opendb.php';
    $query = mysql_query("SELECT email,contact,mobile FROM users WHERE user_id='$uid'") or die(mysql_error());
    $row = mysql_fetch_row($query);
    $from_email = $row[0];
    $from_person = $row[1];
    $from_mobile = $row[2];
    $query = mysql_query("SELECT customer_id FROM campaign_summary WHERE camp_id='$camp_id'") or die(mysql_error());
    $row = mysql_fetch_row($query);
    $cusid = $row[0];
    $query = mysql_query("SELECT email FROM client_info WHERE comp_id='$cusid'") or die(mysql_error());
    $row = mysql_fetch_row($query);
    $toer = $row[0];
    include 'library/closedb.php';
    ?>
    <table width="100%" border="0">
    <tr><td rowspan="4"><input type="submit" name="send_email" id="send_email" style="height:50px; width:100px;" value="SEND" onClick="return err_check();" /></td><td><span class="que">From : </span></td><td colspan="3"><?php echo $from_email; ?><input type="hidden" name="from_mail" id="from_mail" /><input type="hidden" name="camp_id" id="camp_id" value="<?php echo $camp_id;?>"/></td></tr>
    <tr><td><span class="que">To : </span></td><td colspan="3"><input name="to_email" id="to_email" style="width:250px;" value="<?php echo $toer;?>"/></td></tr>
    <tr><td><span class="que">CC : </span></td><td colspan="3"><input name="cc_email" id="cc_email" style="width:250px;"/></td></tr>
    <tr><td><span class="que">Subject : </span></td><td colspan="3"><input style="width:300px;" name="subject" id="subject" /></td></tr>
    <tr><td rowspan="1" colspan="2">&nbsp;</td><td><input type="checkbox" name="ori_pdf" id="ori_pdf" checked /> PDF Quotation</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td colspan="2"><span class="que">Credit Application</span></td><td><input type="checkbox" name="corporate" id="corporate"/>Corporate</td><td><input type="checkbox" name="individual" id="individual" />Individual</td><td><input type="checkbox" name="cash" id="cash" />Cash Account</td>
    </tr>
    <tr>
    <td colspan="2" rowspan="3"></td><td><input type="checkbox" name="tabloid" id="tabloid" />Tabloid Example</td>
    <td><input type="checkbox" name="broadsheet" id="broadsheet" />Broadsheet Example</td></tr>
    <tr><td><input type="checkbox" name="colmt" id="colmt" />Column Sizes Tabloid</td>
     
    <td><input type="checkbox" name="colmb" id="colmb" />Column Sizes Broadsheet</td></tr>
    <tr><td><input type="checkbox" name="maps" id="maps" />Maps / Distribution</td><td colspan="2" align="right">External Attachments&nbsp;&nbsp;<input id="upload_file" name="upload_file" type="file"/> </td></tr>
     
    <tr><td colspan="2"><span class="que">Message :</span></td><td colspan="3">
        <textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 100%">
        <?php
         echo "<br><br><br>" . $from_person . "<br>" . $from_mobile; 
          ?>
        </textarea>
    </td></tr>
    </table>
    </form>
    </body>
    </html>

I'm a long time lurker on here just barely created an account to ask this question.

I work at a call center, and we use different webapps to fill out tickets. One I've used for a long time allows dynamically updating forms with javascript. I have a whole bunch of bookmarked javascript injections like:

Code:

javascript:if((top.detail.findObj('X31').value="Inquiry")!="");

That code will fill out most everything in that ticket, leaving me to fill in the details. I have one of those for all of the most common tickets, and can create and finish a ticket in less than 30 seconds when it takes others 3-4 minutes.

I recently switched to a different system and I'm having trouble with my code. I'm a noob at javascript for sure, but I'm not new to programming. Anyway any pointers would be nice. The system we use doesn't allow me to see the source... I'm not sure how to explain it. It loads everything in a frame. In chrome I can right click then inspect element and get the ID but it the above javascript doesn't work. Examples:

Old app source ex: Code:

<label for="X31">Category:</label>

was all i needed
new app(before the body code is just code for the login form, etc): Code:

<body onLoad="startit()" onUnload="stopit()"> 
                </body> 
  <div align="center" valign="center" id="LoadMessageID" style="position: relative; top:40%; color:#0069A5; font-size:100% ;"> 
  <img src="/arsys/shared/images/Progress_NonModal-circle.gif" alt="wait image"/> 
  Loading...
  </div> 
</html>

formloader: Code:

<form name="form1" action="/arsys/forms/bmcitsm/HPD:Incident+Management+Console/Default+User+View+(Support)/?cacheid=a22a36a8" method="post">

example of inspect element in chrome (something i want to change with javascript injection): Code:

<input id="arid301602600" type="text" class="text " style="top:0; left:0; width:225; height:21;" readonly="">

I am a newbie with a newbie question =)

I recently took an exam type thing using my Firefox browser (v3.5.3). I still have my browser window open that I used, and when I press the back button on the browser I get a message "To display this page, Firefox must send information that will repeat any action ..."

Is there any way (either disk or memory cache) to reload the pages with out having to resend the data, OR is there any way (hex editor) to view the exam (forms) questions??

Just curious,
Thanks

HI Guys!!

My name is Megan and I am a college student in need of some JavaScript help for my computer science class!!

My professor is making us complete some stupid class project for finals and I can't figure it out! He suggested that we may try to find a JavaScript Website to help us if we have trouble figuring out how to write the code.

I have looked and looked and can't find out how to fix my code!!

We have to write code to make a slot machine ..

I have started the code based on what he gave us and have tried my hardest to figure out how to complete it but I do not know how to finish it.

I have the images working correctly (kind of.. the second one seems to have problems loading? I dunno what I did to mess that up) and the counter working, but I need to make it add 13 credits when all 3 images are the same. I added code that I thought would work but it's not for some reason that I can't figure out. It should also pop up an alert screen when all 3 are correct and you win. I guess this would have to be including with the if statement and something like alert('You win 12 credits!!!')

Lastly I need to add code that prevents the person from playing when the credit line is 0 (so you can't get - credits!) and I have no idea how to do this.

Any help would be greatly appreciated!

Here's what I have so far!
HI Guys!!

My name is Megan and I am a college student in need of some JavaScript help for my computer science class!!

My professor is making us complete some stupid class project for finals and I can't figure it out! He suggested that we may try to find a JavaScript Website to help us if we have trouble figuring out how to write the code.

I have looked and looked and can't find out how to fix my code!!

We have to write code to make a slot machine ..

I have started the code based on what he gave us and have tried my hardest to figure out how to complete it but I do not know how to finish it.

I have the images working correctly (kind of.. the second one seems to have problems loading? I dunno what I did to mess that up) and the counter working, but I need to make it add 13 credits when all 3 images are the same. I added code that I thought would work but it's not for some reason that I can't figure out. It should also pop up an alert screen when all 3 are correct and you win. I guess this would have to be including with the if statement and something like alert('You win 12 credits!!!')

Lastly I need to add code that prevents the person from playing when the credit line is 0 (so you can't get - credits!) and I have no idea how to do this.

Any help would be greatly appreciated!

Here's what I have so far!

Code:

<html>
<head>
<title> Slot Machine</title>
<script type="text/javascript" src="http://balance3e.com/random.js"></script>
<script type="text/javascript">
      function SpinSlots()
      // Assumes: slot images are in http://balance3e.com/Images
      // Resultes: displays 3 random slot images
{
	var slot1, slot2, slot3;

	slot1 = RandomOneOf(['lemon', 'cherry', 'bar']);
	slot2 = RandomOneOf(['lemon', 'cherry', 'bar']);
	slot3 = RandomOneOf(['lemon', 'cherry', 'bar']);

	document.getElementById('slot1Img').src =
	'http://balance3e.com/Images/' + slot1 + '.jpg';
	document.getElementById('slot2Img').src =
	'http://balance3e.com/Images/' + slot2 + '.jgp';
	document.getElementById('slot3Img').src =
	'http://balance3e.com/Images/' + slot3 + '.jpg';
	
	document.getElementById('credits').innerHTML =
	parseFloat(document.getElementById('credits').innerHTML) - 1;
	
	
	if (slot1 == slot2 == slot3)
	{
	document.getElementById('credits').innerHTML =
	parseFloat(document.getElementById('credits').innerHTML) + 13;
	}
}
</script>
</head>

<body>
<div style="text-align:center">
<p>
	<img id="slot1Img" border=1 alt="slot image"
	       src="http://balance3e.com/Images/cherry.jpg">
	<img id="slot2Img" border=1 alt="slot image"
	       src="http://balance3e.com/Images/lemon.jpg">
	<img id="slot3Img" border=1 alt="slot image"
	       src="http://balance3e.com/Images/bar.jpg">

</p>
<input type="button" value="Click to Spin" onclick="SpinSlots();">
<p>
Credits Remaining: <spin id="credits">20</span>
</p>
</div>
</body>
</html>

Hey Guys,

I was creating an image map with rollover images. I was just wondering if I could add a fade effect to the transition. The underarms is the only rollover that works at the moment. Please check the source code for the code because it's too long to post here. http://wedezign.com/chris/

I have a question about Javascript.

Hello.
I need help with JavaScript enabled.
My job so that I can automatically send button to be pushed faster.
I use google chrome.

For example;
Automatically have form filling add-ons. (Autofill), but only to fill the send button will not print.
How can I do this automatically?

Button codes;
<input type='submit' name='post_shout' value='Shout' class='button' />

Google Chrome address bar: javascript: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx what I need to write here?

Can I do it after 1-2 seconds and fill out?

Many thanks in advance.
(My English is poor)

I'm trying to figure out this question that was assigned to me, as I haven't done alot on javascript before but I've tried to get most of this, I'm just not sure if this is correct. If anybody could help it would be greatly appreciated.

The question is as follows:

You are provided with a string array called country that contains the name of every country that the Ski Club visits. For example one element of this array might be as follows:

country[0] = "Austria"

Another array called villages contains strings with information on village names and altitude in a particular country. For example:

villages[0] = "Austria:Seefield 850m*";

Write a JavaScript function snowReport(countryIndex) that will use the arrays provided to write a report of all villages that include a given country. The function will be passed an integer representing the index of an element of the country array.

A match is found if the country appears in a string (Hint use appropriate JavaScript function to evaluate if a country name is contained in a village string.)

All matching villages should be displayed. Output should be displayed in the villages div element you defined in part (a). Output is shown for a search for Austria in Figure 1b.



<script type="text/javascript">

function makeArray() {
var country = new Array(5);
country[0] = "Austria";
country[1] = "Canada";
country[2] = "France";
country[3] = "Germany";
country[4] = "Switzerland";
return country;

var villages = new Array(2);
villages[0] = "Austria:Seefield 850m*";
villages[1] = "Austria:Ellam 100m";
return villages;
}

function snowReport(countryIndex){
var string = "";
for (var i = 0; i < countryIndex.length; i++){
str += countryIndex[i] + " ";
}
return str;
}
</script>
</head>
<body>
<script>
var x = makeArray();
document.write(snowReport(x));
</script>

</body>
</html>



Many thanks!

I have an application that has a menu - one of the choices on that menu is "Contacts" - This menu is controlled by css - I've written a script that will modify the css style setting for "display" and "zindex" for the rule that controls the pull down for contacts - this worked for hover, but I am now trying to change to a click event - I successfully change the rule, but the menu doesn't display - not sure if I'm returning incorrectly form the javascript function or what - here's a code snippet:

CSS:

Code:

.primaryNav .subMenu {
	background-color:  #B0967E;
	position: absolute;
	width: 300px;
	left: 600px; /* 823px - 300px - 20 px + 97px */
	padding: 10px;
	display: none; 
	color: #fff;
	font-size: 90%;
}

Javascript:

Code:

<script type="text/javascript">
function SetDisplayCSS()
{
	var mysheet=document.styleSheets[0];
	var myrules=mysheet.cssRules? mysheet.cssRules[0].styleSheet.cssRules: mysheet.imports[0].rules;
	for (i=0; i<myrules.length; i++){
		if(myrules[i].selectorText.toLowerCase()==".primarynav .submenu"){ //find "a:hover" rule
		targetrule=myrules[i];
		alert("Rule is found");
		break;
		}
	}
	targetrule.style.display = "block";
	targetrule.style.zindex = "10";
	alert(targetrule.selectorText);
	alert(targetrule.style.backgroundColor);
	alert(targetrule.style.position);
	alert(targetrule.style.width);
	alert(targetrule.style.left);
	alert(targetrule.style.padding);
	alert(targetrule.style.display);
	alert(targetrule.style.color);
	alert(targetrule.style.fontSize);
	alert(targetrule.style.zindex);
	return true;
	
}
</script>

html Code (names have been changed to protect the innocent)
- note the onclick event handler for the contacts menu option.

Code:

        <li class="pn test"><a href="#" onclick="return SetDisplayCSS();" name="contacts">Contacts</a>
        	<div class="subMenu">
            	<table width="100%">
                	<tbody>
                    	<col />
                        <col align="right" valign="top" />
                    	<tr>
                        	<td><a href="mailto:abc@xxxxxxx.com">Service Requests</a></td>
                            <td>555.555.5555</td>
                        </tr>
                        <tr>
                        	<td><a href="mailto:me@notreal.com">Bugs Bunny</a><br />Tenant Liaison</td>
                            <td>555.555.555</td>
                        </tr>
                        <tr>
                        	<td><a href="mailto:blah@blah.com">blah blah</a><br />Client Services Manager</td>
                        	<td>123.456.1234</td>
                        </tr>
                    </tbody>
                </table>
                <p><a href="xxxxxxxx.htm" class="more">More Contacts...</a></p>
            </div>
        </li>

Thanks for any help......

I think this is a pretty easy to fix error made by a newb ( me. Can anyone tell me why the call to "this.slideNext() " in the code below does not work. Apparently "this.slideNext() " is not a function?

Code:

function ScoopAnimation(_path, _start, _end, _delay){
	this.start = _start
	this.end = _end;
	this.delay = _delay;
	this.path = _path
	this.currentFrame = _start;
		
		
		
	this.slideNext() = function (){
		this.currentFrame ++;
		console.log('  next this.currentFrame  : ' +this.currentFrame );
		}	
		
		
	
	this.start= function ()	
	{
		console.log('next this.start()   : ' +this.currentFrame );
//THE NEXT LINE CAUSES THE ERROR!
		this.slideNext() 
		 
		
		
		}
	
		this.start();
		
}

I'm not really looking for someone to fix/answer this for me, but maybe give me a hit in the right direction. I need to fix this while loop to run correctly, but has errors in the code. This code is supposed to fill an array with numbers 1 through 100 and then print them.

Here is the code:

<script type="text/javascript">
/* <![CDATA[ */

var count = 0;
var numbers = new Array(100);

while (count < 100) {
numbers[count] = count;
++count;

}

while (count < 100 ) {
document.write(numbers[count]);
++count;
}
/* ]]> */
</script>

What i am most confused about is this part of the code numbers[count] i don't understand what is going on there. Sorry i am very new to this.

Any ideas would be appreciated
thank you.

So erm. Hello there. I fail at javascript, and yet, I'm trying it.
Anyways, I'm working on this thing. It's an extension for google
chrome very similar to firefox plugins and so on. I'm making an
extension so that, when installed, it changes the look of facebook
completely. I have successfully changed the colors. However, I
am having some trouble getting my javascript to change images.
If anybody out there has some insight on what I'm doing wrong, I am
glad to accept any kind of help that anyone is willing to give me, lol.


What I've done so far:




I have to change the facebook logo (what I'm trying to do now)
and then change the links, and very few more things, and I'm done.

Problem: I can't figure out how to change the image.
I can change the background color, as you saw earlier.
I just need a code to change the image.
The CSS behind it is:
Code:

#pageLogo a{background:#3b5998 url(/rsrc.php/z8S5R/hash/ez3x5cuc.png) no-repeat -21px 0;display:block;position:absolute;height:31px;left:-6px;width:103px;top:10px}

and the HTML implementing it is:
Code:

<h1 id="pageLogo"><a href="http://www.facebook.com/?ref=logo" title="Home" accesskey="1"></a></h1>

and my structure of javascript is:
Code:

  for(i=0;i<=document.getElementsByTagName("div").length;i++)
  {
    if(document.getElementsByTagName("div")[i].id != null)
    {
      if((document.getElementsByTagName("div")[i].id=="blueBar"))
      {
        document.getElementsByTagName("div")[i].style.backgroundColor='#B22222';
      }
	  if(( document.getElementsByTagName("div")[i].id == "headNavOut"))
      {
        document.getElementsByTagName("div")[i].style.backgroundColor='#8B0000';
	  }
	  }
  }
  
});

I appreciate any help anyone's willing to give.

Hi.
This is my first post, so please bear with me!.
I am writing some Javascript for some InDesign automation (shouldn't matter what for, but some background info). I have up to now been resorting to passing a script to Applescript, which then passed a shell command (via do script) to Terminal.
This works, but is limiting my script to Mac only.
I recently found I can open a socket, and send the PHP page my variables without leaving JavaScript..

Here is the code I am using with the Applescript combo:
function combinedErrorReport(errorText) //errorText is something like "Library not found"
{
myServerAddress = "http://automation.yappp.net/";
errorText = encodeURI(errorText);
myFullScriptString = "do shell script \"curl -0 "+ myServerAddress + "sendSrcError.php?e=" + errorText + "\"";
myForceError = app.doScript(myFullScriptString, ScriptLanguage.APPLESCRIPT_LANGUAGE);
}

and this is what I want to use using a javascript socket...
function combinedErrorReportWithSocket(errorText) //errorText is something like "Library not found"
{
myServerAddress = "automation.yappp.net:80";
errorText = encodeURI(errorText);
conn = new Socket();
conn.open(myServerAddress);
conn.write("GET /sendSrcError.php?e=" + errorText+"\ HTTP/1.0\n\n");
reply = conn.read(999999);
conn.close;
}

The socket option simply does nothing. It opens the connection, but doesn't pass anything to the PHP.

Anyone have any ideas?

Cheers

Roy

Hi,
I have a parent form and a child form.. I have a checkboxlist in my child form. Users can select multiple values from checkbox list and on clicking button i want to pass selected values to parent form. Below is my code which works fine for passing value from child form to parent form (for the value entered in textbox) by clicking on button in child form textbox value is passed to parent form and child form closes, but how to pass multiple selected values from child to parent form.

child Form:
Code:

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
'Put user code to initialize the page here
Dim scr As String = "<script language=javascript> function Done() { var lName=document.getElementById('txt_division').value; var ret= new Array(lName); window.opener.update(ret); window.close();}</script>"
Page.RegisterClientScriptBlock("done", scr) 
End Sub

Thanks to help with code / refer articles.