/    Sign up×
Community /Pin to ProfileBookmark

Can I get a porper full screen popup?

Can I get a porper full screen popup?

Can’t rmemeber where I read it… but I’m sure I read somewhere that using CSS you can get a proper full screen popup?

Any help would be appreciated.

Thanks.

OM

to post a comment
JavaScript

5 Comments(s)

Copy linkTweet thisAlerts:
@niconel_comMay 31.2007 — You will need some JavaScript (In my limited knowledge)

In your page, use a <span> and place the text you want to be popped up in it.

Use this CSS (modify the borders, colors, etc as it suits you):
[CODE].popup
{
position:absolute; left:0; top:0; width:132;
border-style:solid;
border-width:4;
border-color:blue;
background-color:yellow;
padding:5px;
color:red;
font-family:Arial;
font-weight:bold;
font-size:10pt;
z-index:2;
visibility:hidden;
}[/CODE]

this JavaScript:
[CODE]function popUp(id)
{
document.getElementById(id).style.visibility = "visible";
}
function popOff(id)
{
document.getElementById(id).style.visibility = "hidden";
}[/CODE]

and use an anchor like this:
[CODE]<a href="javascript:void(0);" onMouseover="popOn('pop');"
onMouseout="popOff('pop');">Hover for a popup</a>
[/CODE]


Hope this help.
Copy linkTweet thisAlerts:
@boxxertrumpsMay 31.2007 — .popup {

postition:absolute;

top:0px;left:0px;

width:100%;height:100%;

background-color:#000000;color:#ffffff;

}

Note: i think this works.
Copy linkTweet thisAlerts:
@niconel_comMay 31.2007 — I just noticed our mate mention "full screen popup"

Not sure what you mean by this OM2....You want the popup to be the same size than the current browser window, or do mean opening a new browser window. The latter is not CSS.
Copy linkTweet thisAlerts:
@OM2authorJun 01.2007 — well...

i meant opening a new browser window and taking uo the whole desktop.

this is not css??
Copy linkTweet thisAlerts:
@niconel_comJun 01.2007 — Nope. You have two pages. You want the second to open from the first in a new window. No CSS there.


There is two ways you can do this (IMLK).

One is making a link and set it's target property to open in a new window (<a href="..." target="_blank"

I prefer this way, as I think pop up blockers don't catch this.

The second way is JavaScript. Instead of trying to explain how this work, I suggest you read here

Like I said, pop ups get blocked depending on a user's browser settings. Personally I don't like that.

Just for in case you are using asp.net, and want to do this from your code-behind: Use page.registerstartupscript for running a javascript.
×

Success!

Help @OM2 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 6.16,
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: @nearjob,
tipped: article
amount: 1000 SATS,

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

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...