PDA

View Full Version : Odd challenge in Chrome



Technological
04-28-2011, 01:39 AM
Hey all. I have an odd occurence and was hoping maybe you guys could help me out. The picture slide show I have works in all other browsers, but not in chrome.

cabinetsforswfl.com is the site where the challenge is located.

Maybe someone that is more knowledgeable at this stuff than me can figure out what I did wrong.

I have been web programming hard core for about 2 years and started my first site 12 years ago, but this has got me stumped. The weirder thing is that it was fine until i upgraded my chrome a while back.

Thanks in advance.

Oh and the code is crazy with the iframe because I am hacking the heck out of joomla to make that slide show do what I wanted. :-D I probably should just learn JS.

puamana
04-28-2011, 03:31 PM
odd...
have you thought about doing your slideshow in flash?

holyhttp
04-28-2011, 03:41 PM
The problem is not in the iframe itself but the document source called within the iframe.
I have noticed no javascript error message from Chrome.

SnerdeyWebs
04-28-2011, 03:49 PM
Doctype comes to mind as I've seen it cause some scripts not to work. But, being it's only in Chrome I'm not sure but since you mentioned Joomla. Seams like something is "hacked" too much or just missing a little something.

If it was me, I'd use Wordpress with a cheap theme and replace the whole site within moments ;)

Joomla is all about the page wrapper.. heck, it's been so long since I've edited Joomla it's not ringing a bell at the moment.

So, I'm going to comment to keep track of this issue as I'd like to know myself now.

ohiowebpro
04-28-2011, 04:01 PM
Looks like you are using Mootools 1.12 for the slide show? Maybe try using the latest version 1.31, or switch to Jquery which works fine for me in the latest Chrome browser.

NetProwler
04-29-2011, 12:56 AM
The problem is not with Joomla or Iframe. It is the JS which implements the slideshow. Feed this page http://cabinetsforswfl.com/index.php?option=com_content&view=article&id=69 to the Chrome and it doesn't work. You may need to find a workaround for Chrome when you use Mootools.

Technological
04-29-2011, 04:02 PM
Thanks for the help everyone. I think I am going to start by upgrading moo tools. Then I am going to see if I can use a work around that would use jquery instead if the upgrade doesn't work.

I know its not a joomla issue because I use joomla and this js script a lot. That is what is weird about it as well. I used the script on another site and it works fine, but the script is not in an iframe.

hrm... that is making me think I need to check into the original page html. It may not have the right doctype and/or not be loading the script.

I didn't use flash because I want the benefits of alt tags and image file names for SEO. I know there are workarounds for SEO in flash but they are too complicated for me to mess with right now. SEO is one of the points I sold the client on (his old site was entirely flash), him being a friend helped too. Even though I still have a lot of work to do on SEO I am just waiting for him get the budget to do the work.

DEVAJIT TAYE
05-09-2011, 01:08 AM
Chrome tend ti crash a lot.....

DEVAJIT TAYE
05-09-2011, 01:09 AM
chrome tend to crash a lot...

Technological
05-10-2011, 01:59 PM
I got it working.

I am not sure how I overlooked it, but it was simply that I had not specified in the css the width and height of the main div. And had overflow: hidden; set. So it showed nothing.

Fixed now though Thanks for all your help.

Make sure you specify you div width and heights with Chrome.

_________________________________________________
*******************************************
UPDATE

I thought I had it, but here is the new trouble. When I specify the width and height in CSS, in IE8 it goes through all the pictures really fast as it loads them and then it starts playing the nice slide show, but then if I don't have the any settings for height-width Chrome doesn't work.

Anyone got any ideas?