Hi there!
I´ve installed this module, JQuery UI and Automodal. That´s because I wanted to open specific links on windows similar to a "lightbox", but better :).

So far, it all works ok in Chrome and Firefox, latest versions.
As I´m not a programmer, I´ve installed Automodal to create a simple link that would pop up and transform into a modal window.
My automodal link is

<a href="/node/2903" class="automodal" title="Welcome">Welcome!</a>

But that link won´t work on IE6 nor IE7. When I click on those links it opens as a normal link.

Any ideas on what could have happened?

Thanks!
Rosamunda

Comments

markus_petrux’s picture

Title: Won´t work on IE? » Modal Frame API with Automodal does not seem to work on IE
Status: Active » Postponed (maintainer needs more info)

Thanks for opening a separate report. It helps to keep things a bit more organized.

Well, it's hard to guess, because Modal Frame API works in IE, in other implementations of the Modal Frame API. So we need to know why it does not open the Modal Frame in your case. It could be caused by many things:

- javascript error?
- Is automodal failing to attach the click handler?
- Incompatibility of jQuery with jQuery UI? (check jQuery UI requirements)
- Incompatibility with other javascripts running on the same page?

Try disabling javascript aggregation and then, someone needs to follow the flow of execution using a javascript debugger.

Another method: Try disabling all modules except those that are absolutely necessary to use this feature and test. If it works, then try enabling features one by one until it fails. This could help you find out where to look for possible incompatibilities.

Rosamunda’s picture

Thanks for replying (and specially for the patience :)

I´ve uninstalled JQuery Update, and removed any js custom code of the page.
In IE, this is the error that appears when I click on the bottom left corner:

Línea: 15
Car: 3 
Error: 'document.getElementByld(...)' is null or is not an object
Código: 0

I´m using Firebug, but I don´t know nothing of JS, so, what should I look for inside the DOM inspector? There are a couple of things in red...

I´m going to deactivate the other modules, but wanted to tell you what I´ve found so far.

Thanks again!
Rosamunda

Rosamunda’s picture

As my custom theme had a js file, I´ve changed the theme to zen, and added a link to be opened in modal mode. It opens in firefox, but won´t open in IE6.

These are the modules that I´m currently using:
Administration menu
CCK Privacy
Comment CCK
Conditional Fields
CCK (and all the ones that came with it)
Content Taxonomy
Content Templates
Email
Matrix Field
Pollfield

Content Profile

Calendar
Calendar Popup
Date
Date API
Date Pop up
Date Repeat Api
Date Timezone
Date Tools

Simple Mail (part of the messaging module)

Modal Frame API

Node Form Columns

Notifications (and several of its submodules)

Organic Groups
Organic groups registration keys
Organic groups vocabularies

Advanced Help
Agreement
Automatic Nodetitle
Backup and Migrate
Blocktheme
Checkbox Validate
Comment upload
Diff
Form Filter
Help Injection
Jump
Login destination
Login toboggan
Pathauto
Prepopulate
Shared Email
Token (and the other that cames with it)
Unique Field
Upload Preview
Webform

PDF Version

Rules (and all other submodules that came with it)

Automodal
JQuery UI

Views
Views Calc

Workflow

ludo1960’s picture

Just a thought:

Have you got

<a href="/node/2903" class="automodal" title="Welcome">Welcome!</a>

Wrapped within another class tag?

Rosamunda’s picture

Not specifically, but as the link is inside a table, which is inside the body content... yes:

class: bloque_inicial

.bloque_inicial{
	display: block;
	width: 650px;
	padding: 20px 20px 20px 20px;
	background: #AED28C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	border:2px;
	border-color: #3B7900;
	margin-top:15px;
}

id: page and class inside it: interior

#page {
	width: 750px;
	background: #FFFFFF;
}
#page .interior {
padding: 2px 20px 20px 20px; 
border-color:#000000;
background:#ffffff url(theme-images/casitas2.gif) no-repeat center bottom;
margin-top:20px;
}

Status: Just in case, I´ve disabled ALL contrib modules (and now I´ve enabled them again). I mean, even CCK and Views. And switched to zen theme that I´ve put another modal link, and the problem remains.
(Naturally, I haven´t disabled Automodal, JQuery UI and Modal Frame API :)

In case that it helps to check it out with firebug, the page is www.consorcios.org and the modal links are "Ver Demo" and "Registráte!"

Thanks again for your help and kindness :)
Rosamunda

Rosamunda’s picture

Note: There have been a confirmation of this error by another user (corona ronin) in the automodal issue queue.

ludo1960’s picture

Hmmm,

I see when I open your link automodal an extra stylesheet attached to it i.e. not the one that ships with the automodal module:

Firefox says:

Your link:

.ui-dialog.ui-draggable .ui-dialog-titlebar, .ui-dialog.ui-draggable .ui-dialog-titlebar {
cursor:move;
}

From ui.all.css (dont know what module causes that, maybe the calander module?)

<link type="text/css" rel="stylesheet" http://www.consorcios.org/sites/all/modules/jquery_ui/jquery.ui/themes/default/ui.all.css>

You have this code in the Head of you document, bet you a dollar this is the problem!

Anyway, I know this module works in IE6. Find out which module adds the extra script in the Head and your problem will be solved!

Rosamunda’s picture

Gee, those links have been added by me! :S That´s because the front page has all different stuff than the internal pages, that was easier to me in that moment, to do that.

The thing is that issue remains... I´ve created a node with just a link to a modal window and set the site on bluemarine here, wich I haven´t touched, so it shouldn´t have cranky stuff added by me :).

Note: I´ve disabled the calendar module.

Thanks again for all your help!!!!

Rosamunda

(edited to added the link that I´ve forgotten)

ludo1960’s picture

Cant reach the page now! Send a new link...

Rosamunda’s picture

hehe, I´ve to edit the post to add the link, it´s here: http://www.consorcios.org/node/3046
In the rush I´ve forgot this tiny detail ;)

ludo1960’s picture

OK, The CSS must have an error in it (Not auto modal!). I have a test site with it working perfectly. I will PM you details and you will have to work out where the error is in your CSS (I am no expert in CSS)

Rosamunda’s picture

MANY, MANY THANKS!!!!
I´ll wait for it :)

ludo1960’s picture

Sent

markus_petrux’s picture

Status: Postponed (maintainer needs more info) » Closed (duplicate)

I think the problem is located in automodal.js. Please, see comment #5 here:

http://drupal.org/node/699892#comment-2546378

Rosamunda’s picture

Yay! I can confirm that it was the problem there :)
It works on IE7 (it won´t work on IE6 though, but then again, I don´t want to support that buggy, nasty and fishy version).

I think the world would be nicer without the IE whatsoever!

THANKS FOR ALL YOUR HELP! Thank you very much to ludo1960 and markus_petrux!!!!!!

It wasn´t modal_frame_API´s fault after all! ;)

Rosamunda

semperos’s picture

I'm experiencing the same problem this ticket describes, but I'm NOT using Automodal, I'm just using Modal Frame API, and its examples aren't working in IE 6.

Using standard version of jQuery that ships with Drupal (and thus using jQuery UI 1.6 for the jQuery_ui module). Works fine in Firefox 3.6, but modal links open as normal links in IE 6. The initial "loading" modal frame appears, but within a couple of seconds the link opens in a new page.

Anyone have any thoughts?

JohnnyW’s picture

Microsoft just announced less than 1% of computers surfing the internet in America uses IE6 -- they are very happy to get rid of that off the market ;)