[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 404
  • Last Modified:

popup window that looks good, yet not blocked by popup blockers.

Hello,

I need to create a popup (2 actually) that pops up in the top left corner of the screen and gives some useful information for the visitor. I don't want to use divs because so far the div popups that I've seen doesn't seem classy enough. I am looking for a popup that will not be blocked by popup blockers.  What's the most reliable way to do this so that my popup is not blocked and the popup looks nice?

Bob
0
weikelbob
Asked:
weikelbob
  • 3
  • 2
  • 2
  • +2
1 Solution
 
cyberdevil67Commented:
Hi weikelbob,


 Your chances are buckleys and none, as there are so many types of pop up blockers your best thing is to use divs if this is what you want to do. There is no way around bypassing a popup blocker, as you might get past M$ but you will not get past some of the others that are widely used.


Cheers!
0
 
weikelbobAuthor Commented:
OK, I need to make as classy a div popup as possible. Please help.

Bob
0
 
RedKelvinCommented:
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
cyberdevil67Commented:
Your best to look at style sheets, the style sheet of a div can make the popup window look as classy or dull as you like. For example

<style>

 .NewDiv {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal; font-size: 8.5pt; text-align: left;
border-left: ##FFFFFF 1px solid; border-right: ##DDDDDD 1px solid;
border-bottom: ##DDDDDD 1px solid;
 }
</style>

Sets the font of the div to verdana, arial etc. The weight is normal, and the size of the fonr to use is 8.5 points, it is aligned to the left and has a border that is 1 pixel left, right and bottom, with the colors specified. The beauty about styles is that you play around with them until your happy with what you want.

to use this do the following

<div class="NewDiv">
0
 
weikelbobAuthor Commented:
I am new to CSS.

How do I use <div class="NewDiv"> to popup when clicked on a text linked and also an image (my menu)?
0
 
cyberdevil67Commented:
Here is a link that will or should get you going to make it non browser aware.

http://www.webmasterworld.com/forum91/441.htm
0
 
rdivilbissCommented:
>buckleys???
0
 
GwynforWebCommented:
There is this

http://www.codelifter.com/main/javascript/dragablelayer.html

of something as simple as this, just put the content in the div

<script language="JavaScript">
function moveDiv(){
 st=document.getElementById('popUp').style
 for (i=0;i<35;i++){
  delay=i*30
  setTimeout("st.top=parseInt(st.top)+10+'px'",delay)
 }
}
</script>


<body onload="moveDiv()">
<p align="center"><font size="8">This is the Main Page </font></p>

<div id="popUp" style="position:absolute;height=250;width=250;background:#00FFFF;top:-250;left:350;border:solid 3px #aaaaaa">
<p align="right"><span onclick="document.getElementById('popUp').style.display='none'">close</span></p>
<p align="center"><big><big>This is my Amazing </p>
<p align="center">Pop up Layer</big></big></p>
<p align="center"><img src="http://www.experts-exchange.com/images/expertAwards2004Button.gif"></p>
<p align="center"><big><big>for more info see <a href="http://google.com" target="_blank">GOOGLE</a></big></big></p>
</div>
0
 
GwynforWebCommented:
crap too late by a few minutes. :-(
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

  • 3
  • 2
  • 2
  • +2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now