Expandable Box And Iframe Issue
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 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 posted this at 04:36 — 25th February 2009.
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 posted this at 17:01 — 25th February 2009.
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 ok il give the window one a shot and see how i get on.
GrantDouglas posted this at 18:25 — 25th February 2009.
They have: 9 posts
Joined: Feb 2009
Right ok i got them both is there anyway i can set an iframes transparency as a percentage eg. "" ???
webwiz posted this at 22:02 — 25th February 2009.
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;}
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 posted this at 00:36 — 26th February 2009.
He has: 1,494 posts
Joined: Jun 2008
Where did you get that idea from? Not even deprecated, as far as I am aware.
W3Schools states it here
greg posted this at 08:49 — 26th February 2009.
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.