0 Replies Latest reply on Aug 24, 2009 12:03 PM by JimP

    Problem with bind select to cfinput in IE, works in FF

    JimP Level 1

      My bind works fine in FF.  In IE 7,  all I get is a the spinning LOADING icon.  There are no errors seen in the CFDebug tool, only informational data.

       

      My code does include other javascript (for autocomplete), and it has CFFORM tag wrapped around cflayout (tabs).  Below are two set of code. 1st is the main page  and at the bottom the page that is called by the url:bind

       

      Any help would be appreciated.  Thanks - Jim

       

      <cfajaximport tags="cfwindow, cfdiv, cfform, cflayout-border" />
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml"

      <!-- InstanceBegin template="/Templates/inside-data.dwt" codeOutsideHTMLIsLocked="false" -->
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <meta name="Description" content="PARView Portal restricted pages for registered customers only" />
      <meta name="Rating" content="Restricted" />
      <meta name="Robots" content="NOINDEX,NOFOLLOW" />
      <cfinclude template="/pti/PARView/sessioncheck.cfm">
      <!-- InstanceBeginEditable name="doctitle" -->
      <title>PARView Repair Request </title>
      <!--- cfajaxproxy is used here to create the js class for connecting
            to the session.cfc we created --->
      <cfajaxproxy cfc="portal" jsclassname="CFCs.session">

      <!--- ======================================================= --->
      <!--- Links for CSS and JS Script              --->
      <!--- ======================================================= --->
      <link  href="/CFIDE/scripts/ajax/ext/resources/css/ytheme-aero.css" rel="stylesheet" type="text/css">
      <link rel="stylesheet" type="text/css" media="screen" href="themes/basic/parviewgrid.css" />
      <link rel="stylesheet" type="text/css" media="screen" href="themes/jqModal.css" />
      <link rel="stylesheet" href="../css/basic.css" type="text/css" />
      <link rel="stylesheet" href="../css/jquery.autocomplete.css" />

      <script type="text/javascript" src="jquery.js"></script>
      <script src="js/localdata.js" type='text/javascript'></script>
      <script src="js/jquery.autocomplete.min.js" type="text/javascript"></script>

       

      <!--- ==================================================================================== --->
      <!---  Data for the autoconplete fields                                                              ============================== --->
      <!--- ====================================================================================== --->

      <cfset mysites ="#ListQualify(ValueList(session.site_info.site_id),'"')#">
      <cfset myaltsites ="#ListQualify(ValueList(session.site_info.alt_site_id),'"')#">

      <!--- ====================================================================================== --->

      <!---  Scripts for Autocompletes    --->

      <!--- ====================================================================================== --->
      <script type="text/javascript">
      var sitelist = [<cfoutput>#mysites#</cfoutput>];
      var altsitelist = [<cfoutput>#myaltsites#</cfoutput>];

      $().ready(function() {

      function findValueCallback(event, data, formatted) {
        $("<li>").html( !data ? "No match!" : "Selected: " + formatted).appendTo("#result");
      }

       

      function formatItem(row) {
        return row[0] + " (<strong>id: " + row[1] + "</strong>)";
      }
      function formatResult(row) {
        return row[0].replace(/(<.+?>)/gi, '');
      }

       

      $("#suggest14").autocomplete(sitelist, {
        matchContains: true,
        minChars: 0
      });

       

      $("#suggest15").autocomplete(altsitelist, {
      matchContains: true,
      minChars: 0
      });

      $("#tags").autocomplete(["c++", "java", "php", "coldfusion", "javascript", "asp"], {
        width: 320,
        max: 4,
        highlight: false,
        multiple: true,
        multipleSeparator: " ",
        scroll: true,
        scrollHeight: 300
      });

       

       
      $("#clear").click(function() {
        $(":input").unautocomplete();
      });
      });

      function changeOptions(){
      var max = parseInt(window.prompt('Please type number of items to display:', jQuery.Autocompleter.defaults.max));
      if (max > 0) {
        $("#suggest1").setOptions({
        max: max
        });
      }
      }
      </script>

      <!--- ====================================================================================== --->

      <!-- InstanceEndEditable -->
      <link rel="stylesheet" href="/pti/css/global.css" media="all" />
      <link rel="stylesheet" href="/pti/css/inside.css" media="all" />
      <link rel="stylesheet" href="/pti/css/parviewmenu.css" media="all" />


      <!-- InstanceBeginEditable name="head" -->


      <script type="text/jscript">
      $(document).ready(function()
      {
        //for div
      // $("div:odd").css("background-color", "#F4F4F8");
      // $("div:even").css("background-color", "#EFF1F1");

        //for table row
        $("tr:even").css("background-color", "#F4F4F8");
        $("tr:odd").css("background-color", "#EFF1F1");
      });
      </script>
      <!-- InstanceEndEditable -->

      <cfinclude template="my_functions.cfm">  <!--- common functions --->
      </head>
      <body>
      <div id="page">
        <div id="header">
          <div id="logo"> <a href="../index.html"><img src="../images/par_logo.gif" width="91" height="32" alt="Par" /></a> </div>
          <p id="tagline">Know your business better</p>
              <!--- Page title to display on the top right  #session.bizorg_objid# --->
          <div class="welcomeblurb">Welcome
          <cfif isdefined("session.whoin")><cfoutput>#session.whoin#</cfoutput>
          </cfif></div>
        </div>
       
        <div id="top-nav">
          <cfinclude template="parviewmenu.cfm">
        </div>
        <!-- InstanceBeginEditable name="main" -->
      <!--- ==================== breadcrumbs header ====================================== --->

        <div id="breadcrumbs">Service Management - Repair Request</div>
      <!--- ============ ============================================ =====================  --->

       

      <cfparam name="Dothis" default="S">
        <!--- error checking for input on form --->
                <cfif isdefined("form.site_id")>   
          <cfif form.site_id is "" AND form.alt_site_id is "">
                      <cfset Dothis = "S">
                    </cfif>
                </cfif>
      <cfswitch expression="#Dothis#">
      <!--- ============================================================================= --->
      <cfcase value="S">        Present two autocomplete fields to select a site to process
      <!--- ============================================================================= --->
      <fieldset>
      <legend>To start a new <cfoutput>#Session.Concept#</cfoutput> Repair Request.</legend>
        <cfform action="frm_RepairRequest.cfm" enctype="multipart/form-data" name="AER" id="AER">
              <p>
          <label>Enter the Store Number:</label>
          <cfinput type="text" name="Site_ID" message="The Site ID is required"  id="suggest14" onSelect="this.form.submit();" />
                  <!--- JGP: Below Needed to bypass IE7 Browser bug of not seeing image input value --->
                <cfinput type="hidden" name="Dothis" value="Get Site Info">
                <cfinput type="image"  src="images/action_go.gif" alt="Submit button" align="middle" name="Submit" value="Get Site Info" >
              <!---  <input type="submit" name="DoWhat" value="View Images" / class="buttcolor" /> --->
                OR Alternate Store Number:
                <cfinput type="text" class="text" name="Alt_Site_ID" id="suggest15" />
                <cfinput type="image"  src="images/action_go.gif" alt="Submit button" align="middle" name="Submit" value="Get Site Info" >           
            </p>
                  <!--- Check for site id or alt site id being filled in  --->
                <cfif isdefined("form.site_id")>   
                <cfif form.site_id is "" AND form.alt_site_id is "">
                <div class="err" align="center">You need to enter a Site ID or Alternate Site ID.</div>
            </cfif>
                </cfif>
        </cfform>
      </fieldset>   
      </cfcase>
      <!--- ============================================================================= ---> 
      <cfcase value="Get Site Info">
      <!--- ============================================================================= --->
          <!--- Check for site id or alt site id being filled in  --->
            <cfif form.site_id is "" AND form.alt_site_id is "">
        <div class="err">You need to enter a Site ID or Alternate Site ID.</div>
        <cfabort>
       
        </cfif>
            <cfif form.Site_ID GT "">
          <cfset Site_ID = #form.site_id#>
        <cfelse>
                  <cfset Site_ID = #form.alt_site_id#>
        </cfif>

       

            <!--- Display the site config first --->
            <!--- we need a siteid or objid to processs from here --->
                 
        <cfinvoke component="portal"  method="GetSiteObjid"  returnvariable="GetSiteObjidRet">
        <cfinvokeargument name="SiteID" value="#Site_ID#"/>
        </cfinvoke>

      <!--- we got a site id now we check to see if it's got a contract --->


      <!--- get the site info --->
      <cfinvoke  component="portal" method="GetSiteDetails" returnvariable="GetSiteInfo">
        <cfinvokeargument name="thissite" value="#Site_ID#"/>
        <cfinvokeargument name="thisDSN" value="#Application.DSN#"/>
      </cfinvoke>


      <!--- show the tabs required to create the case --->
      <cfform action="parcontrol.cfm" method="post" enctype="multipart/form-data" name="ADVEXCH" id="ADVEXCH" onsubmit="DoWhat" >
        <cflayout type="tab" name="MyParms">

          <!--- *********************************************************************************** --->
          <!--- General Tab --->
          <!--- *********************************************************************************** --->

          <!--- =================================================================================== --->   
          <cflayoutarea name="RRTab0"title="Contract Coverage" style="height:200px">
            <!--- Display contracts for this site --->
            <!--- If more than 1 contract let them choose which one to use or display none --->
            <!--- Also let them pick which type of service to request --->
            <!--- JGP 12/04 Chick-fil-a doesn't want to show contract info --->
                 
        <!--- Display contracts for this site
        <cfinclude template="get_contracts4Site.cfm"> --->
           
         
      <!--- this get and displays contract info for a specific site site --->
      <!--- don't show phone contracts  PHN --->
      <!--- Only show .X lines of the contract  per B Hauck 7/05 --->
      <!--- Don't show cost or price by show expiration date of coverage per B Hauck 7/05  --->
      <!--- --->

      <cfinvoke  component="portal" method="getContracts" returnvariable="SiteContracts">
      <cfinvokeargument name="site_id" value="#site_id#"/>
      </cfinvoke>
      <!--- get the equip covered under the contracts --->
      <cfinvoke  component="portal" method="getContractEquipment" returnvariable="ConEquip">
      <cfinvokeargument name="site_id" value="#site_id#"/>
      </cfinvoke>

        <cfinvoke component="portal" method="getContracts2" returnvariable="SiteContracts2">
        <cfinvokeargument name="site_id" value="#site_id#"> 
        </cfinvoke>

      <!---<cfdump var="#ConEquip#">
      <cfdump var="#SiteContracts#">
      <cfdump var="#SiteContracts2#">
      --->


        <!--- Display message if none found --->
        <cfif SiteContracts2.recordcount GT 0>
          <h4>The following equipment is covered under contract for <cfoutput>#Site_ID# (#GetSiteInfo.site_name#)</cfoutput></h4>
          <ol>
          </li>
          <cfif ConEquip.recordcount GT 1>
            <li>Please Select Equipment: 

      <!--- ====================================================================================== --->

      <!--- = This is the bind select                  ============================================================ --->

      <!--- ====================================================================================== --->
                <cfselect name="SiteEquip" id="SiteEquip">
                              <cfoutput query="ConEquip">
                                <option value="#product#">#product#</option>
                              </cfoutput>
                            </cfselect>
            </li>
        <cfelse>
            <li>Site Equipment: <cfoutput><input type="hidden" name="SiteEquip" id="SiteEquip" value="#ConEquip.product#" />#ConEquip.product#</cfoutput></li>       
        </cfif>

      <!--- ====================================================================================== --->

      <!--- = This is the bind CFDIV                  ============================================================ --->

      <!--- ====================================================================================== --->


          <cfdiv bind="url:load_prod_detail.cfm?this_product={SiteEquip}&this_site=#Site_ID#" bindonload="true"></cfdiv>

          </ol>
          <p> </p>
      <cfelse>
        <h4> Site does not have any contract support.</h4>
      </cfif>

          </cflayoutarea>   
          <!--- =================================================================================== --->   
         <!---  MORE TABS HERE --->  

          <!--- =================================================================================== --->    
        </cflayout>
       
        <input name="DoWhat" type="submit" class="buttcolor" onclick="MM_validateForm('Technician','','R','Symptom of Failed Unit','','R');return document.MM_returnValue" value="Create Repair Request" /><!--- Create Repair Request --->
      </cfform>

      </cfcase> 
      </cfswitch>

      <!--- ====================================================================================== --->

      <!-- InstanceEndEditable -->
      <div id="footer">
            <p id="credit"> </p>
            <p id="copyright">&copy; 2009 PAR Technology Corp. All Rights Reserved.<br />
      <a href="par-privacy-policy.cfm">Privacy Policy</a></p>
          </div>
      </div></body>
      <!-- InstanceEnd --></html>

       

       

      <!--- ====================================================================================== --->

      <!--- ====================================================================================== --->

      <!--- ====================================================================================== --->

      Second File: That is being called from the bind statement

      <!--- ====================================================================================== --->

      <!--- ====================================================================================== --->

       

      <!--- This loads product detail based on the selection of a drop down list box --->
      <cfinvoke
      component="pti.PARView.portal"
      method="getProdDetail"
      returnvariable="getProdDetailRet">
      <cfinvokeargument name="site_id" value="#url.this_site#"/>
      <cfinvokeargument name="this_product" value="#url.this_product#"/>
      </cfinvoke>

      <cfoutput query="getProdDetailRet">
      <input type="hidden" name="Coverage" id="Coverage" value="#getProdDetailRet.description#" />
      <input type="hidden" name="Coverage_end_date" id="Coverage_end_date" value="#getProdDetailRet.end_date#" />     
      <li>Description of Coverage: #getProdDetailRet.description#</li>
          <li>Contract End Date:  #Dateformat(getProdDetailRet.end_date,"mm/dd/yyyy")# #Timeformat(getProdDetailRet.end_date," hh:mm:ss tt")#</li>
            <!--- ============================================================================= --->
      <cfif Session.concept is "IPC" AND SiteContracts.recordcount is 0>
                <h3>Please contact the PAR HELP DESK for assistance.</h3>
           <cfelse>
           <li>
         Select Type of Repair Service: #getProdDetailRet.TYPE#
         <!--- save this to pass it on --->
         <!--- <input name="site_id" type="hidden" value="<cfoutput>#url.this_site#</cfoutput>" /> --->
                  <input name="svrplan" type="hidden" value="#getProdDetailRet.CATEGORY#"   />     
              
            </cfif>    <!--- test for IPC --->
             </li>
            
      </cfoutput>