Hola, quiero poner este layer en joomla, pero cundo lo pongo entre
<head>
Aparece el cuadro pero no se mueve alguien me puede ayudar a cual es el problema por el cual no se mueve en joomla?? y donde colo carlo?? realmente si va en <head> ????
Este es el codigo del layer:
Código HTML:
<script language="JavaScript" type="text/javascript">
var topMargin = 100
var slideTime = 1200
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
var ie6 = (document.documentElement);
window.setInterval("main()", 10)
function floatObject() {
findHt = (ns6||ns4) ? innerHeight : document.body.clientHeight;
}
function main() {
if (ns4) {
this.currentY = document.floatLayer.top;
this.scrollTop = window.pageYOffset;
mainTrigger();
} else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();
}
}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY
floatStart();
}
animator();
}
}
function floatStart() {
var now = new Date()
this.A = this.targetY - this.currentY
this.B = Math.PI / ( 2 * this.slideTime )
this.C = now.getTime()
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt
this.A = this.A > 0 ? this.findHt : -this.findHt
} else {
this.D = this.currentY
}
}
function animator() {
var now = new Date()
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D
newY = Math.round(newY)
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )floatLayer.style.pixelTop = newY
if ( ns4 )document.floatLayer.top = newY
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px"
}
}
</script>
<style type="text/css">
<!--
.style1 {font-size: 9px}
.style2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div class="style1" id="floatLayer" style="position: absolute; height:200px; width:200px; left:2px; top:0px;z-index: 100">
<div align="center">
<p class="style2"> </p>
<p><strong><script type="text/javascript"><!--
google_ad_client = "pub-1176681750974024";
//250x250, creado 2/01/08
google_ad_slot = "3719686995";
google_ad_width = 250;
google_ad_height = 250;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>