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?
 
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
 
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
Introducing Cloud Class® training courses

Tech changes fast. You can learn faster. That’s why we’re bringing professional training courses to Experts Exchange. With a subscription, you can access all the Cloud Class® courses to expand your education, prep for certifications, and get top-notch instructions.

 
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
 
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
 
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.