Dialog Box

Thanks(0)

Quote

Topic: Dialog Box
Posted: 25-January-2011 at 3:36pm

I have been trying to add an additional dialog pop box within the onepagecheckout.asp

Outside the page I can get it to work just fine but as soon as I put it into the checkout - no go.

Specifically in opc_chooseShpmnt.asp page.
I want to display additional information about shipping.

Any help or ideas?

Josh Shirley
josh@windsurfutah.com

Brett

Groupie

Joined: 22-April-2008
Location: Phoenix, AZ
Status: Offline
Points: 89

Post Options

Quote Brett

Thanks(0)

Quote

Posted: 26-January-2011 at 9:57am

What kind of "dialog pop box" are you trying to add? Where do you want it to show up? inside opc_chooseShpmnt might not be the right place. I believe that page is loaded via AJAX when the customer proceeds to shipping selection. You might want to put it outside of opc_chooseShpmnt.asp and somewhere in onepagecheckout.asp.

joshs

Newbie

Joined: 07-April-2009
Location: Utah
Status: Offline
Points: 14

Post Options

Thanks(0)

Quote

Posted: 26-January-2011 at 12:13pm

I am trying to add a dialog box similar to the "view terms and agreements" which is right after the address section. That is if the store settings display the terms are set on.

Basically I want to let the user click - "Shipping Terms" and a dialog box appears. Exactly the same format as the aforementioned dialog box.

Josh Shirley
josh@windsurfutah.com

Brett

Groupie

Joined: 22-April-2008
Location: Phoenix, AZ
Status: Offline
Points: 89

Post Options

Quote Brett

Thanks(0)

Quote

Posted: 26-January-2011 at 2:36pm

Here's an edited opc_chooseShpmnt.asp which will replace the Shipping Disclaimer with a pop up dialog box as with the terms and conditions:
opc_chooseShpmnt.zip

Here is the code that was added:


<script type="text/javascript">

     //SHIPDIALOG

     $('#ViewShippingTerms').click(function(){

          $("#ShippingTermsDialog").dialog('open');

          return ;

     });     

     //ENDSHIPDIALOG

     //*Terms Dialog

     $("#ShippingTermsDialog").dialog({

               bgiframe: true,

               autoOpen: false,

               width: 450,

               height: 250,

               modal: true

     });     

</script>

<div id="ShipTermsArea" name="ShipTermsArea">

     <div style="padding:2px;text-align: right;"><a href="javascript:;" id="ViewShippingTerms"><%=PC_SHIP_DETAIL_TITLE%></a></div>

     <div id="ShippingTermsDialog" title="<%=PC_SHIP_DETAIL_TITLE%>" style="display:none">

          <div id="ShipTermsMsg"><%=PC_SHIP_DETAILS%></div>

     </div>

</div>

You might want to change text-align: right to left and change the text size and stuff, but this should accomplish what you're after.

joshs

Newbie

Joined: 07-April-2009
Location: Utah
Status: Offline
Points: 14

Post Options

Thanks(0)

Quote

Posted: 26-January-2011 at 2:41pm

Just to help me understand better. My jquery was /is identical - but I am guessing that it has to be placed on the opc_chooseshpmnt.asp and not on the onepagecheckjs.asp?

Thanks
Josh

Josh Shirley
josh@windsurfutah.com

Brett

Groupie

Joined: 22-April-2008
Location: Phoenix, AZ
Status: Offline
Points: 89

Post Options

Quote Brett

Thanks(0)

Quote

Posted: 26-January-2011 at 2:43pm

That appears to be the issue. If you view source on onepagecheckout.asp you'll notice that none of the shipping stuff shows up. Maybe the shipping info is loaded into an iframe and therefore the javascript on one page cannot communicate with the other page. That would be my best guess.

joshs

Newbie

Joined: 07-April-2009
Location: Utah
Status: Offline
Points: 14

Post Options