MouseOver problem with Iframe panel

[brijen]

Hi,
We have implemented high slide on one of our pages.Currently Iframe panel opens up on mouseover of an image.
When an Iframe panel opens up the Image disappears which is correct ,but when I mouse over on area where the image was ; then panel closes and opens new panel which should not happen.

Thanks

[RoadRash]

Can we please see your page live?

[brijen]

Hi,
Please find attached URL.
http://ecomdevd3.ignify.net/catalog/mens-pants,935.htm

Thanks

[RoadRash]

This doesnÔÇÖt happen when using the regular onmouseover code (onmouseover="return this.onclick()") so I think it is caused by your custom code.

Everything seems to work OK when I remove this part of your code:

Code: Select all

function HighSlideCloseAll(){
hs.closeAll();}
function HighSlideClose(obj)
{
HighSlideCloseClicked = true;
hs.close(obj);
}
hs.closeAll = function () {
for (var i = 0; i < hs.expanders.length; i++) {
var exp = hs.expanders[i];
if (exp) exp.close();
}
}
var HighSlideCloseClicked = false;
hs.Expander.prototype.onMouseOver = function (sender) 
{
if (sender.slideshowGroup != null && sender.slideshowGroup == "FloatingCart")
{
DoNotAutoCloseHighSlide = true;
}
};
var HighSlideSender = null;
hs.Expander.prototype.onMouseOut = function (sender) {
if(HighSlideCloseClicked)
{
HighSlideCloseClicked = false;
return;
}
DoNotAutoCloseHighSlide = false;
if(sender.slideshowGroup!=null && sender.slideshowGroup=="FloatingCart")
{
HighSlideSender = sender;
setTimeout("CloseHighSlideSender()", 2000);
}
};
function CloseHighSlideSender()
{
if(!DoNotAutoCloseHighSlide && HighSlideSender != null )
{
HighSlideSender.close();
}
}

And replace this part:

Code: Select all

<script type="text/javascript">
function OpenMiniProduct(link,src1)
{
HighSlideCloseAll();
src1 = src1.replace(/~amp/g,"&");
hs.slideshowGroup = 'Product';
hs.align = 'center';
hs.width = '500';
hs.height = '450';
hs.lang.closeTitle = 'Close (esc)';
hs.headingText = '';
hs.allowMultipleInstances = false;
hs.htmlExpand(document.getElementById(link), {src: src1,objectType: 'iframe'});
}
</script>

with this:

Code: Select all

<script type="text/javascript">
function OpenMiniProduct(link,src1)
{
src1 = src1.replace(/~amp/g,"&");
hs.slideshowGroup = 'Product';
hs.align = 'center';
hs.width = '500';
hs.height = '450';
hs.lang.closeTitle = 'Close (esc)';
hs.headingText = '';
hs.allowMultipleInstances = false;
hs.htmlExpand(document.getElementById(link), {src: src1,objectType: 'iframe'});
}
</script>