Description - sandbox iframe resize problem in IE 8

[K7IA]

I have recently adopted http://bakabt.me/10633-maison-ikkoku-complete-ost-collection.html for description improvement and stuff.

using windows xp sp3 32bit

I have trouble getting the site's auto resize feature work properly in IE8 (even with compatibility mode on, without it the sandbox editor does not load the full code, just the first page of code)

The auto resize feature works fine in Firefox 3.5.5 (which I actually always use)


I have read http://forums.bakabt.me/index.php?topic=18456, and tried Blubart's "div wrap in body element", but could not get it to work.

If it is something specific to IE 8, I will leave it at that.

Any help is appriciated,
Regards,

Firefox 3.5.5



IE 8

[Xiong Chiamiov]

I found that IE 8 can be a bit picky about JavaScript (it doesn't like trailing commas in arrays, for instance); it includes a decent debugger, however, if you feel adventurous.

If you pastebin the code, we can play around with it.

[K7IA]

^ thanks a bunch Xiong Chiamiov, I will be grateful if you can help me solve this

the code is accessible from here, http://earc.heliohost.org/page.html

I was about to complete it, and thought I should give it a try in sandbox with IE 8 then bumped into this problem. (it renders fine in IE 8 actually without sandbox)

if all else fails, i will put a single <br /> with a font-size: 800px into the body

regards,

[edit] apparently the problem is limited to the sandbox in IE8. The html rendering and iframe size was OK when I published the description. (I did not want to publish it before completion)

[Xiong Chiamiov]

[edit] apparently the problem is limited to the sandbox in IE8. The html rendering and iframe size was OK when I published the description. (I did not want to publish it before completion)

That's good to know.  Of course, it'd be nice to find out what exactly was causing the conflict, but if it works... not a super-high priority.

[Jarudin]

Ugh, what a monster script.
Why do you make it so hard on yourself by implementing EVERYTHING in JavaScript?
Why not make a few panels in HTML and only use JavaScript to show and hide them according to the tab?

As for the resizing issue.
I'm not sure why IE8 decides the iframe should be only 150px high. I see you made the wrapper div 800px high, does this work for you?
As for the discrepancy between the sandbox and the description page: the description page iframe height is cached so it starts off with a really good first guess so the iframe rarely has to resize. This is not important or even possible for the sandbox. I'm not sure why IE8 accepts the correct height though, I would expect it to resize down to 150px.

--Jarudin--

[K7IA]

That's good to know.  Of course, it'd be nice to find out what exactly was causing the conflict, but if it works... not a super-high priority.

I agree, if it works as I intend it to be

Ugh, what a monster script.
Why do you make it so hard on yourself by implementing EVERYTHING in JavaScript?
Why not make a few panels in HTML and only use JavaScript to show and hide them according to the tab?

Actually my intention was to make it with html and javascript for show/hide effects, but the number of tracks (250+) and disc count (=9) would make html editing a pain for me in case of a change and it is more readable/editable imo.

I'm not sure why IE8 decides the iframe should be only 150px high. I see you made the wrapper div 800px high, does this work for you?
As for the discrepancy between the sandbox and the description page: the description page iframe height is cached so it starts off with a really good first guess so the iframe rarely has to resize. This is not important or even possible for the sandbox. I'm not sure why IE8 accepts the correct height though, I would expect it to resize down to 150px.
--Jarudin--

I didn't know about the caching of iframe height, I thought that you set the 150px as a minimum for height of content

I intend to use this code as a template for further multicd OST adoptions, that's actually why I need a more editable code where I can quickly change the title list.

[Jarudin]

I've been thinking about this for a while, but how about I make a set of template functions that allow you to read from the torrent filelist? Using regular expressions to filter.

Like:

Code: [Select]

<ul>
<strong>Soundtrack 1</strong>
[file=soundtrack 1/(.*.mp3)]<li>$1</li>[/file]
</ul>

Would list all mp3 files in the folder 'soundtrack 1'.

Or:

Code: [Select]

<ul>
<strong>Soundtrack 1</strong>
[file=soundtrack 1/([0-9]+) - (.*.mp3)]<li>Track #$1 - $2</li>[/file]
</ul>

But maybe this is a bit complicated for non-technical people.

Something like this would be easier and more secure (but less powerful):

Code: [Select]

[file][folder=soundtrack 1,type=mp3]<li>[name]</li>[/file]

or

Code: [Select]

[file][folder=soundtrack 1/disc 1,type=mp3]<li>[name]</li>[/file]

You could also use it to print JavaScript of course.

--Jarudin--

[K7IA]

^that would be awesome

I wanted to adopt Final Fantasy OST (http://bakabt.me/130907-final-fantasy-lossless-music-collection.html) but there are  3500+ (iirc) files in it, so I decided to pass just because of the sheer file count.

local development would be a problem I guess, due to BBcode usage.

[Xiong Chiamiov]

I wanted to adopt Final Fantasy OST (http://bakabt.me/130907-final-fantasy-lossless-music-collection.html) but there are  3500+ (iirc) files in it, so I decided to pass just because of the sheer file count.

Ahem.  It still has some issues, but I'm hoping to get some of those ironed out after finals (week from next).

[K7IA]

I wanted to adopt Final Fantasy OST (http://bakabt.me/130907-final-fantasy-lossless-music-collection.html) but there are  3500+ (iirc) files in it, so I decided to pass just because of the sheer file count.

Ahem.  It still has some issues, but I'm hoping to get some of those ironed out after finals (week from next).

Your software has the most understandable copyright/license agreement I have ever read

Will try it now,