www.webdeveloper.com
Results 1 to 3 of 3

Thread: Java script alert

  1. #1
    Join Date
    Aug 2012
    Posts
    7

    Post Java script alert

    Good morning,

    I have the following below but my issue is the alert i created does not work the way I want.
    for example it does not matter whether I select taxi no hotel, the first alert is always the bus alert.
    I need help fixing this issue and make sure whatever i select will have its alert activated.








    <script>
    function Meansofpayment(_1_1_59_1)
    {
    if (_1_1_59_1!="") {
    obj=document.getElementById(_1_1_59_1);
    obj.style.display=( (obj.style.display=='none') ? '' : 'Please select');

    }
    }

    function validateMeans() {
    var bus=document.getElementById('_1_1_32_1').value;
    var busp=document.getElementById('_1_1_47_1').value;

    var subway=document.getElementById('_1_1_31_1').value;
    var subwayp=document.getElementById('_1_1_46_1').value;

    var taxi=document.getElementById('_1_1_30_1').value;
    var taxip=document.getElementById('_1_1_48_1').value;

    var hotel=document.getElementById('_1_1_36_1').value;
    var hotelp=document.getElementById('_1_1_51_1').value;

    if (((bus!=null || bus!="")&&(busp==null || busp=="")) || ((bus==null || bus=="")&&(busp!=null || busp!="")))
    {
    alert(" If a bus cost amount is entered, a payment mehtod is to be selected and vise versa. ");
    return false;
    }

    //----------------------------------------------

    else if (((subway!=null || subway!="")&&(subwayp==null || subwayp=="")) || ((subway==null || subway=="")&&(subwayp!=null || subwayp!="")) )
    {
    alert("If a subway cost amount is entered, a payment mehtod is to be selected and vise versa.");
    return false;
    }

    //-------------------------------------------------
    else if (((taxi!=null || taxi!="")&&(taxip==null || taxip=="")) || ((taxi==null || taxi=="")&&(taxip!=null || taxip!="")))
    {
    alert("If a taxi cost amount is entered, a payment mehtod is to be selected and vise versa.");
    return false;
    }


    //--------------------------------------------------
    else if (((hotel!=null || hotel!="")&&(hotelp==null || hotelp=="")) || ((hotel==null || hotel=="")&&(hotelp!=null || hotelp!="")))
    {
    alert("If a hotel cost amount is entered, a payment mehtod is to be selected and vise versa.");
    return false;
    }
    else
    {
    return false;
    }


    }
    }

    </script>

    <SELECT NAME="_1_1_59_1" ONCHANGE="Meansofpayment(this.value)">
    <OPTION VALUE="Please select..." >Please select...</OPTION>
    <OPTION VALUE="Amtrak" >Amtrak</OPTION>
    <OPTION VALUE="Bus" >Bus</OPTION>
    <OPTION VALUE="Hotel" >Hotel</OPTION>
    <OPTION VALUE="MTA Train" >MTA Train</OPTION>
    <OPTION VALUE="Parking" >Parking</OPTION>
    <OPTION VALUE="Subway" >Subway</OPTION>
    <OPTION VALUE="Taxi" >Taxi</OPTION>
    <OPTION VALUE="Toll" >Toll</OPTION>
    <OPTION VALUE="Personal Car Mileage" >Personal Car Mileage</OPTION>
    </SELECT>

    <tr id="taxi" style="display:none">
    <TD CLASS="label" NOWRAP VALIGN="MIDDLE">Taxi </TD>
    <td width="10" align="right"><input CLASS="valueEditable"type="text" name="_1_1_30_1" ID="Taxi" value="[LL_FormTag_1_1_30_1 /]" ></td>
    <TD CLASS="label" NOWRAP VALIGN="Right"></TD>
    <TD NOWRAP>
    <SELECT CLASS="selectMenu" ID="_1_1_48_1" NAME="_1_1_48_1" >
    <OPTION VALUE="" >Please Select...</OPTION>
    <OPTION VALUE="Corporate Credit Card" >Corporate Credit Card</OPTION>
    <OPTION VALUE="Personal Means of Payment" >Personal Means of Payment</OPTION>
    </SELECT>
    </tr>
    </tr>

    <tr id="Subway" style="display:none">
    <TD CLASS="label" NOWRAP VALIGN="MIDDLE">Subway </TD>
    <td width="10" align="right"><input CLASS="valueEditable"type="text" name="_1_1_31_1" ID="Subway" value="[LL_FormTag_1_1_31_1 /]" ></td>
    <TD CLASS="label" NOWRAP VALIGN="Right"></TD>

    <TD NOWRAP>
    <SELECT CLASS="selectMenu" ID="_1_1_46_1" NAME="_1_1_46_1" >
    <OPTION VALUE="" >Please Select...</OPTION>
    <OPTION VALUE="Corporate Credit Card" >Corporate Credit Card</OPTION>
    <OPTION VALUE="Personal Means of Payment" >Personal Means of Payment</OPTION>
    </SELECT>
    </TD>
    </tr>



    <tr id="Bus" style="display:none">
    <TD CLASS="label" NOWRAP VALIGN="MIDDLE">Bus </TD>
    <td width="10" align="right"><input CLASS="valueEditable"type="text" name="_1_1_32_1" ID="Bus" value="[LL_FormTag_1_1_32_1 /]" ></td>
    <TD CLASS="label" NOWRAP VALIGN="Right"></TD>
    <TD NOWRAP>
    <SELECT CLASS="selectMenu" ID="_1_1_47_1" NAME="_1_1_47_1" >
    <OPTION VALUE="" >Please Select...</OPTION>
    <OPTION VALUE="Corporate Credit Card" >Corporate Credit Card</OPTION>
    <OPTION VALUE="Personal Means of Payment" >Personal Means of Payment</OPTION>
    </SELECT>
    </TD>
    </tr>

    <tr id="Hotel" style="display:none">
    <TD CLASS="label" NOWRAP VALIGN="MIDDLE">Hotel </TD>
    <td width="10" align="right"><input CLASS="valueEditable"type="text" name="_1_1_36_1" ID="Hotel" value="[LL_FormTag_1_1_36_1 /]" ></td>
    <TD CLASS="label" NOWRAP VALIGN="Right"></TD>
    </TD>
    <TD NOWRAP>
    <SELECT CLASS="selectMenu" ID="_1_1_51_1" NAME="_1_1_51_1" >
    <OPTION VALUE="" >Please Select...</OPTION>
    <OPTION VALUE="Corporate Credit Card" >Corporate Credit Card</OPTION>
    <OPTION VALUE="Personal Means of Payment" >Personal Means of Payment</OPTION>
    </SELECT>
    </td>
    </tr>

  2. #2
    Join Date
    Sep 2012
    Location
    Toronto
    Posts
    16
    Guessing this is somewhat along the lines of what you want given the requirements are vague and code is rather incomplete...


    Code:
    <script type="text/javascript">
    function Meansofpayment(_1_1_59_1)
    {
    if (_1_1_59_1!="") {
    obj=document.getElementById(_1_1_59_1);
    obj.style.display=( (obj.style.display=='none') ? '' : 'Please select');
    
    }
    }
    
    function validateMeans() {
    var bus=document.getElementById('_1_1_32_1').value;
    var busp=document.getElementById('_1_1_47_1').value;
    
    var subway=document.getElementById('_1_1_31_1').value;
    var subwayp=document.getElementById('_1_1_46_1').value;
    
    var taxi=document.getElementById('_1_1_30_1').value;
    var taxip=document.getElementById('_1_1_48_1').value;
    
    var hotel=document.getElementById('_1_1_36_1').value;
    var hotelp=document.getElementById('_1_1_51_1').value;
    
    var alertMsg = "";
    
    if (((bus!=null && bus!="")&&(busp==null || busp=="")) || ((bus==null || bus=="")&&(busp!=null && busp!="")))
    {
    alertMsg += " If a bus cost amount is entered, a payment mehtod is to be selected and vise versa. \n";
    }
    
    //----------------------------------------------
    
    if (((subway!=null && subway!="")&&(subwayp==null || subwayp=="")) || ((subway==null || subway=="")&&(subwayp!=null && subwayp!="")) )
    {
    alertMsg += "If a subway cost amount is entered, a payment mehtod is to be selected and vise versa. \n";
    }
    
    //-------------------------------------------------
    if (((taxi!=null && taxi!="")&&(taxip==null || taxip=="")) || ((taxi==null || taxi=="")&&(taxip!=null && taxip!="")))
    {
    alertMsg += "If a taxi cost amount is entered, a payment mehtod is to be selected and vise versa. \n";
    }
    
    
    //--------------------------------------------------
    if (((hotel!=null && hotel!="")&&(hotelp==null || hotelp=="")) || ((hotel==null || hotel=="")&&(hotelp!=null && hotelp!="")))
    {
    alertMsg += "If a hotel cost amount is entered, a payment mehtod is to be selected and vise versa. \n";
    }
    
    if(alertMsg != "") {
    alertMsg = alertMsg.substr(0,alertMsg.length-1);
    alert(alertMsg);
    }
    
    
    }
    
    
    </script>
    
    <SELECT NAME="_1_1_59_1" ONCHANGE="Meansofpayment(this.value)">
    <OPTION VALUE="Please select..." >Please select...</OPTION>
    <OPTION VALUE="Amtrak" >Amtrak</OPTION>
    <OPTION VALUE="Bus" >Bus</OPTION>
    <OPTION VALUE="Hotel" >Hotel</OPTION>
    <OPTION VALUE="MTA Train" >MTA Train</OPTION>
    <OPTION VALUE="Parking" >Parking</OPTION>
    <OPTION VALUE="Subway" >Subway</OPTION>
    <OPTION VALUE="Taxi" >Taxi</OPTION>
    <OPTION VALUE="Toll" >Toll</OPTION>
    <OPTION VALUE="Personal Car Mileage" >Personal Car Mileage</OPTION>
    </SELECT>
    
    <tr id="taxi" style="display:none">
    <TD CLASS="label" NOWRAP VALIGN="MIDDLE">Taxi </TD>
    <td width="10" align="right"><input CLASS="valueEditable"type="text" name="_1_1_30_1" ID="Taxi" value="[LL_FormTag_1_1_30_1 /]" ></td>
    <TD CLASS="label" NOWRAP VALIGN="Right"></TD>
    <TD NOWRAP>
    <SELECT CLASS="selectMenu" ID="_1_1_48_1" NAME="_1_1_48_1" >
    <OPTION VALUE="" >Please Select...</OPTION>
    <OPTION VALUE="Corporate Credit Card" >Corporate Credit Card</OPTION>
    <OPTION VALUE="Personal Means of Payment" >Personal Means of Payment</OPTION>
    </SELECT>
    </tr>
    </tr>
    
    <tr id="Subway" style="display:none">
    <TD CLASS="label" NOWRAP VALIGN="MIDDLE">Subway </TD>
    <td width="10" align="right"><input CLASS="valueEditable"type="text" name="_1_1_31_1" ID="Subway" value="[LL_FormTag_1_1_31_1 /]" ></td>
    <TD CLASS="label" NOWRAP VALIGN="Right"></TD>
    
    <TD NOWRAP>
    <SELECT CLASS="selectMenu" ID="_1_1_46_1" NAME="_1_1_46_1" >
    <OPTION VALUE="" >Please Select...</OPTION>
    <OPTION VALUE="Corporate Credit Card" >Corporate Credit Card</OPTION>
    <OPTION VALUE="Personal Means of Payment" >Personal Means of Payment</OPTION>
    </SELECT>
    </TD>
    </tr>
    
    
    
    <tr id="Bus" style="display:none">
    <TD CLASS="label" NOWRAP VALIGN="MIDDLE">Bus </TD>
    <td width="10" align="right"><input CLASS="valueEditable"type="text" name="_1_1_32_1" ID="Bus" value="[LL_FormTag_1_1_32_1 /]" ></td>
    <TD CLASS="label" NOWRAP VALIGN="Right"></TD>
    <TD NOWRAP>
    <SELECT CLASS="selectMenu" ID="_1_1_47_1" NAME="_1_1_47_1" >
    <OPTION VALUE="" >Please Select...</OPTION>
    <OPTION VALUE="Corporate Credit Card" >Corporate Credit Card</OPTION>
    <OPTION VALUE="Personal Means of Payment" >Personal Means of Payment</OPTION>
    </SELECT>
    </TD>
    </tr>
    
    <tr id="Hotel" style="display:none">
    <TD CLASS="label" NOWRAP VALIGN="MIDDLE">Hotel </TD>
    <td width="10" align="right"><input CLASS="valueEditable"type="text" name="_1_1_36_1" ID="Hotel" value="[LL_FormTag_1_1_36_1 /]" ></td>
    <TD CLASS="label" NOWRAP VALIGN="Right"></TD>
    </TD>
    <TD NOWRAP>
    <SELECT CLASS="selectMenu" ID="_1_1_51_1" NAME="_1_1_51_1" >
    <OPTION VALUE="" >Please Select...</OPTION>
    <OPTION VALUE="Corporate Credit Card" >Corporate Credit Card</OPTION>
    <OPTION VALUE="Personal Means of Payment" >Personal Means of Payment</OPTION>
    </SELECT>
    </td>
    </tr>
    
    <tr>
    <td colspan="3">
    <input type="button" value="validate" onClick="validateMeans();" />
    </td>
    </tr>

  3. #3
    Join Date
    Aug 2012
    Posts
    7
    Thank you so much, it does work now.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles