10 replies to this topic

[lloyd_borrett]

G'day,

I came across a neat bit of Javascript that leaves a set of trailing bubbles on the screen. It would be a really neat thing to add to a site I've been playing with.

I can get it to work in IE with the example test01.htm document, but when I put this into Etomite it stops working. If I add my typical doctype tag as per example test02.htm, it also stops working with IE.

And neither test01.htm or test02.htm work with Firefox.

Therefore I suspect it's not the logic of the Javascript that's the problem. It's probably something to do with the HTML code the Javascript is writing to the document. But I'm stumpted as to what it is.

If someone out there can spot what I'm missing, I'd very much appreciate the solutions.

The attached ZIP file has in it the six graphics files, the javascript file, plus two example HTML files.

Best Regards, Lloyd Borrett.

Attached Files

•  test.zip   2.78K   70 downloads

[Jelmer]

<< Argh! Trailing bubbles! >>

I'll take a look after lunch...

Edited by Jelmer, 30 May 2006 - 10:25 AM.

[Dean]

<< wonders what he's missing as the files supplied dont work here in FF ... all i get is a black page and a few bubbles static in the top corner of the page with the test01 text in the middle of the page

Do'h! I just re-read your original post... neither work in FF ... I can also confirm this

[lloyd_borrett]

G'day,

The original site didn't have a doctype in its source. So that's what I've replicated in test01.htm.

But the original site also doesn't work in Firefox.

I really need a solution that works in at least IE with the XHTML Transitional doctype I have in test02.htm. It would be nice if the solution also worked in Firefox.

Best Regards, Lloyd Borrett.

[lloyd_borrett]

G'day,

A read of the forum on Tigra Hints gave me some help. It suggested adding 'px' to the end of the top and left values.

As a result, this updated version of bubbles.js causes the IE version with doctype to start working.

But still nothing with Firefox.

Best Regards, Lloyd Borrett.

 bubbles_ie.txt   1.7K   56 downloads

Edited by lloyd_borrett, 31 May 2006 - 07:53 AM.

[Jelmer]

Have you tried validating the page with the .js in it?

[lloyd_borrett]

G'day,

I found an updated version of the script that works with both IE and Firefox in HTML. But once you add the XHTML doctype it too fails. So I tried making similar changes to it as I had to the earlier version, but still no success.

Best Regards, Lloyd Borrett.

 bubbles_new.txt   2.79K   53 downloads

[Ralph]

I'm jumping into this thread in the middle so I'm not sure if this will be of any benefit... Have you, by chance, tried using the script as an include instead of having it be inline Javascript code...??? HTML will always validate (if it is valid, that is), and sometimes function better, when the script is external... I ran into a similar situation a few weeks ago so I felt it worthwhile to mention...

[lloyd_borrett]

G'day,

Ralph: It is being included rather than being inline code.

This version gets it working in Firefox. But the Y axis for IE6 is still not working.

Best Regards, Lloyd Borrett.

 bubbles_new_v2.txt   2.8K   68 downloads