www.webdeveloper.com
+ Reply to Thread
Results 1 to 3 of 3
  1. 09-12-2012 08:53 AM #1
    Mamadou
    Mamadou is offline Registered User
    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>
    Reply With Quote Reply With Quote
  2. 09-12-2012 11:17 AM #2
    N1tr0gen's Avatar
    N1tr0gen
    N1tr0gen is offline Registered User
    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>
    Reply With Quote Reply With Quote
  3. 09-13-2012 07:30 AM #3
    Mamadou
    Mamadou is offline Registered User
    Join Date
    Aug 2012
    Posts
    7
    Thank you so much, it does work now.
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Thread Information

Users Browsing this Thread

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

     

Bookmarks

Posting Permissions

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

Forum Rules

 HTML5 Development Center



Recent Articles