/    Sign up×
Community /Pin to ProfileBookmark

floating frames

Copy linkTweet thisAlerts:
Mar 15.2007

I have seen pages that have a iframe in them that as you scroll down the main page the iframe follows you. I can not remember if this is done in html, css, or js. I am needing a link that will talk about this topic or even a web page that has one of the “floating frames” (yeah I know that a iframe if aka floating frame but I am not talking about the iframe) so I could pick the code apart and see how it works. (I learn best that way.)

Yes I know that iframes are bad and a moving I frame is even worse, I would never use one online. I need this because I have a need for in for a network that I have and it would just save me time to have the iframe scroll with me all the time.

Thanks for your time on this
dc

to post a comment
HTML

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@dcanupauthorMar 16.2007 — Check this out

http://www.dynamicdrive.com/dynamicindex17/floatiframe.htm

?[/QUOTE]
Thanks for your link, that will not wok for me I do not use IE. I know that there are ways of doing this in Firefox I have seen sites that have this "floating iframe".

EDIT: If might need to be moved to the JS forum....sorry I did not know i fthis would be js, css, or php so since iframes are html I put it here.
Copy linkTweet thisAlerts:
@dcanupauthorMar 16.2007 — I got it to do what I needed it to do...well...kinda...lol

Mind you this is ghetto but it is just to use for a net work....

I made a index page that has this
[CODE]
<iframe name="menu" align="left" height="500" width="40%" src="menu.html"></iframe>


<iframe name="text" align="right" height="500" width="55%"></iframe>

The menu.html contains all my js for the menu and it is set so when you click on a link the "target" is "text".

That makes it so it opens the link in the "iframe" with the "name", "text" that is on the "index" page. Great work around even if it does look noobish...lol
[/CODE]
×

Success!

Help @dcanup spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.6,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...