Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5

Thread: Alert Messages

  1. #1
    New to the CF scene
    Join Date
    Sep 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Alert Messages

    Hi there,

    I am trying to make alert messages for when neither a flight nor seating preference has been made, and it's a struggle. Any help would be amazing.


    Code:
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=utf-8">
    <title>gotham airlines</title>
    <script>
    
    function calculateCost() {
    
    for (var i = 1; i < 7; i++) {
    var radiobutton = document.getElementById("flight" + i);
    if (radiobutton.checked == true) {
    var base=radiobutton.value;
    }
    }
    var rtn=document.getElementById("returnfare").checked?2:1;
    for (var a = 1; a < 4; a++) {
    var radiobutton = document.getElementById("seating" + a);
    if (radiobutton.checked == true) {
    var seatclass=radiobutton.value;
    }
    }
    var cost=base*rtn*seatclass;
    alert("The selected flight will cost $" + cost);
    }
    
    </script>
    </head>
    <body>
    <h1>Gotham Airlines Fare Calculator</h1>
    <form>
    <p>Complete the form below to calculate the cost of your flight.</p>
    Route:<br>
    <p><input type="radio" id="flight1" name="flights"
    value="230"> <label for="flight1">Gotham - Hill Valley</label><br>
    <input type="radio" id="flight2" name="flights"
    value="250"> <label for="flight2">Gotham - Las Venturas</label><br>
    <input type="radio" id="flight3" name="flights"
    value="190"> <label for="flight3">Gotham - Storybrooke</label><br>
    <input type="radio" id="flight4" name="flights"
    value="160"> <label for="flight4">Gotham - Marlinshire</label><br>
    <input type="radio" id="flight5" name="flights"
    value="270"> <label for="flight5">Gotham - Lillian</label><br>
    <input type="radio" id="flight6" name="flights"
    value="220"> <label for="flight6">Gotham - Seahaven</label></p>
    
    <p><input type="checkbox" id="returnfare" name="return fare"
    value="2"> <label for="returnfare">Click here if you will be purchasing a return fare</label></p>
    
    Seating:<br>
    <p><input type="radio" id="seating1" name="seating"
    value="2"> <label for="seating1">First class</label><br>
    <input type="radio" id="seating2" name="seating"
    value="1.5"> <label for="seating2">Business class</label><br>
    <input type="radio" id="seating3" name="seating"
    value="1"> <label for="seating3">Economy class</label></p>
    <p><input type="submit" value="Calculate"
    onClick="calculateCost();"> <input type="reset"></p>
    </form>
    </body>
    </html>
    Last edited by VIPStephan; 09-26-2012 at 11:21 AM. Reason: added code BB tags

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,927
    Thanks
    6
    Thanked 1,040 Times in 1,013 Posts
    If you post any code please put it in between [CODE][/CODE] tags. It makes scanning your posts much easier. You can do this by clicking the small ‘#’ icon above the reply field.

  • #3
    Regular Coder
    Join Date
    Apr 2012
    Location
    St. Louis, MO
    Posts
    985
    Thanks
    7
    Thanked 101 Times in 101 Posts
    You need to declare a variable and set it to 0 at the start, then add to it if a button is checked. If the variable still == 0, no buttons have been checked.

    Code:
    function calculateCost() { 
    var totalChkd = 0; 
    for (var i = 1; i < 7; i++) { 
    var radiobutton = document.getElementById("flight" + i); 
    if (radiobutton.checked == true) { 
    var base=radiobutton.value; totalChkd++; 
    } 
    } 
    var rtn=document.getElementById("returnfare").checked?2:1; 
    for (var a = 1; a < 4; a++) { 
    var radiobutton = document.getElementById("seating" + a); 
    if (radiobutton.checked == true) { 
    var seatclass=radiobutton.value; totalChkd++;  
    } 
    }
    if(totalChkd < 2){ 
    alert("Please select both flight and seat"); return false;
    } 
    var cost=base*rtn*seatclass; 
    alert("The selected flight will cost $" + cost); 
    }
    Then change your submit button:
    Code:
    <input type="submit" value="Calculate" onClick="return calculateCost();">
    ^_^

    If anyone knows of a website that can offer ColdFusion help that isn't controlled by neurotic, pedantic jerks* (stackoverflow.com), please PM me with a link.
    *
    The neurotic, pedantic jerks are not the owners; just the people who are in control of the "popularity contest".

  • Users who have thanked WolfShade for this post:

    Lana1993 (09-27-2012)

  • #4
    New to the CF scene
    Join Date
    Sep 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Wow, thank you. I did all kinds of different things, none of which actually worked. Thank you heaps x

  • #5
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,642
    Thanks
    0
    Thanked 649 Times in 639 Posts
    What is supposed to happen when the person clicks on the checkbox in the alert that turns off JavaScript?
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •