checkout_payment.php - CC error messages

[samccandless]

Hello everyone,

 

In our current version of osCommerce (2003) the module: \catalog\checkout_payment.php displays a very tiny "credit card error message" if error(s) exist in the 'payment_error' object.

 

We have several users that do not see the message below the page header:

 

Your credit card was declined (27): The transaction has been declined because of an AVS mismatch. The address provided does not match billing address of cardholder.

 

The code that displays the message(s) is:

 

. . . <table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBoxNotice">
          <tr class="infoBoxNoticeContents">
            <td><table border="0" width="100%" cellspacing="0" cellpadding="2">
              <tr>
                <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
                <td class="main" width="100%" valign="top"><?php echo tep_output_string_protected($error['error']); ?></td>
                <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
              </tr>
            </table> . . . .

 

The text size is driven by the above "main" CSS class:

 

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

 

I would like to replace this 11px font size - but not necessarily make it bigger (thus affecting all <TD> and <P> tags that may use this styling for other items).

 

Was wanting to code a "modal" pop-up to replace this.   Found some code for a "modal" pop-up, but no examples on how to call / display the modal pop-up without some kind of a user click.

 

I would appreciate any / all ideas & suggestions.

 

I was hoping to do something such as (using the example I found):

 

http://www.webdesignerdepot.com/2012/10/creating-a-modal-window-with-html5-and-css3/

 

<p><a href="#openModal">Open Modal to see pop-over</a></p>  (but this is a click-like event)

 

Using the modal sample:

 

<div id="openModal" class="modalDialog">
<div>
<a href="#close" title="Close" class="close">X</a>
<h2>Credit Card Error!</h2>

<table border="0" width="100%" cellspacing="0" cellpadding="2">
   <tr>
      <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
      <td class="main" width="100%" valign="top"><?php echo tep_output_string_protected($error['error']); ?></td>
      <td><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
   </tr>

</table>
</div>
</div>

 

Thanks in advance, everyone!

-Scott M