[jQuery] Rounded corners question
Hi,
Please disregard my previous post about a bug in jquery and text elements. I wish to revise that by saying, when I include jquery, the jq-corner.js library and then include this code
<script type="text/javascript">
$(function(){
$('.inner').wrap('<div class="outer"></div>');
$('.inner').each(function() {
$(this).corner("round 5px").parent().css('padding', '1px').corner("round 6px");
});
});
</script>
the text elements within the DIV "inner" get disassociated from the parent form -- that is, when I submit the form, the elements are no longer a part of them. Here is the HTML for one of my DIVs. The text element "PM16033-1497" is getting dropped from the form. Any advice on how to overcome this problem is greatly appreciated. - Dave
<div class="inner">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="top"><img src="images/ICO-TONER.jpg" alt="" border="0"></td>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr class="orderFormPrinterName">
<td><span class="orderFormPrinterNameSmall">printer name:</span>
<span class="orderFormPrinterNameLarge">customPrinter</span></td>
<td><span class="orderFormPrinterNameSmall">department:</span>
<span class="orderFormPrinterNameLarge">Main</span></td>
</tr>
</table>
</td>
</tr>
<tr><td><span class="orderFormPrinterModelSmall">printer model:</span> <span class="orderFormPrinterModelLarge">MyManufacturer MyPrinter</span></td></tr>
<tr><td width="540"><img src="images/ICO-cartridge_legend.gif" alt="" border="0"></td></tr>
<tr><td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#5E5F5F;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width:40px;" class="orderFormColor">
<img src="/usr/local/apache2/images/colors/" alt="" border="0"> </td>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width:260px; padding:3px;" class="orderFormCartridgeName">abcd / <span style="font-weight:bold;">MyCartridge</span></td>
<td style="width:53px; padding:3px;" class="orderFormRetailPrice" align="center">$15.00</td>
<td style="width:55px; padding:3px;" class="orderFormYourPrice" align="center">$7.50</td>
<td style="width:20px;" class="orderFormCartridgeName"> </td>
</tr>
<tr><td colspan="4" class="orderFormCartridgeDesc" style="padding:3px; width:388px;"></td></tr>
</table>
</td>
<td align="center" nowrap style="padding:3px; width:88px;" class="orderFormQty">Qty: <input onChange="if (this.value != '') {isValidQty(this)};" type="text" size="4" name="PM16033-1497" id="PM16033-1497" value=""></td>
</tr>
</table>
</td></tr>
</table>
</td>
</tr>
</table>
</div>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/