[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

without checking any shipments user can't click another tab like Container details tab

Posted on 2005-05-17
6
Medium Priority
?
363 Views
Last Modified: 2012-06-21
i am displaying some records in the view source code;

in our application we have Tab overs are there;

present one is booking info;without checking any shipments user can't click another tab like Container details tab ;

if user doesn't attach any shipments if he clicks Container details tab  then i want to fire below message;

when i click tab validateTabClick method will be called.

if any of the shipments user checks then user can allow to go to the  container details tab;






function validateTabClick(str)
{
      
      if(str=="Containers" && document.getElementById("bookingId").checked == false && "<%=hblMaster.hblFlag%>" == "MHBL")
      {
            alert("Shipments are not attached to the MHBL to enter container details");
            return false;
      }
      return true;
}



HTML>
     <HEAD>
 <head>
     <title>HBL Booking Info</title>
     <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<link rel="stylesheet" href="html/commonLOV.css">
<script src="html/eSupplyDateValidation.jsp"></script>
<script language="javascript" src="html/eSupply.js"></script>
<script language="javascript" src="html/common.js"></script>


</SCRIPT>



</head>

<body">
     <form method="post" action="FCRController" onSubmit='return validate()'>
     <div id="mainDiv" style="visibility:visible;position:absolute;">
     <table width='100%'>
     <tr><td>
        <table border=0 cellpadding=1 cellspacing=1 width="100%"  class=TABLE>
          <tr class='formlabel'>
               <td> Master HBL - FCR Search</font></td>
          </tr>
          </table>
     <table width="100%" border="1" cellspacing="0" cellpadding="0" bordercolor="#b3b3d9">
          <tr>
            <td width="100%">
             
 







               <table width="100%" border="0" cellspacing="1" cellpadding="2">
                    <tr class='formdata'>
                         <td>User Id<br>
                              <input type="hidden" name="userId" value="ANIL"> ANIL
                         </td>
                         <td>Origin Station<br>
                              <input type="hidden" name="origin" value="BOM" >BOM
                         </td>
                         <td>Destination Station<br>
                              <input type="hidden" name="destination" value="MAA" >MAA<input type="hidden" name="sType" value="House" >
                         </td>

                         <td>Assembly Type<br>Buyer's Consolidation</td>

                         <td>Load Type<br>
                              <input type="hidden" name="cType" value="FCL" >FCL
                         </td>
                         <td>Created Date<br>
                              <input type="hidden" name="cDate" value="16MAY05" >16MAY05
                         </td>
                         <td>Shipment Number<br>
                             
                              <input type="hidden" name="sNumber" value="70105016" >70105016
                         </td>
                         <td>File Number<br>
                              <input type="hidden" name="fNumber" value="70105016" >70105016
                         </td>
                    </tr>
               </table>
            </td>
          </tr>
     </table>
     <table  class='formlabel' border="0" cellspacing="0" cellpadding="0" width=100%>
          <div id=includeDIV class=formdata>&nbsp;</div>
          <tr>
               <td class=formdata colspan="4">
                    <font color="red" size="2"><b>

                    </b></font>
               </td>
          </tr>
     </table>
          <table border=0 cellpadding=1 cellspacing=1 width="100%"  class=TABLE>
          <tr class=formheader>
          <td>FCR No</td>
          <td>Date</td>    
          <td>Origin</td>
          <td>Destination</td>
          <td>Pieces</td>
          <td>Weight</td>
          <td>Shipper Name</td>
          <td>Consignee Name</td>

          <td>Vessel</td>
          <td>Voyage</td>
          <td>Port Of Loading</td>
          <td>Port Of Discharge</td>

          <td>Shipment Mode</td>
          <td>&nbsp</td>
     </tr>
     <tr>
          <td><input type="text" searchField="true" class='text' maxlength="16" size="8" value="%" name="searchString" onBlur='makeUpperCase(this)' > </td>
          <td><input type="text" searchField="true" class='text' maxlength="30" size="8" value="" name="searchDate" onBlur='makeUpperCase(this)' ><input type="button" tabindex=34 class=input name="dateTimeLOV2" value=" ... " onClick="openCalendar('searchDate')" ></td>
          <td><input type="text" searchField="true" class='text' maxlength="30" size="5" value="" name="originStn" onBlur='makeUpperCase(this)' ></td>
          <td><input type="text" searchField="true" class='text' maxlength="30" size="5" value="" name="destinationStn" onBlur='makeUpperCase(this)' ></td>
          <td><input type="text" searchField="true" class='text' maxlength="30" size="5" value="" name="peices" onBlur='makeUpperCase(this)' ></td>
          <td><input type="text" searchField="true" class='text' maxlength="30" size="5" value="" name="weight" onBlur='makeUpperCase(this)' ></td>
          <td><input type="text" searchField="true" class='text' maxlength="30" size="10" value="" name="shipper" onBlur='makeUpperCase(this)' ></td>
          <td><input type="text" searchField="true" class='text' maxlength="30" size="10" value="" name="consignee" onBlur='makeUpperCase(this)' ></td>

          <td><input type="text" searchField="true" class='text' maxlength="30" size="5" value="" name="vessel" onBlur='makeUpperCase(this)' ></td>
          <td><input type="text" searchField="true" class='text' maxlength="30" size="5" value="" name="voyage" onBlur='makeUpperCase(this)' ></td>
          <td><input type="text" searchField="true" class='text' maxlength="30" size="5" value="" name="portOfLoading" onBlur='makeUpperCase(this)' ></td>
          <td><input type="text" searchField="true" class='text' maxlength="30" size="10" value="" name="portOfDischarge" onBlur='makeUpperCase(this)' ></td>

          <td>
               <select name="shipmentMode" searchField="true" size='1' class='select' >
<option value='20' selected>Select</option>
<option value='2'>Ocean</option>

     </select>
     </td>
     <td><input type="button" name = "searchBookingName" value="Search" searchField="true" onClick="searchBooking()" class="input" ></td>
     <input type="hidden" id="orderByFeild" value="1">
     <input type="hidden" id="isDescending" value="false">
     
<input type=hidden name=advancedSearch value=true>
<input type=hidden name=searchActivity value='null'>
<input type=hidden name=parentPage value='null'>
<input type=hidden name=terminalId value='BOM'>
<input type=hidden name=customerId value=''>
<input type=hidden name=terminalType value='null'>
<input type=hidden name=fromDate value='null'>
<input type=hidden name=toDate value='null'>
<input type=hidden name=consoleId value='null'>
<input type=hidden name=newSearch value='true'>

     </td>
     </tr>
     </table>
 
     <TABLE cellSpacing = 1 cellpadding = 0  width = "100%" id = lovTable bgcolor = white class = TABLE onclick="checkLoadType();">
          <tr CLASS=formheader>
               <td width=1%></td>
               <td width='10%' id="td1" style="cursor:hand;" onClick="sortData(1);"><u>F</u>CR No</td>
               <td width='10%' id="td2" style="cursor:hand;" onClick="sortData(2);">FCR Da<u>t</u>e </td>
               <td width='5%'  id="td3" style="cursor:hand;" onClick="sortData(3);"><u>O</u>rigin </td>
               <td width='5%'  id="td4" style="cursor:hand;" onClick="sortData(4);"><u>D</u>esti-<br>nation</td>
               <td width='5%'  id="td5" style="cursor:hand;" onClick="sortData(5);"><u>P</u>ieces</td>
               <td width='10%' id="td6" style="cursor:hand;" onClick="sortData(6);"><u>W</u>eight</td>
               <td width='25%' id="td7" style="cursor:hand;" onClick="sortData(7);"><u>S</u>hipper Name</td>
               <td width='25%' id="td8" style="cursor:hand;" onClick="sortData(8);"><u>C</u>onsignee Name</td>

               <td width='10%'>Vessel</td>
               <td width='10%'>Voyage</td>
               <td width='10%'>Port Of Loading</td>
               <td width='10%'>Port Of Discharge</td>

               <td width='10%' id="td9" style="cursor:hand;" onClick="sortData(9);">Shipment <u>M</u>ode</td>
     <td width='10%' id="td10" style="cursor:hand;" onClick="sortData(10);">L<u>oadType</td>
          <td width='11%' id="td11" style="cursor:hand;" onClick="sortData(11);"></td>
          </tr>
<tr id='tr0' class=formdata originalClassName=formdata style='font-size:8pt;'>
<td width='1%' id="refTD0" bookingId='70104149'  bookingDate='10MAY05' originTerminal='BOM' destinationTerminal='DEL' totalPieces='20' weight='2000.0' shipperId='131009' consigneeId='131424' shipperName='(001) Sushma Vijay Dasari' consigneeName='(006) FourSoft Limited' shipmentMode='Ocean' shipmentStatus=''>
<input  name='bookingId'  id='bookingId' type=checkbox value='70104149'  ></td>
<td width='10%' >70104149</td>
<td width='10%' >10MAY05</td>
<td width='5%' >BOM</td>
<td width='5%' >DEL</td>
<td width='5%' >20</td>
<td width='10%' >2000.0</td>
<td width='25%' >(001) Sushma Vijay Dasari</td>
<td width='25%' >(006) FourSoft Limited</td>
<td width='10%'>VESSEL-KATZ</td>
<td width='10%'>VOYS</td>
<td width='10%'>INBOM</td>
<td width='10%'>INDEL</td>
<td width='10%' >Ocean</td>
<td width='10%' >L</td>

               <td width='10%' ><input type=hidden name='sealno1' value=''></td>
</font></tr>
<tr id='tr1' bgcolor='#33CC00' originalClassName=formdata1 style='font-size:8pt;'>
<td width='1%' id="refTD1" bookingId='70104801'  bookingDate='13MAY05' originTerminal='BOM' destinationTerminal='DEL' totalPieces='0' weight='46.0' shipperId='118220' consigneeId='118884' shipperName='EAGLE-BBY INC' consigneeName='"BALKANS SUPPORT CONTRACT"' shipmentMode='Ocean' shipmentStatus=''>
<input  name='bookingId'  id='bookingId' type=checkbox value='70104801'  ></td>
<td width='10%' >70104801</td>
<td width='10%' >13MAY05</td>
<td width='5%' >BOM</td>
<td width='5%' >DEL</td>
<td width='5%' >0</td>
<td width='10%' >46.0</td>
<td width='25%' >EAGLE-BBY INC</td>
<td width='25%' >"BALKANS SUPPORT CONTRACT"</td>
<td width='10%'>VESSEL</td>
<td width='10%'>SDFSF</td>
<td width='10%'>INDEL</td>
<td width='10%'>INBOM</td>
<td width='10%' >Ocean</td>
<td width='10%' >F</td>

               <td width='10%' ><input type=hidden name='sealno1' value=''></td>
</font></tr>
<tr id='tr2' bgcolor='#33CC00' originalClassName=formdata style='font-size:8pt;'>
<td width='1%' id="refTD2" bookingId='70104895'  bookingDate='13MAY05' originTerminal='BOM' destinationTerminal='DEL' totalPieces='46' weight='46.0' shipperId='118220' consigneeId='118884' shipperName='EAGLE-BBY INC' consigneeName='"BALKANS SUPPORT CONTRACT"' shipmentMode='Ocean' shipmentStatus=''>
<input  name='bookingId'  id='bookingId' type=checkbox value='70104895'  ></td>
<td width='10%' >70104895</td>
<td width='10%' >13MAY05</td>
<td width='5%' >BOM</td>
<td width='5%' >DEL</td>
<td width='5%' >46</td>
<td width='10%' >46.0</td>
<td width='25%' >EAGLE-BBY INC</td>
<td width='25%' >"BALKANS SUPPORT CONTRACT"</td>
<td width='10%'>VESSEL</td>
<td width='10%'>SDFSF</td>
<td width='10%'>INDEL</td>
<td width='10%'>INBOM</td>
<td width='10%' >Ocean</td>
<td width='10%' >F</td>

               <td width='10%' ><input type=hidden name='sealno1' value=''></td>
</font></tr>
<tr id='tr3' bgcolor='#33CC00' originalClassName=formdata1 style='font-size:8pt;'>
<td width='1%' id="refTD3" bookingId='70104896'  bookingDate='13MAY05' originTerminal='BOM' destinationTerminal='DEL' totalPieces='46' weight='46.0' shipperId='118220' consigneeId='118884' shipperName='EAGLE-BBY INC' consigneeName='"BALKANS SUPPORT CONTRACT"' shipmentMode='Ocean' shipmentStatus=''>
<input  name='bookingId'  id='bookingId' type=checkbox value='70104896'  ></td>
<td width='10%' >70104896</td>
<td width='10%' >13MAY05</td>
<td width='5%' >BOM</td>
<td width='5%' >DEL</td>
<td width='5%' >46</td>
<td width='10%' >46.0</td>
<td width='25%' >EAGLE-BBY INC</td>
<td width='25%' >"BALKANS SUPPORT CONTRACT"</td>
<td width='10%'>VESSEL</td>
<td width='10%'>SDFSF</td>
<td width='10%'>INDEL</td>
<td width='10%'>INBOM</td>
<td width='10%' >Ocean</td>
<td width='10%' >F</td>

               <td width='10%' ><input type=hidden name='sealno1' value=''></td>
</font></tr>
<tr id='tr4' bgcolor='#33CC00' originalClassName=formdata style='font-size:8pt;'>
<td width='1%' id="refTD4" bookingId='70104983'  bookingDate='16MAY05' originTerminal='BOM' destinationTerminal='DEL' totalPieces='3' weight='535.0' shipperId='118220' consigneeId='118884' shipperName='EAGLE-BBY INC' consigneeName='"BALKANS SUPPORT CONTRACT"' shipmentMode='Ocean' shipmentStatus=''>
<input  name='bookingId'  id='bookingId' type=checkbox value='70104983'  ></td>
<td width='10%' >70104983</td>
<td width='10%' >16MAY05</td>
<td width='5%' >BOM</td>
<td width='5%' >DEL</td>
<td width='5%' >3</td>
<td width='10%' >535.0</td>
<td width='25%' >EAGLE-BBY INC</td>
<td width='25%' >"BALKANS SUPPORT CONTRACT"</td>
<td width='10%'>SOFT</td>
<td width='10%'>VOYAGE</td>
<td width='10%'>BOMIN</td>
<td width='10%'>INDEL</td>
<td width='10%' >Ocean</td>
<td width='10%' >F</td>

               <td width='10%' ><input type=hidden name='sealno1' value='89888'></td>
</font></tr>
<tr id='tr5' bgcolor='#33CC00' originalClassName=formdata1 style='font-size:8pt;'>
<td width='1%' id="refTD5" bookingId='70105009'  bookingDate='16MAY05' originTerminal='BOM' destinationTerminal='DEL' totalPieces='40' weight='57.0' shipperId='118220' consigneeId='118884' shipperName='EAGLE-BBY INC' consigneeName='"BALKANS SUPPORT CONTRACT"' shipmentMode='Ocean' shipmentStatus=''>
<input  name='bookingId'  id='bookingId' type=checkbox value='70105009'  ></td>
<td width='10%' >70105009</td>
<td width='10%' >16MAY05</td>
<td width='5%' >BOM</td>
<td width='5%' >DEL</td>
<td width='5%' >40</td>
<td width='10%' >57.0</td>
<td width='25%' >EAGLE-BBY INC</td>
<td width='25%' >"BALKANS SUPPORT CONTRACT"</td>
<td width='10%'>SOFT</td>
<td width='10%'>VOYAGE</td>
<td width='10%'>BOMIN</td>
<td width='10%'>INDEL</td>
<td width='10%' >Ocean</td>
<td width='10%' >L</td>

               <td width='10%' ><input type=hidden name='sealno1' value=''></td>
</font></tr>
<tr id='tr6' class=formdata originalClassName=formdata style='font-size:8pt;'>
<td width='1%' id="refTD6" bookingId='70105018'  bookingDate='16MAY05' originTerminal='BOM' destinationTerminal='MAA' totalPieces='11' weight='21.0' shipperId='127200' consigneeId='131009' shipperName='(001) FOURSOFT LTD' consigneeName='(001) SUSHMA VIJAY DASARI' shipmentMode='Ocean' shipmentStatus=''>
<input  name='bookingId'  id='bookingId' type=checkbox value='70105018'  ></td>
<td width='10%' >70105018</td>
<td width='10%' >16MAY05</td>
<td width='5%' >BOM</td>
<td width='5%' >MAA</td>
<td width='5%' >11</td>
<td width='10%' >21.0</td>
<td width='25%' >(001) FOURSOFT LTD</td>
<td width='25%' >(001) SUSHMA VIJAY DASARI</td>
<td width='10%'></td>
<td width='10%'>VOYAGE2</td>
<td width='10%'>BLRIN</td>
<td width='10%'>MAAIN</td>
<td width='10%' >Ocean</td>
<td width='10%' >L</td>

               <td width='10%' ><input type=hidden name='sealno1' value=''></td>
</font></tr>

      </table>
          <table width="100%" cellpadding=0 cellspacing=0 border=0 class=TABLE>
          <tr>
               <td class=formdata align=left width=55%>
1 to 7 of 7 Records
               </td>
               <td class=formdata align=right width=45%>Total Number of Records : 7</td>
          </tr>
          </table>
     

       
    <table cellpadding="2" cellspacing="1" border="0" width="100%">
     <tr class='formdata'>
      <td colspan="2" class='denotes'><font color="#ff0000">* </font>Denotes Mandatory</td>
      <td colspan="2" align="right">

          <input type=button class='input' value='PRINT LOAD LIST' onClick='showReport()'>


          <input type="submit" name="Refresh"  id="Refresh"  value="Refresh" class='input' TABINDEX="100" onClick = "changeNextOperation('Refresh')" >
        <input type="submit" name="SaveAndExit"  id="SaveAndExit"  value="Save & Exit" class='input' TABINDEX="101" onClick = "setAction('SNE')" >

          <input type="submit" name="Submit"  id="Submit"  value="ENTER" class='input' TABINDEX="102" onClick = "changeNextOperation('Marks')">
          <input type="hidden" name="operation" value="Modify">
          <input type="hidden" name="laneNo" id="laneNo">
          <input type="hidden" name="contractType">
          <input type="hidden" name ="terminalId" value="BOM">
          <input type="hidden" name="searchOperation" value="N">
          <input type="hidden" name="taskName" id="taskName" value="Bookings">
          <input type="hidden" name="ShipmentMode" value="null">
          <input type="hidden" name="terminalType" value="null">
          <input type=hidden name="isSave">
          <input type="hidden" name="NextOperation" id="NextOperation" value="Marks">

     
                 <input type="hidden"   name="houseDocumentId" value="">
     
      </td>
    </tr>
  </table>

          <table width="850" border="0" cellspacing="1" cellpadding="2">
            <tr >     
               <td       width="5"     height="5" bgcolor="#33CC00"></td>
               <td       width="840" style="font-size:7pt;     font-family:Arial;"     >Invoice generated FCRs</td>
            </tr>
          </table>

</td>
</tr>
</table>
</td></tr>
</table>
</div>
<div id="commonDIV" style="visibility:hidden;position:absolute;">
&nbsp;
     <iframe id=iframe1 width=750 height=800 border=0 src="about:blank">
     </iframe>
</div>
   </form>
  </body>
</html>




0
Comment
Question by:chaitu chaitu
  • 3
  • 2
5 Comments
 
LVL 25

Expert Comment

by:archrajan
ID: 14017876
in the html u posted how can i recreate the steps?
i dont see any tab?
0
 
LVL 20

Author Comment

by:chaitu chaitu
ID: 14017912
THAT TABS  u can't see in HTML
0
 
LVL 25

Expert Comment

by:archrajan
ID: 14017926
ok so anyway the form will be submitted to go to the next tab right?
so we can call the validate function onsubmit of the form???

0
 
LVL 20

Accepted Solution

by:
chaitu chaitu earned 0 total points
ID: 14018171
i solved my archrajan with this code

function validateTabClick(tab)
{
      var ary=document.getElementsByTagName("input");
      var str="";

      for (var i=0;i<ary.length;i++){
     if (ary[i].type.toLowerCase()=="checkbox" && ary[i].checked==true){
         var obj=ary[i].parentNode;
          obj=obj.nextSibling;
          var newStr=obj.innerText;
          str = str+newStr+',';
            }
      }


                  if(tab=="Containers" && str.length == 0 && "<%=hblMaster.hblFlag%>" == "MHBL")
                  {
                        alert("Shipments are not attached to the MHBL to enter container details");
                        return false;
                  }
                  
      return true;
}
0
 
LVL 25

Expert Comment

by:archrajan
ID: 14018182
Great...
u can ask Commnity support to close the question
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
In this blog, we’ll look at how improvements to Percona XtraDB Cluster improved IST performance.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

834 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question