Response title
This is preview!
- Screen name: peterGleeson
peterGleeson's Profile
3 Posts
3 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- Hi
I have a credit card payment form in which I need to automatically calculate 2% of an entered payment value, show that calculated value in its own field and also show the total payment value including the 2% in a third field.
This problem is beyond my very basic knowledge of jQuery. Is someone able to help me with a script to achieve the required outcome?
Living in hope
Peter
I have included a block diagramme below to help explain the process as well as an excerpt with the relevant markup, taken from the payment form.
Payment a value in dollars is entered here
2% Merchant Fee the merchant fee is automatically calculated and shown here
Amount After Fees the total payment including merchant fee shows here
<tr>
<td> </td>
<td align="right"><b><i>Payment Amount </i></b></td>
<td><input type="text" name="vpc_Amount" value="" size="20" maxlength="10"><b><i> ($AUD)</i></b></td>
</tr>
<tr>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1" style="padding-top: .7em; padding-right: 7em"><i>NB. Payment by credit card (as above) will attract a 2%
merchant fee which is imposed by our bank. By completing this transaction you hereby acknowledge and accept that this
fee will be added to the payment amount above.</i></td>
</tr>
<tr> <td colspan="3"> </td></tr>
<tr>
<td> </td>
<td align="right"><b><i>Merchant Fee </i></b></td>
<td><input type="text" name="vpc_Amount" value="" size="20" maxlength="10"><b><i> ($AUD)</i></b></td>
</tr>
<tr> <td colspan="3"> </td></tr>
<tr>
<td> </td>
<td align="right"><b><i>Amount After Fees </i></b></td>
<td><input type="text" name="vpc_Amount" value="" size="20" maxlength="10"><b><i> ($AUD)</i></b></td>
</tr>- This script wraps each image within a WordPress gallery [gallery] in its own link.
I am having 508 issues (Resource limit is reached) on my site and I suspect the script is to blame.
Can anyone suggest a better way to express it:
jQuery(document).ready(function() {
jQuery('img[alt="starting-out"]').wrap('<a href="http://www.hpartners.webignite.com.au/dummy-image-attachment-page/"></a>');
jQuery('img[alt="professionals"]').wrap('<a href="http://www.hpartners.webignite.com.au/dummy-image-attachment-page/"></a>');
jQuery('img[alt="families"]').wrap('<a href="http://www.hpartners.webignite.com.au/dummy-image-attachment-page/"></a>');
jQuery('img[alt="thinking-of-retirement"]').wrap('<a href="http://www.hpartners.webignite.com.au/dummy-image-attachment-page/"></a>');
jQuery('img[alt="retirees"]').wrap('<a href="http://www.hpartners.webignite.com.au/dummy-image-attachment-page/"></a>');
});
Thanks- Hi
I am trying to implement the accordion in jquery-ui-1.10.3 and I require the height of each panel to match its respective content.
However, using the heightStyle option, as seen below, has no effect on the height of the panels.
In fact, substituting either of the others possible values ('auto', 'fill') to the heightStyle option has no effect either - all panels appear to take their height from the first panel.
Can anyone help me?
Peter
<style>
$(document).ready(function() {
$('#accordion').accordion({header: 'h3'});
$('#accordion').accordion({collapsible: true});
$('#accordion').accordion({heightStyle: 'content'});
});
</style>
<body>
<div id="accordion">
<h3><a href="#">Section 1</a></h3>
<div>
<p>Content</p>
</div>
<h3><a href="#">Section 2</a></h3>
<div>
<p>Content</p>
</div>
<h3><a href="#">Section 3</a></h3>
<div>
<p>Content</p>
</div>
<h3><a href="#">Section 4</a></h3>
<div>
<p>Content</p>
</div>
</div>
</body>- «Prev
- Next »
Moderate user : peterGleeson
© 2013 jQuery Foundation
Sponsored by and others.
