Expandable Box And Iframe Issue

GrantDouglas's picture

They have: 9 posts

Joined: Feb 2009

So i followed a tutorial for a CSS & xHTML web interface that was to look like an OS. The good news is that it worked :thumbsup: however, i was wanting to put an iframe in the middle of the page so that the pages open up in that box but can't seem to find a way of doing it Sad There is also a shoutbox button in the bottom left as you can see and what i want that to do is to open up on screen kind of like the 2nd pic i showed you. ALL help will be appreciated and im thanking everyone in advance, thanks.
Ps. Here is the coding for the index.html page and the css ( in the index file i removed the text you can see in the picture .. because thats where i want the iframe to be). The code for the shoutbox will just be html i have that already i just kind pf want it like a window that slides up .. like your OS start menu does.
http://i41.tinypic.com/2cnbbdd.jpg
http://i44.tinypic.com/sbiih2.jpg

here are the links to the css coding and the index coding.

index = http://www.speedyshare.com/210565332.html
Css = http://www.speedyshare.com/225639608.html

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

An iframe should be treated like any other window. If you want to load something into it, you need to give the iframe a name and then you can set iframename.src="somefile.xxx"

here is more info about iframe (iframe is not valid strich HTML 4.0 or XHTML)

you may want to consider creating a pseudo-window with a modal div, there are many ways including the prototype.js/window.js libraries and various lightbox and thickbox scripts - here is a simple one at Dynamic Drive

GrantDouglas's picture

They have: 9 posts

Joined: Feb 2009

Thanks man, i figured out the iframe one right after i posted it i've used them many a times but my mind blanked haha.. felt so stupid Sad ok il give the window one a shot and see how i get on.

GrantDouglas's picture

They have: 9 posts

Joined: Feb 2009

Right ok i got them both Sticking out tongue is there anyway i can set an iframes transparency as a percentage eg. "" ???

He has: 629 posts

Joined: May 2007

Glad you got that sorted, Grant.

I don't know about iFrame transparency, as I have never used iFrames. Try applying something like this CSS and see what happens:
iframe {filter: alpha(opacity=50); opacity: 0.5;}

decibel.places wrote:
here is more info about iframe (iframe is not valid strich HTML 4.0 or XHTML)

Where did you get that idea from? Not even deprecated, as far as I am aware.

Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

webwiz wrote:
decibel.places wrote:
here is more info about iframe (iframe is not valid strict HTML 4.0 or XHTML)

Where did you get that idea from? Not even deprecated, as far as I am aware.

W3Schools states it here

Differences Between HTML and XHTML

The iframe element is not supported in HTML 4.1 Strict DTD and in XHTML 1.0 Strict DTD.

greg's picture

He has: 1,581 posts

Joined: Nov 2005

That's what the doctype "FRAMESET" is for.

W3Schools doc type definitions and Usages shows framesets are not allowed in HTML and XHTML transitional and strict

(I believe there are "hacks" to get validated with strict and frames, but only for IE, and hacks are bad anyway.)

More info about the FRAMESET DTD (W3C)

Some more info about frames (W3C)

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.