hola, tengo un problemita al querer ejecutar php con onclick
el asunto es que parece funcionar bien la parte de JS pero no ejecuta el php al querer cerrar, ni con ningún boton.
Código PHP:
<html>
<head>
<title>Entel</title>
<script language="javascript" src="ypSlideOutMenusC.js"></script>
<script language="javascript">
var menus = [
new ypSlideOutMenu("menu1", "down", 5, 80, 170, 59),
new ypSlideOutMenu("menu2", "down", 57, 80, 170, 40),
new ypSlideOutMenu("menu3", "down", 147, 80, 170, 97),
new ypSlideOutMenu("menu4", "down", 237, 80, 170, 21)
]
for (var i = 0; i < menus.length; i++) {
menus[i].onactivate = new Function("document.getElementById('act" + i + "').className='active';");
menus[i].ondeactivate = new Function("document.getElementById('act" + i + "').className='';");
}
ypSlideOutMenu.writeCSS();
</script>
<script language="javascript" type="text/javascript">
function MyAjax() {
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function ClearHTML(sHTML) {
sHTML = sHTML.replace(/<[^>]*>/gi, "");
sHTML = sHTML.replace( /\n/gi, "") ;
sHTML = sHTML.replace(/ /gi, "");
return sHTML;
}
</script>
<script language="JavaScript" type="text/javascript">
function cerrar() {
var miAjaxObj1 = MyAjax();
miAjaxObj1.open("borrar.php",true);
miAjaxObj1.send(null);
alert("todos los archivos fueron borrados");
}
function entel() {
var miAjaxObj = MyAjax();
miAjaxObj.open("app/entel/index.php",true);
miAjaxObj.send(null);
}
</script>
<style type="text/css">
/* just basic text formatting - nothing special */
@import "/_common/demo.css";
body {
font-size:11px;
font-family:arial, sans-serif;
color:#444444;
}
#menubar {
position:absolute;
width:450px;
left:5px;
top:55px;
background-color:#F9F1C8;
border:1px solid #AD5800;
padding:2px;
}
#menubar a {
color:#AD5800;
letter-spacing:1px;
border:1px solid #F9F1C8;
padding-left:5px;
padding-right:5px;
text-decoration:none;
}
#menubar a.active {
border-bottom-color:#CCC599;
border-right-color:#CCC599;
border-left-color:#FFFFFF;
border-top-color:#FFFFFF;
}
.menu .options {
margin-right:1px;
margin-bottom:1px;
border:1px solid #AD5800;
background-color:#F9F1C8;
}
.menu a {
color:#AD5800;
display:block;
padding:2px 10px;
text-decoration:none;
background-color:transparent;
}
.menu a:hover {
background-color:#AD5800;
color:#FAF7E1;
}
#about {
position:absolute;
left:5px;
top:200px;
}
</style>
</head>
<body>
<div id="menubar">
<a id="act0" href="/entel2/" onmouseover="ypSlideOutMenu.showMenu('menu1')" onmouseout="ypSlideOutMenu.hideMenu('menu1')" title="onmouseover=ypSlideOutMenu.showMenu('menu1'); onmouseout=ypSlideOutMenu.hideMenu('menu1')">INICIO</a>
<a id="act1" href="/app/" onmouseover="ypSlideOutMenu.showMenu('menu2')" onmouseout="ypSlideOutMenu.hideMenu('menu2')" title="onmouseover=ypSlideOutMenu.showMenu('menu2'); onmouseout=ypSlideOutMenu.hideMenu('menu2')">APLICACIONES</a>
<a id="act2" href="/report/" onmouseover="ypSlideOutMenu.showMenu('menu3')" onmouseout="ypSlideOutMenu.hideMenu('menu3')" title="onmouseover=ypSlideOutMenu.showMenu('menu3'); onmouseout=ypSlideOutMenu.hideMenu('menu3')">GUARDAR</a>
</div>
<div id="menu1Container">
<div id="menu1Content" class="menu">
<div class="options">
<a href="#" onClick="cerrar();">Cerrar</a>
</div>
</div>
</div>
<div id="menu2Container">
<div id="menu2Content" class="menu">
<div class="options">
<a href="#" onClick="entel()">Entel-2</a>
<a href="#" >Soft Switch</a>
</div>
</div>
</div>
<div id="menu3Container">
<div id="menu3Content" class="menu">
<div class="options">
<a href="#" >Como .pdf</a>
<a href="#" >Como .txt</a>
</div>
</div>
</div>
<div id="about">
<code>nyuu</code>
</div>
</body>
</html>
borrar.php
Código PHP:
<?php
$filename = 'a.txt';
if(@file_exists($filename))
{unlink('a.txt');}
?>
ypSlideOutMenusC.js
Código PHP:
/* http://ypslideoutmenus.sourceforge.net/ */
ypSlideOutMenu.Registry=[];ypSlideOutMenu.aniLen=250;ypSlideOutMenu.hideDelay=1000;ypSlideOutMenu.minCPUResolution=10;function ypSlideOutMenu(id,_2,_3,_4,_5,_6){this.ie=document.all?1:0;this.ns4=document.layers?1:0;this.dom=document.getElementById?1:0;this.css="";if(this.ie||this.ns4||this.dom){this.id=id;this.dir=_2;this.orientation=_2=="left"||_2=="right"?"h":"v";this.dirType=_2=="right"||_2=="down"?"-":"+";this.dim=this.orientation=="h"?_5:_6;this.hideTimer=false;this.aniTimer=false;this.open=false;this.over=false;this.startTime=0;this.gRef="ypSlideOutMenu_"+id;eval(this.gRef+"=this");ypSlideOutMenu.Registry[id]=this;var d=document;var _8="";_8+="#"+this.id+"Container{visibility:hidden;";_8+="left:"+_3+"px;";_8+="top:"+_4+"px;";_8+="overflow:hidden;z-index:10000;}";_8+="#"+this.id+"Container,#"+this.id+"Content{position:absolute;";_8+="width:"+_5+"px;";_8+="height:"+_6+"px;";_8+="clip:rect(0 "+_5+" "+_6+" 0);";_8+="}";this.css=_8;this.load();}}ypSlideOutMenu.writeCSS=function(){document.writeln("<style type=\"text/css\">");for(var id in ypSlideOutMenu.Registry){document.writeln(ypSlideOutMenu.Registry[id].css);}document.writeln("</style>");};ypSlideOutMenu.prototype.load=function(){var d=document;var _10=this.id+"Container";var _11=this.id+"Content";var _12=this.dom?d.getElementById(_10):this.ie?d.all[_10]:d.layers[_10];if(_12){var _13=this.ns4?_12.layers[_11]:this.ie?d.all[_11]:d.getElementById(_11);}var _14;if(!_12||!_13){window.setTimeout(this.gRef+".load()",100);}else{this.container=_12;this.menu=_13;this.style=this.ns4?this.menu:this.menu.style;this.homePos=eval("0"+this.dirType+this.dim);this.outPos=0;this.accelConst=(this.outPos-this.homePos)/ypSlideOutMenu.aniLen/ypSlideOutMenu.aniLen;if(this.ns4){this.menu.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT);}this.menu.onmouseover=new Function("ypSlideOutMenu.showMenu('"+this.id+"')");this.menu.onmouseout=new Function("ypSlideOutMenu.hideMenu('"+this.id+"')");this.endSlide();}};ypSlideOutMenu.showMenu=function(id){var reg=ypSlideOutMenu.Registry;var obj=ypSlideOutMenu.Registry[id];if(obj.container){obj.over=true;for(menu in reg){if(id!=menu){ypSlideOutMenu.hide(menu);}}if(obj.hideTimer){reg[id].hideTimer=window.clearTimeout(reg[id].hideTimer);}if(!obj.open&&!obj.aniTimer){reg[id].startSlide(true);}}};ypSlideOutMenu.hideMenu=function(id){var obj=ypSlideOutMenu.Registry[id];if(obj.container){if(obj.hideTimer){window.clearTimeout(obj.hideTimer);}obj.hideTimer=window.setTimeout("ypSlideOutMenu.hide('"+id+"')",ypSlideOutMenu.hideDelay);}};ypSlideOutMenu.hideAll=function(){var reg=ypSlideOutMenu.Registry;for(menu in reg){ypSlideOutMenu.hide(menu);if(menu.hideTimer){window.clearTimeout(menu.hideTimer);}}};ypSlideOutMenu.hide=function(id){var obj=ypSlideOutMenu.Registry[id];obj.over=false;if(obj.hideTimer){window.clearTimeout(obj.hideTimer);}obj.hideTimer=0;if(obj.open&&!obj.aniTimer){obj.startSlide(false);}};ypSlideOutMenu.prototype.startSlide=function(_21){this[_21?"onactivate":"ondeactivate"]();this.open=_21;if(_21){this.setVisibility(true);}this.startTime=(new Date()).getTime();this.aniTimer=window.setInterval(this.gRef+".slide()",ypSlideOutMenu.minCPUResolution);};ypSlideOutMenu.prototype.slide=function(){var _22=(new Date()).getTime()-this.startTime;if(_22>ypSlideOutMenu.aniLen){this.endSlide();}else{var d=Math.round(Math.pow(ypSlideOutMenu.aniLen-_22,2)*this.accelConst);if(this.open&&this.dirType=="-"){d=-d;}else{if(this.open&&this.dirType=="+"){d=-d;}else{if(!this.open&&this.dirType=="-"){d=-this.dim+d;}else{d=this.dim+d;}}}this.moveTo(d);}};ypSlideOutMenu.prototype.endSlide=function(){this.aniTimer=window.clearTimeout(this.aniTimer);this.moveTo(this.open?this.outPos:this.homePos);if(!this.open){this.setVisibility(false);}if((this.open&&!this.over)||(!this.open&&this.over)){this.startSlide(this.over);}};ypSlideOutMenu.prototype.setVisibility=function(_24){var s=this.ns4?this.container:this.container.style;s.visibility=_24?"visible":"hidden";};ypSlideOutMenu.prototype.moveTo=function(p){this.style[this.orientation=="h"?"left":"top"]=this.ns4?p:p+"px";};ypSlideOutMenu.prototype.getPos=function(c){return parseInt(this.style[c]);};ypSlideOutMenu.prototype.onactivate=function(){};ypSlideOutMenu.prototype.ondeactivate=function(){};