Display issues in Safari

ipodstock

2006-02-03 05:17

Hi, I was just curious if people have had issues with display compatibility between browsers...

ipodstock

2006-02-03 05:18

I have been noticing that sometimes my discriptions hang over product pictures; and that in safari, when I click on product picture, thumbnails don't show up.

ccmac

2006-02-04 04:43

Haven't had this issue myself. Are you using custom CSS or something of the like?

ipodstock

2006-02-04 08:01

yeah I am. Have to in order to make the cart unique ;)

ccmac

2006-02-06 23:03

do you have a link to it so i can see? i'm essentially doing the same thing on 10.3.9 Safari v1.3, etc.....

ccmac

2006-02-06 23:05

oh, btw, see if you have Block Pop-Up Windows chosen under the Safari menu option.

manzanita

2007-01-13 08:30

Hi there. I have the same Problem with Safari. No pictures in the popup window :-(
Have anyone an idea?

tzw

2007-01-14 14:44

The standard pop-up gallery supplied with QC doesn't work with Safari. I just hope the developers will fix this pronto...

tzw

manzanita

2007-01-16 08:07

@tzw Thank you for information.

don

2007-02-28 23:14

Has anyone come up with a fix or work around for this problem?

http://artforthemasses.us

don

2007-02-28 23:15

The pop ups in Safari I mean?

http://artforthemasses.us

don

2007-03-01 00:31

If anyone is interested.

I managed a way around this by running a browser detection script throught the page.tpl.

I used this one
http://www.quirksmode.org/js/detect.html

after that I just ran an if else statement for BrowserDetect.browser to change the display to a document write.

in Gallery.tpl


<script type="text/javascript">
<!--

if(BrowserDetect.browser=="Safari")
{
document.write('<img src="$aList[sPhotoBig]">');
}
else
{
document.write('<div id="oPhotoDiv">');
document.write('<img id="oPhoto" src="/" alt="" title="" />');
}

//-->
</script>

Good luck.

BTW, I can't see why I never get an answer here.
Was it that hard to answer me when I ask a question?

http://artforthemasses.us

don

2007-03-01 16:28

Does anyone have any ideas on how to get the photo navigation working again in the safari browser. I have a pic coming up, but if there is more than one pic then it only shows one, no navigation.

Thanks to anyone who answers,
don

http://artforthemasses.us

don

2007-03-06 06:35

So, ah, any suggestions on how to get the navigation working in the safari workaround.

Any help would be appreciated.

http://artforthemasses.us

treewood (OpenSolution)

2007-03-06 08:02

don - we dont have safari browser and cant test it. But maybe You won't photo navigation and have only link to photo. What QC version You have?

don

2007-03-06 17:48

I just updated to QC2.0.

Thanks for responding.

I managed so far to make it put up an image, and the default photo, but any sub photos are inaccessible. I think it's the style of javascript used. Is it DHTML or something?
Anyway, I've managed this much: from gallery.tpl



if(BrowserDetect.browser=="Safari")
{
document.write('<div><img src="'+DefaultPic+'" onclick="window.close();"></div>');
document.write('<div id="butt">');
document.write('<div><a href="javascript:void(0);" id="oLL">&laquo; &laquo; &laquo; &laquo;</a></div>');
document.write('<div><a href="javascript:void(0);" id="oLR">&raquo; &raquo; &raquo; &raquo;</a></div>');
document.write('</div>');
}
else
{
document.write('<div id="oPhotoDiv">');
document.write('<img id="oPhoto" src="/" alt="" title="" /></div>');
document.write('<div id="butt">');
document.write('<div><a href="javascript:void(0);" id="oLL">&laquo; &laquo; &laquo; &laquo;</a></div>');
document.write('<div><a href="javascript:void(0);" id="oLR">&raquo; &raquo; &raquo; &raquo;</a></div>');
document.write('</div>');
}

//-->
</script>
<!-- END SHOW -->

<!-- BEGIN PHOTOS_DEFAULT -->
  aIndexes[$aList[iFile]] = aPhotos.length;
    aPhotos[aPhotos.length] = Array( "$aList[sPhotoSmall]", "$aList[sPhotoBig]", "$aList[sDescription]" );
    var DefaultPic = "$aList[sPhotoBig]";
<!-- END PHOTOS_DEFAULT -->

<!-- BEGIN PHOTOS_HEAD -->
<!-- END PHOTOS_HEAD -->

<!-- BEGIN PHOTOS_LIST -->
  aIndexes[$aList[iFile]] = aPhotos.length;
    aPhotos[aPhotos.length] = Array( "$aList[sPhotoSmall]", "$aList[sPhotoBig]", "$aList[sDescription]" );
    var ExtraPic = "$aList[sPhotoBig]";
<!-- END PHOTOS_LIST -->

So I have the variable set DefaultPic and I've set a variable for at least one secondary pic (ExtraPic), though I can not go to it yet.
Probably needs an accumulating loop to handle more than one image extra.
++ and all that

So, I'm hoping that someone can think of a way to make it more compatible for Safari, being that Macs are gaining popularity and Safari is Mac's default browser. That's a lot of potential customers who can't use the software properly. Everything else seems to work in Safari as far as I can tell.

JavaScript is not my forte, and that is why I'm asking here.

Hoping you have some ideas on a simpler javascript solution to manage the gallery for Safari.
I do love the software, great job, but my client was freaking out when it wasn't working for their customers. Which I think is understandable.

Thanks for your time,
don