jqModal - Problem executing Multiple Triggers

Hello, Forum;

I'm trying to use a jqModal Pop-Up to show product images from a list of thumbnail images on a main page. The first instance works fine, but subsequent instances show the same image in the pop-up as the first instance. I'm attaching the page code here, but it can also be seen at http://www.digifolders.com/jqModal_prob.html. The page holds all the code elements required for the  execution of the jqModal pop-up.

Thanks much.

Cayce
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>

<title>JQMODAL PROBLEM</title>


<!-- >>>>>>>>>> EXTERNAL STYLE SHEETS >>>>>>>>>> -->
<!-- >>>>>>>>>> EXTERNAL STYLE SHEETS >>>>>>>>>> -->
<link rel="stylesheet" type="text/css" href="http://www.digifolders.com/css/shop_df.css">
<link rel="stylesheet" type="text/css" href="http://www.digifolders.com/css/text.css">
<link rel="stylesheet" type="text/css" href="http://www.digifolders.com/css/shad.css">
<!-- <<<<<<<<<< EXTERNAL STYLE SHEETS <<<<<<<<<< -->
<!-- <<<<<<<<<< EXTERNAL STYLE SHEETS <<<<<<<<<< -->




<!-- >>>>>>>>>> jqMODAL DEPENDENCIES >>>>>>>>>> -->
<!-- >>>>>>>>>> jqMODAL DEPENDENCIES >>>>>>>>>> -->
<script type="text/javascript" src="/scripts/jquery-1.5.1.js"></script>

