CSS Codes
CSS Layouts
Results 1 to 5 of 5

Thread: Idwimie

  1. 08-06-2009, 04:28 PM #1
    vegasidol
    vegasidol is offline Junior Coders
    Join Date
    Jul 2009
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Idwimie

    Any idea why IE6 doesn't like this code? Popups don't appear.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>PopUp Div + Background Disable</title>
<style type="text/css">
.parentDisable
{
	z-index:999;
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	top:0;
	left:0;
	background-color: #ccc;
	color: #aaa;
	opacity: .4;
	filter: alpha(opacity=50);
}
#popup
{
	width:500px;
	height:400px;
	position:absolute;
	top:200px;
	left:300px;
	color: #000;
	background-color: #fff;
	border: 2px solid black;
}
</style>
<script type="text/javascript">
function pop(div)
{
document.getElementById(div).style.display='block';
return false
}
function hide(div)
{
document.getElementById(div).style.display='none';
return false
}
</script>
</head>
<body>
<div id="pop1" class="parentDisable">
<div id="popup">
This is popup 1<p>
<a href="#" onclick="return hide('pop1')">Close</a>
</p>
</div></div>
<div id="pop2" class="parentDisable">
<div id="popup">
This is popup 2<p>
<a href="#" onclick="return hide('pop2')">Close</a>
</p>
</div></div>
<center>
<h3>Simple Popup Div + Background Disable Example</h3>
</br></br>
<a href="#" onclick="return pop('pop1')">Popup 1</a>
</br></br>
<a href="#" onclick="return pop('pop2')">Popup 2</a>

</center>
</body>
</html>
    Thanks again.
    Reply With Quote Reply With Quote
  2. 08-06-2009, 09:38 PM #2
    vegasidol
    vegasidol is offline Junior Coders
    Join Date
    Jul 2009
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Are my questions really that hard, or am I beyond help?

    A friend offered me some help, but it didn't fix the problem, still doesn't show up in IE6.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>PopUp Div + Background Disable</title>
<style type="text/css">
.parentDisable
{
	z-index:999;
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	top:0;
	left:0;
	background-color: #ccc;
	color: #aaa;
	opacity: .4;
	filter: alpha(opacity=50);
}
#popup
{
	width:500px;
	height:400px;
	position:absolute;
	top:200px;
	left:300px;
	color: #000;
	background-color: #fff;
	border: 2px solid black;
}
</style>
<script type="text/javascript">
function pop(div)
{
object=getObj(div)
object.style.display='block';
return false
}
function hide(div)
{
object=getObj(div)
object.style.display='none';
return false
}
//******************************************************************
function getObj(cName){
        var obj1;
        if (document.getElementById) {
            obj1 = document.getElementById(cName);
        } else if (document.all) {
            obj1 = document.all[cName];
        } else if (document.layers) {
            obj1 = document.layers[cName];
        } else {
            obj1 = document.getElementById(cName);
        }
        return obj1;
} 
</script>
</head>
<body>
<div id="pop1" class="parentDisable">
<div id="popup">
This is popup 1<p>
<a href="#" onclick="return hide('pop1')">Close</a>
</p>
</div></div>
<div id="pop2" class="parentDisable">
<div id="popup">
This is popup 2<p>
<a href="#" onclick="return hide('pop2')">Close</a>
</p>
</div></div>
<center>
<h3>Simple Popup Div + Background Disable Example</h3>
</br></br>
<a href="#" onclick="return pop('pop1')">Popup 1</a>
</br></br>
<a href="#" onclick="return pop('pop2')">Popup 2</a>

</center>
</body>
</html>
    Reply With Quote Reply With Quote
  3. 08-06-2009, 10:09 PM #3
    JShor's Avatar
    JShor
    JShor is offline Senior Coders
    Join Date
    Mar 2007
    Location
    New York, NY
    Posts
    557
    Thanks
    8
    Thanked 66 Times in 66 Posts

    Default

    You're talking about Popup divs, not windows. Your code has no support to it, it's not appending any new items.

    Try this ready-made script:
    http://www.dynamicdrive.com/dynamici...dhtmlmodal.htm
    - Josh
    Reply With Quote Reply With Quote

  4. The Following User Says Thank You to JShor For This Useful Post:

    vegasidol (08-06-2009)
  5. 08-06-2009, 10:23 PM #4
    vegasidol
    vegasidol is offline Junior Coders
    Join Date
    Jul 2009
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Yes, pop up divs. I can try giving your link a shot...but it's a little beyond my level.

    I don't know what you mean by my code not having support. It works in firefox just fine, it just doesn't work in IE6.

    Thank you for being patient. I'm more of a web designer with basic html knowledge, and I'm just looking for a pop up solution that doesn't involve popping up a whole new page.

    Thanks again.
    Reply With Quote Reply With Quote
  6. 08-07-2009, 06:39 AM #5
    vwphillips
    vwphillips is offline Elite Coders
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>PopUp Div + Background Disable</title>
<style type="text/css">
.parentDisable
{
	z-index:999;
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	top:0;
	left:0;
	background-color: #ccc;
	color: #aaa;
	opacity: .4;
	filter: alpha(opacity=50);
}
.popup
{
	width:500px;
	height:400px;
	position:absolute;
	top:200px;
	left:300px;
	color: #000;
	background-color: #fff;
	border: 2px solid black;
}
</style>
<script type="text/javascript">
function pop(div)
{
object=getObj(div)
object.style.display='block';
return false
}
function hide(div)
{
object=getObj(div)
object.style.display='none';
return false
}
//******************************************************************
function getObj(cName){
        var obj1;
        if (document.getElementById) {
            obj1 = document.getElementById(cName);
        } else if (document.all) {
            obj1 = document.all[cName];
        } else if (document.layers) {
            obj1 = document.layers[cName];
        } else {
            obj1 = document.getElementById(cName);
        }
        return obj1;
}
</script>
</head>
<body>
<div id="pop1" class="parentDisable">
<div class="popup">
This is popup 1<p>
<a href="#" onclick="return hide('pop1')">Close</a>
</p>
</div></div>
<div id="pop2" class="parentDisable">
<div class="popup">
This is popup 2<p>
<a href="#" onclick="return hide('pop2')">Close</a>
</p>
</div></div>
<center>
<h3>Simple Popup Div + Background Disable Example</h3>
</br></br>
<a href="#" onclick="return pop('pop1')">Popup 1</a>
<br /><br />
<a href="#" onclick="return pop('pop2')">Popup 2</a>

</center>
</body>
</html>
    ID names must be unique
    incorrect BR tags for doc type
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules