PDA

View Full Version : Idwimie



vegasidol
08-06-2009, 04:28 PM
Any idea why IE6 doesn't like this code? Popups don't appear.


<!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.

vegasidol
08-06-2009, 09:38 PM
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. http://www.bawcforums.org/vbb/images/smilies/IDWIMIE2.gif


<!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>

JShor
08-06-2009, 10:09 PM
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/dynamicindex8/dhtmlwindow/dhtmlmodal.htm

vegasidol
08-06-2009, 10:23 PM
Yes, pop up divs. I can try giving your link a shot...but it's a little beyond my level. :o

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. :)

vwphillips
08-07-2009, 06:39 AM
<!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