<style type="text/css">
.jqmWindow {
    display: none;
    position: fixed;
    top: 5%;
    left: 50%;
    margin-left: -265px;
    width: 530px; 
		/*width: auto;*/
    background-color:#777777;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}
.jqmOverlay { background-color: #000; }
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
</style>
<!-- <<<<<<<<<< jqMODAL DEPENDENCIES <<<<<<<<<< -->
<!-- <<<<<<<<<< jqMODAL DEPENDENCIES <<<<<<<<<< -->






<!-- >>>>>>>>>> LOCAL PAGE STYLES - DEPRECATED >>>>>>>>>> -->
<!-- >>>>>>>>>> LOCAL PAGE STYLES - DEPRECATED >>>>>>>>>> -->
<Style>
H1 {font-family:Verdana; font-size:13pt; font-weight:normal; color:#000099; margin-bottom:3pt;}
.red_head {font-family:Verdana; font-size:14pt; font-weight:normal; color:#990000;}
.pkg_no {font-family:Verdana; font-size:7pt; font-weight:normal color:000000;}
.item_name {font-family:Verdana; font-size:11px; font-weight:normal; color:#000099;}
.clickFor {font-family:Verdana; font-size:9px; font-weight:normal; color:#990000; margin: 2px 0 2px 0;}
.item_name_red {font-family:Verdana; font-size:11px; font-weight:normal; color:#990000;}
.slits {font-family:Verdana; font-size:8pt; font-weight:normal; color:#000099;}
.qty {font-family:Verdana; font-size:8pt; font-weight:normal; color:#990000;}
.red {color:#990000;}
</Style>
<!-- <<<<<<<<<< LOCAL PAGE STYLES - DEPRECATED <<<<<<<<<< -->
<!-- <<<<<<<<<< LOCAL PAGE STYLES - DEPRECATED <<<<<<<<<< -->



</head>

<body></a>


<script type="text/javascript">
(function($) {
$.fn.jqm=function(o){
var p={
overlay: 50,
overlayClass: 'jqmOverlay',
closeClass: 'jqmClose',
trigger: '.jqModal',
ajax: F,
ajaxText: '',
target: F,
modal: F,
toTop: F,
onShow: F,
onHide: F,
onLoad: F
};
return this.each(function(){if(this._jqm)return H[this._jqm].c=$.extend({},H[this._jqm].c,o);s++;this._jqm=s;
H[s]={c:$.extend(p,$.jqm.params,o),a:F,w:$(this).addClass('jqmID'+s),s:s};
if(p.trigger)$(this).jqmAddTrigger(p.trigger);
});};

$.fn.jqmAddClose=function(e){return hs(this,e,'jqmHide');};
$.fn.jqmAddTrigger=function(e){return hs(this,e,'jqmShow');};
$.fn.jqmShow=function(t){return this.each(function(){t=t||window.event;$.jqm.open(this._jqm,t);});};
$.fn.jqmHide=function(t){return this.each(function(){t=t||window.event;$.jqm.close(this._jqm,t)});};

$.jqm = {
hash:{},
open:function(s,t){var h=H[s],c=h.c,cc='.'+c.closeClass,z=(parseInt(h.w.css('z-index'))),z=(z>0)?z:3000,o=$('<div></div>').css({height:'100%',width:'100%',position:'fixed',left:0,top:0,'z-index':z-1,opacity:c.overlay/100});if(h.a)return F;h.t=t;h.a=true;h.w.css('z-index',z);
 if(c.modal) {if(!A[0])L('bind');A.push(s);}
 else if(c.overlay > 0)h.w.jqmAddClose(o);
 else o=F;

 h.o=(o)?o.addClass(c.overlayClass).prependTo('body'):F;
 if(ie6){$('html,body').css({height:'100%',width:'100%'});if(o){o=o.css({position:'absolute'})[0];for(var y in {Top:1,Left:1})o.style.setExpression(y.toLowerCase(),"(_=(document.documentElement.scroll"+y+" || document.body.scroll"+y+"))+'px'");}}

 if(c.ajax) {var r=c.target||h.w,u=c.ajax,r=(typeof r == 'string')?$(r,h.w):$(r),u=(u.substr(0,1) == '@')?$(t).attr(u.substring(1)):u;
  r.html(c.ajaxText).load(u,function(){if(c.onLoad)c.onLoad.call(this,h);if(cc)h.w.jqmAddClose($(cc,h.w));e(h);});}
 else if(cc)h.w.jqmAddClose($(cc,h.w));

 if(c.toTop&&h.o)h.w.before('<span id="jqmP'+h.w[0]._jqm+'"></span>').insertAfter(h.o);	
 (c.onShow)?c.onShow(h):h.w.show();e(h);return F;
},
close:function(s){var h=H[s];if(!h.a)return F;h.a=F;
 if(A[0]){A.pop();if(!A[0])L('unbind');}
 if(h.c.toTop&&h.o)$('#jqmP'+h.w[0]._jqm).after(h.w).remove();
 if(h.c.onHide)h.c.onHide(h);else{h.w.hide();if(h.o)h.o.remove();} return F;
},
params:{}};
var s=0,H=$.jqm.hash,A=[],ie6=$.browser.msie&&($.browser.version == "6.0"),F=false,
i=$('<iframe src="javascript:false;document.write(\'\');" class="jqm"></iframe>').css({opacity:0}),
e=function(h){if(ie6)if(h.o)h.o.html('<p style="width:100%;height:100%"/>').prepend(i);else if(!$('iframe.jqm',h.w)[0])h.w.prepend(i); f(h);},
f=function(h){try{$(':input:visible',h.w)[0].focus();}catch(_){}},
L=function(t){$()[t]("keypress",m)[t]("keydown",m)[t]("mousedown",m);},
m=function(e){var h=H[A[A.length-1]],r=(!$(e.target).parents('.jqmID'+h.s)[0]);if(r)f(h);return !r;},
hs=function(w,t,c){return w.each(function(){var s=this._jqm;$(t).each(function() {
 if(!this[c]){this[c]=[];$(this).click(function(){for(var i in {jqmShow:1,jqmHide:1})for(var s in this[i])if(H[this[i][s]])H[this[i][s]].w[i](this);return F;});}this[c].push(s);});});};
})(jQuery);
</script>



<DIV ID="CENTERING" align="center">


<TABLE ID="BODY_CONTAINER" align="center" width="655" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<TR>

<TD ID="MAIN-CONTENT" ALIGN="CENTER">

<TABLE id="MAIN_CONTENT" align="center" width="500" border="1" bordercolor="#CCCCCC" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<TR><TD ID="LANDING ZONE" align="center" bgcolor="#777777">
<div class="qanswer" id="a10" align="center">
<TABLE width="490" height="100" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<TR><TD><img src="images/bar.jpg" width="100%" height="6"></td></tr>
<TR><TD>






<!-- ========== BEGIN ITEM #1 ========== -->
<!-- ========== BEGIN ITEM #1 ========== -->
<TABLE ID="PRODUCT CONTAINER TABLE" width="" border="1" bordercolor="red" cellspacing="0" cellpadding="0">
<TR>



<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 1 >>>>>>>>>> -->
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 1 >>>>>>>>>> -->
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 1 >>>>>>>>>> -->
<TD ID="POP-UP TD"><a href="#" class="jqModal"><img src="images/tn_pockset_bc-slit.jpg" width="155" height="100" border="0"></a>

<!-- NOTE: Script & DIV must be contained in HREF TD -->
<script type="text/javascript">
$().ready(function() {
	$('#dialog').jqm();
});
</script>

<!-- jqMODAL POP-UP DIV MUST BE WITHIN TRIGGER TD -->
<div class="jqmWindow" id="dialog" style="padding:18px 0px 12px 0px;">
<TABLE align="center" width="530" border="0" cellspacing="0" cellpadding="0" bgcolor="#7777777">
<TR>
<TD align="center">
<img src="images/pockset_BC-slit.jpg" border="0"></td>
</tr>
<TR>
<TD align="center" valign="middle"><P style="margin:6px 0px 0px 0px;"><a href="#" class="jqmClose" style="text-decoration:none; color:#ffffff;; font-family: arial, helvetica, verdana, sans-serif; font-size:12px; font-weight:bold;">Close</a></p></td>
</tr>
</table>
</div></td ID="POP-UP TD">
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< -->
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< -->
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< -->



<TD id="right_td" align="center" valign="top">
<TABLE ID="PRODUCT INFO TABLE" width="" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD align="center">
<P class="item_name" style="font-weight:bold; margin:8px auto 8px auto;">Left &amp; Right <Span Class="item_name_red"><strong>Pocket Sets</strong></span></p></td>
</tr>
<TR>
<TD>
<TABLE  id="Pricing / Carte Elements" width="" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD><img src="images/spacer.gif" width="12" Height="40"></td>
<TD>
<TABLE height="42" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD>
<TABLE ID="PRICE_BREAKS" width="100%" border="1" bordercolor="D5C8C8" cellpadding="0" cellspacing="0">
<TR>
<TD rowspan="3" Align="center" valign="middle" nowrap style="padding:2px 8px 2px 8px;"><P class="black_11_norm" style="margin:0px 12px 0px 12px;">Package<br>
Number</p><P class="black_10_bold">20BC-LRKK</p></td>
<TD Height="16" colspan="5" align="center"><P class="black_11_norm">Price Breakdown</p></td>
</tr>
<TR>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">25</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">100</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">250</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">500</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">1000</p></td>
</tr>
<TR>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.95</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.80</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.78</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.72</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.72</p></td>
</tr>
</table id="price_breaks"></td>
</tr>
<TR>
<TD Height="16" colspan="6" align="left"><P class="clickFor"><< Click Image for More Info</span></p></td>
</tr>	
</table></td>
<TD><img src="images/spacer.gif" width="10" Height="40"></td>
<TD valign="top">
<TABLE width="66" border="0" cellspacing="0" cellpadding="0">		
<TR><TD Align="Center">&nbsp;
</td></tr>		
<TR/><TD><Img Src="df_kromekote_pockets_images/shim.gif" height="6px"></td></tr>
<TR><TD Align="Center">
<A HREF="javascript:document.lrp_kk.submit()"><IMG SRC="df_kromekote_pockets_images/atc_button.gif" WIDTH="66" HEIGHT="15" BORDER="0"></A>
</td>
</tr>
</table></td>
<TD><img src="images/spacer.gif" width="12" Height="40"></td>
</tr>
</table id="Pricing / Carte Elements">
</td>
</tr>
</table ID="PRODUCT INFO TABLE"></td>
</tr>
</table ID="PRODUCT CONTAINER TABLE">
</td></tr>
<!-- ////////// PRODUCT CONTAINER TABLE \\\\\\\\\\ -->



<TR><TD><img src="images/bar.jpg" width="100%" height="6"></td></tr>


<TR><TD>




<!-- ========== BEGIN ITEM #2 ========== -->
<!-- ========== BEGIN ITEM #2 ========== -->

<TABLE ID="PRODUCT CONTAINER TABLE" width="" border="1" bordercolor="red" cellspacing="0" cellpadding="0">
<TR>







<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 2 >>>>>>>>>> -->
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 2 >>>>>>>>>> -->
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 2 >>>>>>>>>> -->

<TD ID="POP-UP TD"><a href="#" class="jqModal"><img src="images/tn_rp_bc-slit.jpg" width="155" height="100" border="0"></a>

<!-- NOTE: Script & DIV must be contained in HREF TD -->
<script type="text/javascript">
$().ready(function() {
	$('#dialog').jqm();
});
</script>

<!-- jqMODAL POP-UP DIV MUST BE WITHIN TRIGGER TD -->
<div class="jqmWindow" id="dialog" style="padding:18px 0px 12px 0px;">
<TABLE align="center" width="530" border="0" cellspacing="0" cellpadding="0" bgcolor="#7777777">
<TR>
<TD align="center">
<img src="images/rp_BC-slit.jpg" border="0"></td>
</tr>
<TR>
<TD align="center" valign="middle"><P style="margin:6px 0px 0px 0px;"><a href="#" class="jqmClose" style="text-decoration:none; color:#ffffff;; font-family: arial, helvetica, verdana, sans-serif; font-size:12px; font-weight:bold;">Close</a></p></td>
</tr>
</table>
</div>
</td ID="POP-UP TD">
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< -->
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< -->
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< -->


<TD id="right_td" align="center" valign="top">
<TABLE ID="PRODUCT INFO TABLE" width="" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD align="center">
<P class="item_name" style="font-weight:bold; margin:8px auto 8px auto;">Right  Pockets / <Span Class="item_name_red"><strong>Standard BC Slits</strong></span></p></td>
</tr>
<TR>
<TD>
<TABLE  id="Pricing / Carte Elements" width="" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD><img src="images/spacer.gif" width="12" Height="40"></td>
<TD>
<TABLE height="42" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD>
<TABLE ID="PRICE_BREAKS" width="100%" border="1" bordercolor="D5C8C8" cellpadding="0" cellspacing="0">
<TR>
<TD rowspan="3" Align="center" valign="middle" nowrap style="padding:2px 8px 2px 8px;"><P class="black_11_norm" style="margin:0px 12px 0px 12px;">Package<br>
Number</p><P class="black_10_bold"><span class="pkg_no">40BC-RHKK</span></p></td>
<TD Height="16" colspan="5" align="center"><P class="black_11_norm">Price Breakdown</p></td>
</tr>
<TR>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">25</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">100</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">250</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">500</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">1000</p></td>
</tr>
<TR>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.48</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.40</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.39</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.36</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.36</p></td>
</tr>
</table id="price_breaks"></td>
</tr>
<TR>
<TD Height="16" colspan="6" align="left"><P class="clickFor"><< Click Image for More Info</span></p></td>
</tr>	
</table></td>
<TD><img src="images/spacer.gif" width="10" Height="40"></td>
<TD valign="top">
<TABLE width="66" border="0" cellspacing="0" cellpadding="0">		

<TR><TD Align="Center">&nbsp;
</td></tr>

<TR/><TD><Img Src="df_kromekote_pockets_images/shim.gif" height="6px"></td></tr>

<TR><TD Align="Center">

<A HREF="javascript:document.rp_kk_bc.submit()"><IMG SRC="df_kromekote_pockets_images/atc_button.gif" WIDTH="66" HEIGHT="15" BORDER="0"></A>

</td>
</tr>
</table></td>
<TD><img src="images/spacer.gif" width="12" Height="40"></td>
</tr>
</table id="Pricing / Carte Elements">
</td>
</tr>
</table ID="PRODUCT INFO TABLE"></td>
</tr>
</table ID="PRODUCT CONTAINER TABLE">
</td></tr>
<!-- ////////// END PRODUCT CONTAINER TABLE \\\\\\\\\\ -->






<TR><TD><img src="images/bar.jpg" width="100%" height="6"></td></tr>






<!-- ========== BEGIN ITEM #3 ========== -->
<!-- ========== BEGIN ITEM #3 ========== -->
<TR><TD>
<TABLE ID="PRODUCT CONTAINER TABLE" width="" border="1" bordercolor="red" cellspacing="0" cellpadding="0">
<TR>



<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 3 >>>>>>>>>> -->
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 3 >>>>>>>>>> -->
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 3 >>>>>>>>>> -->

<TD ID="POP-UP TD" align="center" valign="middle" width="155"><a href="#" class="jqModal"><img src="images/tn_lp_bc-slit.jpg" width="155" height="100" border="0"></a>

<!-- NOTE: Script & DIV must be contained in HREF TD -->
<script type="text/javascript">
$().ready(function() {
	$('#dialog').jqm();
});
</script>

<!-- jqMODAL POP-UP DIV MUST BE WITHIN TRIGGER TD -->
<div class="jqmWindow" id="dialog" style="padding:18px 0px 12px 0px;">
<TABLE align="center" width="530" border="0" cellspacing="0" cellpadding="0" bgcolor="#7777777">
<TR>
<TD align="center">
<img src="images/lp_BC-slit.jpg" border="0"></td>
</tr>
<TR>
<TD align="center" valign="middle"><P style="margin:6px 0px 0px 0px;"><a href="#" class="jqmClose" style="text-decoration:none; color:#ffffff;; font-family: arial, helvetica, verdana, sans-serif; font-size:12px; font-weight:bold;">Close</a></p></td>
</tr>
</table>
</div></td ID="POP-UP TD">
<!-- <<<<<<<<<< END jqMODAL INSTANCE 3 <<<<<<<<<< -->
<!-- <<<<<<<<<< END jqMODAL INSTANCE 3 <<<<<<<<<< -->
<!-- <<<<<<<<<< END jqMODAL INSTANCE 3 <<<<<<<<<< -->




<TD id="right_td" align="center" valign="top">
<TABLE ID="PRODUCT INFO TABLE" width="" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD align="center">
<P class="item_name" style="font-weight:bold; margin:8px auto 8px auto;">Left Pockets / <Span Class="item_name_red"><strong>Standard BC Slits</strong></span></p></td>
</tr>
<TR>
<TD>
<TABLE  id="Pricing / Carte Elements" width="" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD><img src="images/spacer.gif" width="12" Height="40"></td>
<TD>
<TABLE height="42" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD>
<TABLE ID="PRICE_BREAKS" width="100%" border="1" bordercolor="D5C8C8" cellpadding="0" cellspacing="0">
<TR>
<TD rowspan="3" Align="center" valign="middle" nowrap style="padding:2px 8px 2px 8px;"><P class="black_11_norm" style="margin:0px 12px 0px 12px;">Package<br>
Number</p>
<P class="black_10_bold"><span class="pkg_no">30BC-LHKK</span></p></td>
<TD Height="16" colspan="5" align="center"><P class="black_11_norm">Price Breakdown</p></td>
</tr>
<TR>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">25</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">100</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">250</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">500</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">1000</p></td>
</tr>
<TR>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.48</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.40</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.39</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.36</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.36</p></td>
</tr>
</table id="price_breaks"></td>
</tr>
<TR>
<TD Height="16" colspan="6" align="left"><P class="clickFor"><< Click Image for More Info</span></p></td>
</tr>	
</table></td>
<TD><img src="images/spacer.gif" width="10" Height="40"></td>
<TD valign="top">
<TABLE width="66" border="0" cellspacing="0" cellpadding="0">		

<TR><TD Align="Center">
</td></tr>

<TR/><TD><Img Src="df_kromekote_pockets_images/shim.gif" height="6px"></td></tr>

<TR><TD Align="Center">

<A HREF="javascript:document.lp_kk_bc.submit()"><IMG SRC="df_kromekote_pockets_images/atc_button.gif" WIDTH="66" HEIGHT="15" BORDER="0"></A>

</td>
</tr>
</table></td>
<TD><img src="images/spacer.gif" width="12" Height="40"></td>
</tr>
</table id="Pricing / Carte Elements">
</td>
</tr>
</table ID="PRODUCT INFO TABLE"></td>
</tr>
</table ID="PRODUCT CONTAINER TABLE">
</td></tr>
<!-- ////////// END PRODUCT CONTAINER TABLE \\\\\\\\\\ -->

<TR><TD><img src="images/bar.jpg" width="100%" height="6"></td></tr>

</table>

</div>

</td></tr>

</table id="main_content"> 

</td id="main-content">
</tr>
</table id="body_container">


</div id="centering">

</body>
</html>

Open in new window

dcayceAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Roman GhermanSenior Software EngineerCommented:
You have 3 dialog elementIds on the page and you also call jqm(); with the same id.

<script type="text/javascript">
$().ready(function() {
	$('[b]#dialog[/b]').jqm();
});
</script>

<!-- jqMODAL POP-UP DIV MUST BE WITHIN TRIGGER TD -->
<div class="jqmWindow" id="[b]dialog[/b]" style="padding:18px 0px 12px 0px;">

Open in new window


you use this for the first dialog, you need to give a id different from "dialog" to other dialogs, and do not forget to change it in jquery.
0
dcayceAuthor Commented:
Roma1123:

I've set the page scripts as [a]#dialog[/a], #dialog, [c]#dialog[/c] and set the Div IDs accordingly. Looking at the jQuery script, I haven't any idea what to adjust. A search for 'dialog' in the content doesn't show any results. I'm using jQuery-1.5.1 and have attached the file here. If you could guide me just this step further, I'd surely appreciate it.

Thanks again.

Cayce jquery-1.5.1.js
0
Roman GhermanSenior Software EngineerCommented:
Try this:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>

<title>JQMODAL PROBLEM</title>


<!-- >>>>>>>>>> EXTERNAL STYLE SHEETS >>>>>>>>>> -->
<!-- >>>>>>>>>> EXTERNAL STYLE SHEETS >>>>>>>>>> -->
<link rel="stylesheet" type="text/css" href="http://www.digifolders.com/css/shop_df.css">
<link rel="stylesheet" type="text/css" href="http://www.digifolders.com/css/text.css">
<link rel="stylesheet" type="text/css" href="http://www.digifolders.com/css/shad.css">
<!-- <<<<<<<<<< EXTERNAL STYLE SHEETS <<<<<<<<<< -->
<!-- <<<<<<<<<< EXTERNAL STYLE SHEETS <<<<<<<<<< -->




<!-- >>>>>>>>>> jqMODAL DEPENDENCIES >>>>>>>>>> -->
<!-- >>>>>>>>>> jqMODAL DEPENDENCIES >>>>>>>>>> -->
<script type="text/javascript" src="/scripts/jquery-1.5.1.js"></script>

<style type="text/css">
.jqmWindow {
    display: none;
    position: fixed;
    top: 5%;
    left: 50%;
    margin-left: -265px;
    width: 530px; 
		/*width: auto;*/
    background-color:#777777;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}
.jqmOverlay { background-color: #000; }
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
</style>
<!-- <<<<<<<<<< jqMODAL DEPENDENCIES <<<<<<<<<< -->
<!-- <<<<<<<<<< jqMODAL DEPENDENCIES <<<<<<<<<< -->






<!-- >>>>>>>>>> LOCAL PAGE STYLES - DEPRECATED >>>>>>>>>> -->
<!-- >>>>>>>>>> LOCAL PAGE STYLES - DEPRECATED >>>>>>>>>> -->
<Style>
H1 {font-family:Verdana; font-size:13pt; font-weight:normal; color:#000099; margin-bottom:3pt;}
.red_head {font-family:Verdana; font-size:14pt; font-weight:normal; color:#990000;}
.pkg_no {font-family:Verdana; font-size:7pt; font-weight:normal color:000000;}
.item_name {font-family:Verdana; font-size:11px; font-weight:normal; color:#000099;}
.clickFor {font-family:Verdana; font-size:9px; font-weight:normal; color:#990000; margin: 2px 0 2px 0;}
.item_name_red {font-family:Verdana; font-size:11px; font-weight:normal; color:#990000;}
.slits {font-family:Verdana; font-size:8pt; font-weight:normal; color:#000099;}
.qty {font-family:Verdana; font-size:8pt; font-weight:normal; color:#990000;}
.red {color:#990000;}
</Style>
<!-- <<<<<<<<<< LOCAL PAGE STYLES - DEPRECATED <<<<<<<<<< -->
<!-- <<<<<<<<<< LOCAL PAGE STYLES - DEPRECATED <<<<<<<<<< -->



</head>

<body></a>


<script type="text/javascript">
(function($) {
$.fn.jqm=function(o){
var p={
overlay: 50,
overlayClass: 'jqmOverlay',
closeClass: 'jqmClose',
trigger: '.jqModal',
ajax: F,
ajaxText: '',
target: F,
modal: F,
toTop: F,
onShow: F,
onHide: F,
onLoad: F
};
return this.each(function(){if(this._jqm)return H[this._jqm].c=$.extend({},H[this._jqm].c,o);s++;this._jqm=s;
H[s]={c:$.extend(p,$.jqm.params,o),a:F,w:$(this).addClass('jqmID'+s),s:s};
if(p.trigger)$(this).jqmAddTrigger(p.trigger);
});};

$.fn.jqmAddClose=function(e){return hs(this,e,'jqmHide');};
$.fn.jqmAddTrigger=function(e){return hs(this,e,'jqmShow');};
$.fn.jqmShow=function(t){return this.each(function(){t=t||window.event;$.jqm.open(this._jqm,t);});};
$.fn.jqmHide=function(t){return this.each(function(){t=t||window.event;$.jqm.close(this._jqm,t)});};

$.jqm = {
hash:{},
open:function(s,t){var h=H[s],c=h.c,cc='.'+c.closeClass,z=(parseInt(h.w.css('z-index'))),z=(z>0)?z:3000,o=$('<div></div>').css({height:'100%',width:'100%',position:'fixed',left:0,top:0,'z-index':z-1,opacity:c.overlay/100});if(h.a)return F;h.t=t;h.a=true;h.w.css('z-index',z);
 if(c.modal) {if(!A[0])L('bind');A.push(s);}
 else if(c.overlay > 0)h.w.jqmAddClose(o);
 else o=F;

 h.o=(o)?o.addClass(c.overlayClass).prependTo('body'):F;
 if(ie6){$('html,body').css({height:'100%',width:'100%'});if(o){o=o.css({position:'absolute'})[0];for(var y in {Top:1,Left:1})o.style.setExpression(y.toLowerCase(),"(_=(document.documentElement.scroll"+y+" || document.body.scroll"+y+"))+'px'");}}

 if(c.ajax) {var r=c.target||h.w,u=c.ajax,r=(typeof r == 'string')?$(r,h.w):$(r),u=(u.substr(0,1) == '@')?$(t).attr(u.substring(1)):u;
  r.html(c.ajaxText).load(u,function(){if(c.onLoad)c.onLoad.call(this,h);if(cc)h.w.jqmAddClose($(cc,h.w));e(h);});}
 else if(cc)h.w.jqmAddClose($(cc,h.w));

 if(c.toTop&&h.o)h.w.before('<span id="jqmP'+h.w[0]._jqm+'"></span>').insertAfter(h.o);	
 (c.onShow)?c.onShow(h):h.w.show();e(h);return F;
},
close:function(s){var h=H[s];if(!h.a)return F;h.a=F;
 if(A[0]){A.pop();if(!A[0])L('unbind');}
 if(h.c.toTop&&h.o)$('#jqmP'+h.w[0]._jqm).after(h.w).remove();
 if(h.c.onHide)h.c.onHide(h);else{h.w.hide();if(h.o)h.o.remove();} return F;
},
params:{}};
var s=0,H=$.jqm.hash,A=[],ie6=$.browser.msie&&($.browser.version == "6.0"),F=false,
i=$('<iframe src="javascript:false;document.write(\'\');" class="jqm"></iframe>').css({opacity:0}),
e=function(h){if(ie6)if(h.o)h.o.html('<p style="width:100%;height:100%"/>').prepend(i);else if(!$('iframe.jqm',h.w)[0])h.w.prepend(i); f(h);},
f=function(h){try{$(':input:visible',h.w)[0].focus();}catch(_){}},
L=function(t){$()[t]("keypress",m)[t]("keydown",m)[t]("mousedown",m);},
m=function(e){var h=H[A[A.length-1]],r=(!$(e.target).parents('.jqmID'+h.s)[0]);if(r)f(h);return !r;},
hs=function(w,t,c){return w.each(function(){var s=this._jqm;$(t).each(function() {
 if(!this[c]){this[c]=[];$(this).click(function(){for(var i in {jqmShow:1,jqmHide:1})for(var s in this[i])if(H[this[i][s]])H[this[i][s]].w[i](this);return F;});}this[c].push(s);});});};
})(jQuery);
</script>



<DIV ID="CENTERING" align="center">


<TABLE ID="BODY_CONTAINER" align="center" width="655" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<TR>

<TD ID="MAIN-CONTENT" ALIGN="CENTER">

<TABLE id="MAIN_CONTENT" align="center" width="500" border="1" bordercolor="#CCCCCC" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<TR><TD ID="LANDING ZONE" align="center" bgcolor="#777777">
<div class="qanswer" id="a10" align="center">
<TABLE width="490" height="100" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<TR><TD><img src="images/bar.jpg" width="100%" height="6"></td></tr>
<TR><TD>






<!-- ========== BEGIN ITEM #1 ========== -->
<!-- ========== BEGIN ITEM #1 ========== -->
<TABLE ID="PRODUCT CONTAINER TABLE" width="" border="1" bordercolor="red" cellspacing="0" cellpadding="0">
<TR>



<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 1 >>>>>>>>>> -->
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 1 >>>>>>>>>> -->
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 1 >>>>>>>>>> -->
<TD ID="POP-UP TD"><a href="#" class="jqModal"><img src="images/tn_pockset_bc-slit.jpg" width="155" height="100" border="0"></a>

<!-- NOTE: Script & DIV must be contained in HREF TD -->
<script type="text/javascript">
$().ready(function() {
	$('#dialog').jqm();
});
</script>

<!-- jqMODAL POP-UP DIV MUST BE WITHIN TRIGGER TD -->
<div class="jqmWindow" id="dialog" style="padding:18px 0px 12px 0px;">
<TABLE align="center" width="530" border="0" cellspacing="0" cellpadding="0" bgcolor="#7777777">
<TR>
<TD align="center">
<img src="images/pockset_BC-slit.jpg" border="0"></td>
</tr>
<TR>
<TD align="center" valign="middle"><P style="margin:6px 0px 0px 0px;"><a href="#" class="jqmClose" style="text-decoration:none; color:#ffffff;; font-family: arial, helvetica, verdana, sans-serif; font-size:12px; font-weight:bold;">Close</a></p></td>
</tr>
</table>
</div></td ID="POP-UP TD">
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< -->
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< -->
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< -->



<TD id="right_td" align="center" valign="top">
<TABLE ID="PRODUCT INFO TABLE" width="" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD align="center">
<P class="item_name" style="font-weight:bold; margin:8px auto 8px auto;">Left &amp; Right <Span Class="item_name_red"><strong>Pocket Sets</strong></span></p></td>
</tr>
<TR>
<TD>
<TABLE  id="Pricing / Carte Elements" width="" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD><img src="images/spacer.gif" width="12" Height="40"></td>
<TD>
<TABLE height="42" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD>
<TABLE ID="PRICE_BREAKS" width="100%" border="1" bordercolor="D5C8C8" cellpadding="0" cellspacing="0">
<TR>
<TD rowspan="3" Align="center" valign="middle" nowrap style="padding:2px 8px 2px 8px;"><P class="black_11_norm" style="margin:0px 12px 0px 12px;">Package<br>
Number</p><P class="black_10_bold">20BC-LRKK</p></td>
<TD Height="16" colspan="5" align="center"><P class="black_11_norm">Price Breakdown</p></td>
</tr>
<TR>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">25</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">100</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">250</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">500</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">1000</p></td>
</tr>
<TR>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.95</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.80</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.78</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.72</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.72</p></td>
</tr>
</table id="price_breaks"></td>
</tr>
<TR>
<TD Height="16" colspan="6" align="left"><P class="clickFor"><< Click Image for More Info</span></p></td>
</tr>	
</table></td>
<TD><img src="images/spacer.gif" width="10" Height="40"></td>
<TD valign="top">
<TABLE width="66" border="0" cellspacing="0" cellpadding="0">		
<TR><TD Align="Center">&nbsp;
</td></tr>		
<TR/><TD><Img Src="df_kromekote_pockets_images/shim.gif" height="6px"></td></tr>
<TR><TD Align="Center">
<A HREF="javascript:document.lrp_kk.submit()"><IMG SRC="df_kromekote_pockets_images/atc_button.gif" WIDTH="66" HEIGHT="15" BORDER="0"></A>
</td>
</tr>
</table></td>
<TD><img src="images/spacer.gif" width="12" Height="40"></td>
</tr>
</table id="Pricing / Carte Elements">
</td>
</tr>
</table ID="PRODUCT INFO TABLE"></td>
</tr>
</table ID="PRODUCT CONTAINER TABLE">
</td></tr>
<!-- ////////// PRODUCT CONTAINER TABLE \\\\\\\\\\ -->



<TR><TD><img src="images/bar.jpg" width="100%" height="6"></td></tr>


<TR><TD>




<!-- ========== BEGIN ITEM #2 ========== -->
<!-- ========== BEGIN ITEM #2 ========== -->

<TABLE ID="PRODUCT CONTAINER TABLE" width="" border="1" bordercolor="red" cellspacing="0" cellpadding="0">
<TR>







<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 2 >>>>>>>>>> -->
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 2 >>>>>>>>>> -->
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 2 >>>>>>>>>> -->

<TD ID="POP-UP TD"><a href="#" class="jqModal"><img src="images/tn_rp_bc-slit.jpg" width="155" height="100" border="0"></a>

<!-- NOTE: Script & DIV must be contained in HREF TD -->
<script type="text/javascript">
$().ready(function() {
	$('#dialog2').jqm();
});
</script>

<!-- jqMODAL POP-UP DIV MUST BE WITHIN TRIGGER TD -->
<div class="jqmWindow" id="dialog2" style="padding:18px 0px 12px 0px;">
<TABLE align="center" width="530" border="0" cellspacing="0" cellpadding="0" bgcolor="#7777777">
<TR>
<TD align="center">
<img src="images/rp_BC-slit.jpg" border="0"></td>
</tr>
<TR>
<TD align="center" valign="middle"><P style="margin:6px 0px 0px 0px;"><a href="#" class="jqmClose" style="text-decoration:none; color:#ffffff;; font-family: arial, helvetica, verdana, sans-serif; font-size:12px; font-weight:bold;">Close</a></p></td>
</tr>
</table>
</div>
</td ID="POP-UP TD">
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< -->
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< -->
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< -->


<TD id="right_td" align="center" valign="top">
<TABLE ID="PRODUCT INFO TABLE" width="" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD align="center">
<P class="item_name" style="font-weight:bold; margin:8px auto 8px auto;">Right  Pockets / <Span Class="item_name_red"><strong>Standard BC Slits</strong></span></p></td>
</tr>
<TR>
<TD>
<TABLE  id="Pricing / Carte Elements" width="" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD><img src="images/spacer.gif" width="12" Height="40"></td>
<TD>
<TABLE height="42" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD>
<TABLE ID="PRICE_BREAKS" width="100%" border="1" bordercolor="D5C8C8" cellpadding="0" cellspacing="0">
<TR>
<TD rowspan="3" Align="center" valign="middle" nowrap style="padding:2px 8px 2px 8px;"><P class="black_11_norm" style="margin:0px 12px 0px 12px;">Package<br>
Number</p><P class="black_10_bold"><span class="pkg_no">40BC-RHKK</span></p></td>
<TD Height="16" colspan="5" align="center"><P class="black_11_norm">Price Breakdown</p></td>
</tr>
<TR>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">25</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">100</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">250</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">500</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">1000</p></td>
</tr>
<TR>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.48</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.40</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.39</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.36</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.36</p></td>
</tr>
</table id="price_breaks"></td>
</tr>
<TR>
<TD Height="16" colspan="6" align="left"><P class="clickFor"><< Click Image for More Info</span></p></td>
</tr>	
</table></td>
<TD><img src="images/spacer.gif" width="10" Height="40"></td>
<TD valign="top">
<TABLE width="66" border="0" cellspacing="0" cellpadding="0">		

<TR><TD Align="Center">&nbsp;
</td></tr>

<TR/><TD><Img Src="df_kromekote_pockets_images/shim.gif" height="6px"></td></tr>

<TR><TD Align="Center">

<A HREF="javascript:document.rp_kk_bc.submit()"><IMG SRC="df_kromekote_pockets_images/atc_button.gif" WIDTH="66" HEIGHT="15" BORDER="0"></A>

</td>
</tr>
</table></td>
<TD><img src="images/spacer.gif" width="12" Height="40"></td>
</tr>
</table id="Pricing / Carte Elements">
</td>
</tr>
</table ID="PRODUCT INFO TABLE"></td>
</tr>
</table ID="PRODUCT CONTAINER TABLE">
</td></tr>
<!-- ////////// END PRODUCT CONTAINER TABLE \\\\\\\\\\ -->






<TR><TD><img src="images/bar.jpg" width="100%" height="6"></td></tr>






<!-- ========== BEGIN ITEM #3 ========== -->
<!-- ========== BEGIN ITEM #3 ========== -->
<TR><TD>
<TABLE ID="PRODUCT CONTAINER TABLE" width="" border="1" bordercolor="red" cellspacing="0" cellpadding="0">
<TR>



<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 3 >>>>>>>>>> -->
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 3 >>>>>>>>>> -->
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 3 >>>>>>>>>> -->

<TD ID="POP-UP TD" align="center" valign="middle" width="155"><a href="#" class="jqModal"><img src="images/tn_lp_bc-slit.jpg" width="155" height="100" border="0"></a>

<!-- NOTE: Script & DIV must be contained in HREF TD -->
<script type="text/javascript">
$().ready(function() {
	$('#dialog3').jqm();
});
</script>

<!-- jqMODAL POP-UP DIV MUST BE WITHIN TRIGGER TD -->
<div class="jqmWindow" id="dialog3" style="padding:18px 0px 12px 0px;">
<TABLE align="center" width="530" border="0" cellspacing="0" cellpadding="0" bgcolor="#7777777">
<TR>
<TD align="center">
<img src="images/lp_BC-slit.jpg" border="0"></td>
</tr>
<TR>
<TD align="center" valign="middle"><P style="margin:6px 0px 0px 0px;"><a href="#" class="jqmClose" style="text-decoration:none; color:#ffffff;; font-family: arial, helvetica, verdana, sans-serif; font-size:12px; font-weight:bold;">Close</a></p></td>
</tr>
</table>
</div></td ID="POP-UP TD">
<!-- <<<<<<<<<< END jqMODAL INSTANCE 3 <<<<<<<<<< -->
<!-- <<<<<<<<<< END jqMODAL INSTANCE 3 <<<<<<<<<< -->
<!-- <<<<<<<<<< END jqMODAL INSTANCE 3 <<<<<<<<<< -->




<TD id="right_td" align="center" valign="top">
<TABLE ID="PRODUCT INFO TABLE" width="" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD align="center">
<P class="item_name" style="font-weight:bold; margin:8px auto 8px auto;">Left Pockets / <Span Class="item_name_red"><strong>Standard BC Slits</strong></span></p></td>
</tr>
<TR>
<TD>
<TABLE  id="Pricing / Carte Elements" width="" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD><img src="images/spacer.gif" width="12" Height="40"></td>
<TD>
<TABLE height="42" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD>
<TABLE ID="PRICE_BREAKS" width="100%" border="1" bordercolor="D5C8C8" cellpadding="0" cellspacing="0">
<TR>
<TD rowspan="3" Align="center" valign="middle" nowrap style="padding:2px 8px 2px 8px;"><P class="black_11_norm" style="margin:0px 12px 0px 12px;">Package<br>
Number</p>
<P class="black_10_bold"><span class="pkg_no">30BC-LHKK</span></p></td>
<TD Height="16" colspan="5" align="center"><P class="black_11_norm">Price Breakdown</p></td>
</tr>
<TR>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">25</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">100</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">250</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">500</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">1000</p></td>
</tr>
<TR>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.48</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.40</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.39</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.36</p></td>
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.36</p></td>
</tr>
</table id="price_breaks"></td>
</tr>
<TR>
<TD Height="16" colspan="6" align="left"><P class="clickFor"><< Click Image for More Info</span></p></td>
</tr>	
</table></td>
<TD><img src="images/spacer.gif" width="10" Height="40"></td>
<TD valign="top">
<TABLE width="66" border="0" cellspacing="0" cellpadding="0">		

<TR><TD Align="Center">
</td></tr>

<TR/><TD><Img Src="df_kromekote_pockets_images/shim.gif" height="6px"></td></tr>

<TR><TD Align="Center">

<A HREF="javascript:document.lp_kk_bc.submit()"><IMG SRC="df_kromekote_pockets_images/atc_button.gif" WIDTH="66" HEIGHT="15" BORDER="0"></A>

</td>
</tr>
</table></td>
<TD><img src="images/spacer.gif" width="12" Height="40"></td>
</tr>
</table id="Pricing / Carte Elements">
</td>
</tr>
</table ID="PRODUCT INFO TABLE"></td>
</tr>
</table ID="PRODUCT CONTAINER TABLE">
</td></tr>
<!-- ////////// END PRODUCT CONTAINER TABLE \\\\\\\\\\ -->

<TR><TD><img src="images/bar.jpg" width="100%" height="6"></td></tr>

</table>

</div>

</td></tr>

</table id="main_content"> 

</td id="main-content">
</tr>
</table id="body_container">


</div id="centering">

</body>
</html>

Open in new window

0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

dcayceAuthor Commented:
Roma;

This is one of the solutions I tried before posting. It results in each trigger opening all three pop-ups. Check this out:
http://www.digifolders.com/jqModal_prob_sol.html

I thought I was getting pretty good at deciphering these things, but this one's got me stumped.

Thanks much.

Cayce
0
Roman GhermanSenior Software EngineerCommented:
you need to change the trigger element class, try this:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html><head> 
 
<title>JQMODAL PROBLEM</title> 
 
 
<!-- >>>>>>>>>> EXTERNAL STYLE SHEETS >>>>>>>>>> --> 
<!-- >>>>>>>>>> EXTERNAL STYLE SHEETS >>>>>>>>>> --> 
<link rel="stylesheet" type="text/css" href="http://www.digifolders.com/css/shop_df.css"> 
<link rel="stylesheet" type="text/css" href="http://www.digifolders.com/css/text.css"> 
<link rel="stylesheet" type="text/css" href="http://www.digifolders.com/css/shad.css"> 
<!-- <<<<<<<<<< EXTERNAL STYLE SHEETS <<<<<<<<<< --> 
<!-- <<<<<<<<<< EXTERNAL STYLE SHEETS <<<<<<<<<< --> 
 
 
 
 
<!-- >>>>>>>>>> jqMODAL DEPENDENCIES >>>>>>>>>> --> 
<!-- >>>>>>>>>> jqMODAL DEPENDENCIES >>>>>>>>>> --> 
<script type="text/javascript" src="/scripts/jquery-1.5.1.js"></script> 
 
<style type="text/css"> 
.jqmWindow {
    display: none;
    position: fixed;
    top: 5%;
    left: 50%;
    margin-left: -265px;
    width: 530px; 
		/*width: auto;*/
    background-color:#777777;
    color: #333;
    border: 1px solid black;
    padding: 0px;
}
.jqmOverlay { background-color: #000; }
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
</style> 
<!-- <<<<<<<<<< jqMODAL DEPENDENCIES <<<<<<<<<< --> 
<!-- <<<<<<<<<< jqMODAL DEPENDENCIES <<<<<<<<<< --> 
 
 
 
 
 
 
<!-- >>>>>>>>>> LOCAL PAGE STYLES - DEPRECATED >>>>>>>>>> --> 
<!-- >>>>>>>>>> LOCAL PAGE STYLES - DEPRECATED >>>>>>>>>> --> 
<Style> 
H1 {font-family:Verdana; font-size:13pt; font-weight:normal; color:#000099; margin-bottom:3pt;}
.red_head {font-family:Verdana; font-size:14pt; font-weight:normal; color:#990000;}
.pkg_no {font-family:Verdana; font-size:7pt; font-weight:normal color:000000;}
.item_name {font-family:Verdana; font-size:11px; font-weight:normal; color:#000099;}
.clickFor {font-family:Verdana; font-size:9px; font-weight:normal; color:#990000; margin: 2px 0 2px 0;}
.item_name_red {font-family:Verdana; font-size:11px; font-weight:normal; color:#990000;}
.slits {font-family:Verdana; font-size:8pt; font-weight:normal; color:#000099;}
.qty {font-family:Verdana; font-size:8pt; font-weight:normal; color:#990000;}
.red {color:#990000;}
</Style> 
<!-- <<<<<<<<<< LOCAL PAGE STYLES - DEPRECATED <<<<<<<<<< --> 
<!-- <<<<<<<<<< LOCAL PAGE STYLES - DEPRECATED <<<<<<<<<< --> 
 
 
 
</head> 
 
<body></a> 
 
 
<script type="text/javascript"> 
(function($) {
$.fn.jqm=function(o){
var p={
overlay: 50,
overlayClass: 'jqmOverlay',
closeClass: 'jqmClose',
trigger: '.jqModal',
ajax: F,
ajaxText: '',
target: F,
modal: F,
toTop: F,
onShow: F,
onHide: F,
onLoad: F
};
return this.each(function(){if(this._jqm)return H[this._jqm].c=$.extend({},H[this._jqm].c,o);s++;this._jqm=s;
H[s]={c:$.extend(p,$.jqm.params,o),a:F,w:$(this).addClass('jqmID'+s),s:s};
if(p.trigger)$(this).jqmAddTrigger(p.trigger);
});};
 
$.fn.jqmAddClose=function(e){return hs(this,e,'jqmHide');};
$.fn.jqmAddTrigger=function(e){return hs(this,e,'jqmShow');};
$.fn.jqmShow=function(t){return this.each(function(){t=t||window.event;$.jqm.open(this._jqm,t);});};
$.fn.jqmHide=function(t){return this.each(function(){t=t||window.event;$.jqm.close(this._jqm,t)});};
 
$.jqm = {
hash:{},
open:function(s,t){var h=H[s],c=h.c,cc='.'+c.closeClass,z=(parseInt(h.w.css('z-index'))),z=(z>0)?z:3000,o=$('<div></div>').css({height:'100%',width:'100%',position:'fixed',left:0,top:0,'z-index':z-1,opacity:c.overlay/100});if(h.a)return F;h.t=t;h.a=true;h.w.css('z-index',z);
 if(c.modal) {if(!A[0])L('bind');A.push(s);}
 else if(c.overlay > 0)h.w.jqmAddClose(o);
 else o=F;
 
 h.o=(o)?o.addClass(c.overlayClass).prependTo('body'):F;
 if(ie6){$('html,body').css({height:'100%',width:'100%'});if(o){o=o.css({position:'absolute'})[0];for(var y in {Top:1,Left:1})o.style.setExpression(y.toLowerCase(),"(_=(document.documentElement.scroll"+y+" || document.body.scroll"+y+"))+'px'");}}
 
 if(c.ajax) {var r=c.target||h.w,u=c.ajax,r=(typeof r == 'string')?$(r,h.w):$(r),u=(u.substr(0,1) == '@')?$(t).attr(u.substring(1)):u;
  r.html(c.ajaxText).load(u,function(){if(c.onLoad)c.onLoad.call(this,h);if(cc)h.w.jqmAddClose($(cc,h.w));e(h);});}
 else if(cc)h.w.jqmAddClose($(cc,h.w));
 
 if(c.toTop&&h.o)h.w.before('<span id="jqmP'+h.w[0]._jqm+'"></span>').insertAfter(h.o);	
 (c.onShow)?c.onShow(h):h.w.show();e(h);return F;
},
close:function(s){var h=H[s];if(!h.a)return F;h.a=F;
 if(A[0]){A.pop();if(!A[0])L('unbind');}
 if(h.c.toTop&&h.o)$('#jqmP'+h.w[0]._jqm).after(h.w).remove();
 if(h.c.onHide)h.c.onHide(h);else{h.w.hide();if(h.o)h.o.remove();} return F;
},
params:{}};
var s=0,H=$.jqm.hash,A=[],ie6=$.browser.msie&&($.browser.version == "6.0"),F=false,
i=$('<iframe src="javascript:false;document.write(\'\');" class="jqm"></iframe>').css({opacity:0}),
e=function(h){if(ie6)if(h.o)h.o.html('<p style="width:100%;height:100%"/>').prepend(i);else if(!$('iframe.jqm',h.w)[0])h.w.prepend(i); f(h);},
f=function(h){try{$(':input:visible',h.w)[0].focus();}catch(_){}},
L=function(t){$()[t]("keypress",m)[t]("keydown",m)[t]("mousedown",m);},
m=function(e){var h=H[A[A.length-1]],r=(!$(e.target).parents('.jqmID'+h.s)[0]);if(r)f(h);return !r;},
hs=function(w,t,c){return w.each(function(){var s=this._jqm;$(t).each(function() {
 if(!this[c]){this[c]=[];$(this).click(function(){for(var i in {jqmShow:1,jqmHide:1})for(var s in this[i])if(H[this[i][s]])H[this[i][s]].w[i](this);return F;});}this[c].push(s);});});};
})(jQuery);
</script> 
 
 
 
<DIV ID="CENTERING" align="center"> 
 
 
<TABLE ID="BODY_CONTAINER" align="center" width="655" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff"> 
<TR> 
 
<TD ID="MAIN-CONTENT" ALIGN="CENTER"> 
 
<TABLE id="MAIN_CONTENT" align="center" width="500" border="1" bordercolor="#CCCCCC" cellspacing="0" cellpadding="0" bgcolor="#ffffff"> 
<TR><TD ID="LANDING ZONE" align="center" bgcolor="#777777"> 
<div class="qanswer" id="a10" align="center"> 
<TABLE width="490" height="100" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff"> 
<TR><TD><img src="images/bar.jpg" width="100%" height="6"></td></tr> 
<TR><TD> 
 
 
 
 
 
 
<!-- ========== BEGIN ITEM #1 ========== --> 
<!-- ========== BEGIN ITEM #1 ========== --> 
<TABLE ID="PRODUCT CONTAINER TABLE" width="" border="1" bordercolor="red" cellspacing="0" cellpadding="0"> 
<TR> 
 
 
 
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 1 >>>>>>>>>> --> 
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 1 >>>>>>>>>> --> 
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 1 >>>>>>>>>> --> 
<TD ID="POP-UP TD"><a href="#" class="jqModalDialog"><img src="images/tn_pockset_bc-slit.jpg" width="155" height="100" border="0"></a> 
 
<!-- NOTE: Script & DIV must be contained in HREF TD --> 
<script type="text/javascript"> 
$().ready(function() {
	$('#dialog').jqm({trigger: 'a.jqModalDialog'});
});
</script> 
 
<!-- jqMODAL POP-UP DIV MUST BE WITHIN TRIGGER TD --> 
<div class="jqmWindow" id="dialog" style="padding:18px 0px 12px 0px;"> 
<TABLE align="center" width="530" border="0" cellspacing="0" cellpadding="0" bgcolor="#7777777"> 
<TR> 
<TD align="center"> 
<img src="images/pockset_BC-slit.jpg" border="0"></td> 
</tr> 
<TR> 
<TD align="center" valign="middle"><P style="margin:6px 0px 0px 0px;"><a href="#" class="jqmClose" style="text-decoration:none; color:#ffffff;; font-family: arial, helvetica, verdana, sans-serif; font-size:12px; font-weight:bold;">Close</a></p></td> 
</tr> 
</table> 
</div></td ID="POP-UP TD"> 
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< --> 
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< --> 
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< --> 
 
 
 
<TD id="right_td" align="center" valign="top"> 
<TABLE ID="PRODUCT INFO TABLE" width="" border="0" cellspacing="0" cellpadding="0"> 
<TR> 
<TD align="center"> 
<P class="item_name" style="font-weight:bold; margin:8px auto 8px auto;">Left &amp; Right <Span Class="item_name_red"><strong>Pocket Sets</strong></span></p></td> 
</tr> 
<TR> 
<TD> 
<TABLE  id="Pricing / Carte Elements" width="" border="0" cellspacing="0" cellpadding="0"> 
<TR> 
<TD><img src="images/spacer.gif" width="12" Height="40"></td> 
<TD> 
<TABLE height="42" border="0" cellpadding="0" cellspacing="0"> 
<TR> 
<TD> 
<TABLE ID="PRICE_BREAKS" width="100%" border="1" bordercolor="D5C8C8" cellpadding="0" cellspacing="0"> 
<TR> 
<TD rowspan="3" Align="center" valign="middle" nowrap style="padding:2px 8px 2px 8px;"><P class="black_11_norm" style="margin:0px 12px 0px 12px;">Package<br> 
Number</p><P class="black_10_bold">20BC-LRKK</p></td> 
<TD Height="16" colspan="5" align="center"><P class="black_11_norm">Price Breakdown</p></td> 
</tr> 
<TR> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">25</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">100</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">250</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">500</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">1000</p></td> 
</tr> 
<TR> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.95</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.80</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.78</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.72</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.72</p></td> 
</tr> 
</table id="price_breaks"></td> 
</tr> 
<TR> 
<TD Height="16" colspan="6" align="left"><P class="clickFor"><< Click Image for More Info</span></p></td> 
</tr>	
</table></td> 
<TD><img src="images/spacer.gif" width="10" Height="40"></td> 
<TD valign="top"> 
<TABLE width="66" border="0" cellspacing="0" cellpadding="0">		
<TR><TD Align="Center">&nbsp;
</td></tr>		
<TR/><TD><Img Src="df_kromekote_pockets_images/shim.gif" height="6px"></td></tr> 
<TR><TD Align="Center"> 
<A HREF="javascript:document.lrp_kk.submit()"><IMG SRC="df_kromekote_pockets_images/atc_button.gif" WIDTH="66" HEIGHT="15" BORDER="0"></A> 
</td> 
</tr> 
</table></td> 
<TD><img src="images/spacer.gif" width="12" Height="40"></td> 
</tr> 
</table id="Pricing / Carte Elements"> 
</td> 
</tr> 
</table ID="PRODUCT INFO TABLE"></td> 
</tr> 
</table ID="PRODUCT CONTAINER TABLE"> 
</td></tr> 
<!-- ////////// PRODUCT CONTAINER TABLE \\\\\\\\\\ --> 
 
 
 
<TR><TD><img src="images/bar.jpg" width="100%" height="6"></td></tr> 
 
 
<TR><TD> 
 
 
 
 
<!-- ========== BEGIN ITEM #2 ========== --> 
<!-- ========== BEGIN ITEM #2 ========== --> 
 
<TABLE ID="PRODUCT CONTAINER TABLE" width="" border="1" bordercolor="red" cellspacing="0" cellpadding="0"> 
<TR> 
 
 
 
 
 
 
 
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 2 >>>>>>>>>> --> 
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 2 >>>>>>>>>> --> 
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 2 >>>>>>>>>> --> 
 
<TD ID="POP-UP TD"><a href="#" class="jqModalDialog2"><img src="images/tn_rp_bc-slit.jpg" width="155" height="100" border="0"></a> 
 
<!-- NOTE: Script & DIV must be contained in HREF TD --> 
<script type="text/javascript"> 
$().ready(function() {
	$('#dialog2').jqm({trigger: 'a.jqModalDialog2'});
});
</script> 
 
<!-- jqMODAL POP-UP DIV MUST BE WITHIN TRIGGER TD --> 
<div class="jqmWindow" id="dialog2" style="padding:18px 0px 12px 0px;"> 
<TABLE align="center" width="530" border="0" cellspacing="0" cellpadding="0" bgcolor="#7777777"> 
<TR> 
<TD align="center"> 
<img src="images/rp_BC-slit.jpg" border="0"></td> 
</tr> 
<TR> 
<TD align="center" valign="middle"><P style="margin:6px 0px 0px 0px;"><a href="#" class="jqmClose" style="text-decoration:none; color:#ffffff;; font-family: arial, helvetica, verdana, sans-serif; font-size:12px; font-weight:bold;">Close</a></p></td> 
</tr> 
</table> 
</div> 
</td ID="POP-UP TD"> 
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< --> 
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< --> 
<!-- <<<<<<<<<< END jqMODAL INSTANCE 1 <<<<<<<<<< --> 
 
 
<TD id="right_td" align="center" valign="top"> 
<TABLE ID="PRODUCT INFO TABLE" width="" border="0" cellspacing="0" cellpadding="0"> 
<TR> 
<TD align="center"> 
<P class="item_name" style="font-weight:bold; margin:8px auto 8px auto;">Right  Pockets / <Span Class="item_name_red"><strong>Standard BC Slits</strong></span></p></td> 
</tr> 
<TR> 
<TD> 
<TABLE  id="Pricing / Carte Elements" width="" border="0" cellspacing="0" cellpadding="0"> 
<TR> 
<TD><img src="images/spacer.gif" width="12" Height="40"></td> 
<TD> 
<TABLE height="42" border="0" cellpadding="0" cellspacing="0"> 
<TR> 
<TD> 
<TABLE ID="PRICE_BREAKS" width="100%" border="1" bordercolor="D5C8C8" cellpadding="0" cellspacing="0"> 
<TR> 
<TD rowspan="3" Align="center" valign="middle" nowrap style="padding:2px 8px 2px 8px;"><P class="black_11_norm" style="margin:0px 12px 0px 12px;">Package<br> 
Number</p><P class="black_10_bold"><span class="pkg_no">40BC-RHKK</span></p></td> 
<TD Height="16" colspan="5" align="center"><P class="black_11_norm">Price Breakdown</p></td> 
</tr> 
<TR> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">25</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">100</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">250</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">500</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">1000</p></td> 
</tr> 
<TR> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.48</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.40</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.39</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.36</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.36</p></td> 
</tr> 
</table id="price_breaks"></td> 
</tr> 
<TR> 
<TD Height="16" colspan="6" align="left"><P class="clickFor"><< Click Image for More Info</span></p></td> 
</tr>	
</table></td> 
<TD><img src="images/spacer.gif" width="10" Height="40"></td> 
<TD valign="top"> 
<TABLE width="66" border="0" cellspacing="0" cellpadding="0">		
 
<TR><TD Align="Center">&nbsp;
</td></tr> 
 
<TR/><TD><Img Src="df_kromekote_pockets_images/shim.gif" height="6px"></td></tr> 
 
<TR><TD Align="Center"> 
 
<A HREF="javascript:document.rp_kk_bc.submit()"><IMG SRC="df_kromekote_pockets_images/atc_button.gif" WIDTH="66" HEIGHT="15" BORDER="0"></A> 
 
</td> 
</tr> 
</table></td> 
<TD><img src="images/spacer.gif" width="12" Height="40"></td> 
</tr> 
</table id="Pricing / Carte Elements"> 
</td> 
</tr> 
</table ID="PRODUCT INFO TABLE"></td> 
</tr> 
</table ID="PRODUCT CONTAINER TABLE"> 
</td></tr> 
<!-- ////////// END PRODUCT CONTAINER TABLE \\\\\\\\\\ --> 
 
 
 
 
 
 
<TR><TD><img src="images/bar.jpg" width="100%" height="6"></td></tr> 
 
 
 
 
 
 
<!-- ========== BEGIN ITEM #3 ========== --> 
<!-- ========== BEGIN ITEM #3 ========== --> 
<TR><TD> 
<TABLE ID="PRODUCT CONTAINER TABLE" width="" border="1" bordercolor="red" cellspacing="0" cellpadding="0"> 
<TR> 
 
 
 
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 3 >>>>>>>>>> --> 
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 3 >>>>>>>>>> --> 
<!-- >>>>>>>>>> BEGIN jqMODAL INSTANCE 3 >>>>>>>>>> --> 
 
<TD ID="POP-UP TD" align="center" valign="middle" width="155"><a href="#" class="jqModalDialog3"><img src="images/tn_lp_bc-slit.jpg" width="155" height="100" border="0"></a> 
 
<!-- NOTE: Script & DIV must be contained in HREF TD --> 
<script type="text/javascript"> 
$().ready(function() {
	$('#dialog3').jqm({trigger: 'a.jqModalDialog3'});
});
</script> 
 
<!-- jqMODAL POP-UP DIV MUST BE WITHIN TRIGGER TD --> 
<div class="jqmWindow" id="dialog3" style="padding:18px 0px 12px 0px;"> 
<TABLE align="center" width="530" border="0" cellspacing="0" cellpadding="0" bgcolor="#7777777"> 
<TR> 
<TD align="center"> 
<img src="images/lp_BC-slit.jpg" border="0"></td> 
</tr> 
<TR> 
<TD align="center" valign="middle"><P style="margin:6px 0px 0px 0px;"><a href="#" class="jqmClose" style="text-decoration:none; color:#ffffff;; font-family: arial, helvetica, verdana, sans-serif; font-size:12px; font-weight:bold;">Close</a></p></td> 
</tr> 
</table> 
</div></td ID="POP-UP TD"> 
<!-- <<<<<<<<<< END jqMODAL INSTANCE 3 <<<<<<<<<< --> 
<!-- <<<<<<<<<< END jqMODAL INSTANCE 3 <<<<<<<<<< --> 
<!-- <<<<<<<<<< END jqMODAL INSTANCE 3 <<<<<<<<<< --> 
 
 
 
 
<TD id="right_td" align="center" valign="top"> 
<TABLE ID="PRODUCT INFO TABLE" width="" border="0" cellspacing="0" cellpadding="0"> 
<TR> 
<TD align="center"> 
<P class="item_name" style="font-weight:bold; margin:8px auto 8px auto;">Left Pockets / <Span Class="item_name_red"><strong>Standard BC Slits</strong></span></p></td> 
</tr> 
<TR> 
<TD> 
<TABLE  id="Pricing / Carte Elements" width="" border="0" cellspacing="0" cellpadding="0"> 
<TR> 
<TD><img src="images/spacer.gif" width="12" Height="40"></td> 
<TD> 
<TABLE height="42" border="0" cellpadding="0" cellspacing="0"> 
<TR> 
<TD> 
<TABLE ID="PRICE_BREAKS" width="100%" border="1" bordercolor="D5C8C8" cellpadding="0" cellspacing="0"> 
<TR> 
<TD rowspan="3" Align="center" valign="middle" nowrap style="padding:2px 8px 2px 8px;"><P class="black_11_norm" style="margin:0px 12px 0px 12px;">Package<br> 
Number</p> 
<P class="black_10_bold"><span class="pkg_no">30BC-LHKK</span></p></td> 
<TD Height="16" colspan="5" align="center"><P class="black_11_norm">Price Breakdown</p></td> 
</tr> 
<TR> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">25</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">100</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">250</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">500</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">1000</p></td> 
</tr> 
<TR> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.48</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.40</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.39</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.36</p></td> 
<TD align="center" nowrap style="padding:2px 10px 2px 10px;"><P id="pbreak" class="black_10_norm">.36</p></td> 
</tr> 
</table id="price_breaks"></td> 
</tr> 
<TR> 
<TD Height="16" colspan="6" align="left"><P class="clickFor"><< Click Image for More Info</span></p></td> 
</tr>	
</table></td> 
<TD><img src="images/spacer.gif" width="10" Height="40"></td> 
<TD valign="top"> 
<TABLE width="66" border="0" cellspacing="0" cellpadding="0">		
 
<TR><TD Align="Center"> 
</td></tr> 
 
<TR/><TD><Img Src="df_kromekote_pockets_images/shim.gif" height="6px"></td></tr> 
 
<TR><TD Align="Center"> 
 
<A HREF="javascript:document.lp_kk_bc.submit()"><IMG SRC="df_kromekote_pockets_images/atc_button.gif" WIDTH="66" HEIGHT="15" BORDER="0"></A> 
 
</td> 
</tr> 
</table></td> 
<TD><img src="images/spacer.gif" width="12" Height="40"></td> 
</tr> 
</table id="Pricing / Carte Elements"> 
</td> 
</tr> 
</table ID="PRODUCT INFO TABLE"></td> 
</tr> 
</table ID="PRODUCT CONTAINER TABLE"> 
</td></tr> 
<!-- ////////// END PRODUCT CONTAINER TABLE \\\\\\\\\\ --> 
 
<TR><TD><img src="images/bar.jpg" width="100%" height="6"></td></tr> 
 
</table> 
 
</div> 
 
</td></tr> 
 
</table id="main_content"> 
 
</td id="main-content"> 
</tr> 
</table id="body_container"> 
 
 
</div id="centering"> 
 
</body> 
</html>

Open in new window

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
dcayceAuthor Commented:
ROMA! MY HERO!

You've done it. I wish I could give you a zillion points.

Thank you so much!
0
Roman GhermanSenior Software EngineerCommented:
Glad that I was able to help you.

Regards,
Roman
0
dcayceAuthor Commented:
Thanks, again, Roman.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.