laratik, la diferencia que menciona caricatos entre modales reales y pseudomodales puede verse en este ejemplo:
Código PHP:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
*{ margin:0; padding:0;}
.bt{ width:100px; height:20px; font-family:Verdana, Geneva, sans-serif; font-size:10px; background:#999; line-height:20px; text-align:center; border:1px outset #000; margin:5px; float:left; cursor:pointer}
#overlay{ position:fixed; background:#000; opacity:.7;filter:alpha(opacity=70); width:100%; height:100%; display:none; z-index:100; }
#innerpseudomodal{ width:300px; height:100px; position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-50px; border:1px solid #000; background:#FFF; z-index:101; display:none; line-height:100px; text-align:center;text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
#cerrarpseudomodal{ width:13px; height:13px; line-height:13px; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:9px; border:1px solid #000; cursor:pointer; position:absolute; top:2px; right:2px; color:#000}
</style>
<script>
var el,i=0;
setInterval(function(){if(a=document.getElementById('test')){a.innerHTML=i++;}},100);
</script>
</head>
<body>
<div id="innerpseudomodal">¿el contador avanza? <div onclick="document.getElementById('overlay').style.display=document.getElementById('innerpseudomodal').style.display='none'" id="cerrarpseudomodal">X</div></div>
<div id="overlay"></div>
<div id="test"></div>
<div onclick="alert('¿el contador avanza?');" class="bt">verdadera modal</div>
<div onclick="document.getElementById('overlay').style.display=document.getElementById('innerpseudomodal').style.display='block'" class="bt">pseudomodal</div>
</body>
</html>
Es por eso que yo estoy de acuerdo con él en esa distinción.
