Hola amigos.
Estoy desarrollando un calendario basado en el codigo expuesto en desarrolloweb, exactamente el mostrado en el articulo:
http://www.desarrolloweb.com/articulos/1262.php
Ademas poseo una funcion que me permite mostrar un layer (<div>) con una informacion determinada.
<div id="dhtmltooltip"></div>
<script type="text/javascript">
var offsetxpoint=-60
var offsetypoint=20
var ie=document.all
var ns6=document.getElementById&&!document.all
var enabletip=false
if(ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip"): ""
function ietruebody(){
return(document.compatMode&&document.compatMode!=" BackCompat")? document.documentElement : document.body}
function ddrivetip(thetext,thecolor,thewidth){
if(ns6||ie){
if(typeof thewidth!="undefined")tipobj.style.width=thewidth+ "px"
if(typeof thecolor!="undefined"&&thecolor!="")tipobj.style.b ackgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false}}
function positiontip(e){
if(enabletip){
var curX=(ns6)?e.pageX : event.x+ietruebody().scrollLeft
var curY=(ns6)?e.pageY : event.y+ietruebody().scrollTop
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
var leftedge=(offsetxpoint<0)? offsetxpoint*(-1):-1000
if(rightedge<tipobj.offsetWidth)
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if(curX<leftedge)
tipobj.style.left="5px"
else
tipobj.style.left=curX+offsetxpoint+"px"
if(bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility="visible"}}
function hideddrivetip(){
if(ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''}}
document.onmousemove=positiontip
</script>
Lo que estoy intentando es unir estos dos codigos y que al pasar por encima de una celda de un dia determinado del calendario se muestre este layer con una información.
El problema es que no consigo ejecutar el script y me muestra el contenido del layer en la misma celda. El codigo es el siguiente:
$calendar .= ("<td width='".$AnchoCeldas).
("' height='".$AltoCeldas).
("' align='".$AlineacionHorizontalTexto).
("' valign='".$AlineacionVerticalTexto).
("' onMouseOver=javascript
:ddrivetip('<div>Texto del dia.</div>','#000099','300') onmouseout=javascript
:hideddrivetip() ").
("' ");
Si no entienden algo intentare explicarme mejor, creo que por el momento se entinde.
Podrian ayudarme? Muchas gracias a todos!