Mirar os pego el código porque tengo un problemilla que no entiendo.
Si pongo las frases que resalto a continuación dentro del script, el orden de la noticia varia...
Me explico, la noticia tendría que mostrar primero el contenido del titulo, luego la fecha luego la descripción y por último un link...
Pues si pongo lo que esta destacado, este orden me varia, es decir me mantiene el estilo pero el contenido es diferente... en el titulo aparece la fecha en la fecha la descripción y cosas asi...
El Cóodigo es:
<script language="JavaScript" type="text/JavaScript">
var ancho = 248 //anchura del cuadro
var alto = 245 //altura del cuadro
var marco = 0 //para que notenga marco (borde)
var fondo = '#FFFFFF' //color de fondo del cuadro
var pausilla = 4000 //tiempo de la pausa en milisegundos (2000 = 2 segundos)
var destino = "_blank" //target en donde se quiera que se carguen los enlaces, en caso de usarlos.
var cursor = "default;" //cursor que se quiera sobre el cuadro
var colTitular = '#000000' //color del texto del titular
var colTexto = '#523241' // color del texto de la noticia
var colFecha = '#523241' //color del texto de la fecha
var colEnlace = '#000000' //color del texto del enlace
var fuente = "arial" //fuente para los textos
var tamTitular = '14' //tamaño de la fuente del titular
var tamTexto = '11' //tamaño de la fuente del texto de la noticia
var tamFecha = '12' // tamaño de la fuente de la fecha
var tamEnlace = '10' // tamaño de la fuente del enlace
var masInfo = true //Determina si se usa o no el enlace. true para usarlo. false para omitirlo
var poneFecha = true //true para poner fecha. false para omitirla. Si no se quiere fecha, dejar las comillas vacías ""
function noticia(titular,texto,fecha,enlace,destino){
this.titular = titular
this.texto = texto
this.fecha= fecha
this.enlace = enlace
this.destino = destino
}
var noticias = new Array()
noticias[0]= new noticia("titulo1.","descripción1","fecha1","link1" ,"_blank")
noticias[1]= new noticia("titulo2.","descripción2","fecha2","link2" ,"_blank")
noticias[2]= new noticia("titulo3.","descripción3","fecha3","link3" ,"_blank")
noticias[3]= new noticia("titulo4.","descripción4","fecha4","link4" ,"_blank")
var det = false
function escribe(){
document.write ('<div id="mami" style="width:' + ancho + 'px; height:' + alto + 'px; position:relative; overflow:hidden ">')
document.write('<table bgcolor="' + fondo + '" border = "' + marco + '" width="100%" height="100%"><tr><td valign="top">')
document.write ('<div id="uno" style="top:' + alto +'px; width: 100%; height:' + alto + 'px; ">')
Código PHP:
/*document.write ('<table width="100" height="100" border="0" cellpadding="0" cellspacing="0" bordercolor="#523241" style="border-width:1px;border-style: solid;" >')
document.write ('<tr><td width="100" height="100" align="center" valign="middle">')
document.write ('<img src="Images/defecto.jpg" alt="Noticia" width="90" height="90" border="0" />')
document.write ('</td>')
document.write ('</tr></table>')*/
/*document.write ('<div><img src="Images/espacio.gif" width="1" height="10" alt="">')
document.write ('</div>')*/
document.write (noticias[0].titular)
document.write ('</div>')
document.write ('<div class="fecha">')
document.write (noticias[0].fecha)
document.write ('</div>')
Código PHP:
/*document.write ('<div><img src="Images/espacio.gif" width="1" height="10" alt="">')
document.write ('</div>')*/
document.write (noticias[0].texto)
document.write ('</div>')
Código PHP:
/*document.write ('<div><img src="Images/espacio.gif" width="1" height="7" alt="">')
document.write ('</div>')*/
document.write ('<div align="right">')
document.write ('<a class="enlace" href="')
document.write (noticias[0].enlace)
document.write ('" target="' + destino + '">+ información...</a>')
document.write ('</div>')
}
document.write ('</div>')
document.write ('<div id="dos" style="top:' + (alto*2) +'px; width: 100%; height:' + alto + 'px; ">')
Código PHP:
/*document.write ('<table width="100" height="100" border="0" cellpadding="0" cellspacing="0" bordercolor="#523241" style="border-width:1px;border-style: solid;" >')
document.write ('<tr><td width="100" height="100" align="center" valign="middle">')
document.write ('<img src="Images/defecto.jpg" alt="Noticia" width="90" height="90" border="0" />')
document.write ('</td>')
document.write ('</tr></table>')
/*document.write ('<div><img src="Images/espacio.gif" width="1" height="10" alt="">')
document.write ('</div>')*/
document.write (noticias[1].titular)
document.write ('</div>')
document.write ('<div class="fecha">')
document.write (noticias[1].fecha)
document.write ('</div>')
Código PHP:
/*document.write ('<div><img src="Images/espacio.gif" width="1" height="10" alt="">')
document.write ('</div>')*/
document.write (noticias[1].texto)
document.write ('</div>')
Código PHP:
/*document.write ('<div><img src="Images/espacio.gif" width="1" height="7" alt="">')
document.write ('</div>')*/
document.write ('<div align="right">')
document.write ('<a class="enlace" href="')
document.write (noticias[1].enlace)
document.write ('" target="' + destino + '">+ información...</a>')
document.write ('</div>')
}
document.write ('</div>')
document.write('</td></tr></table>')
document.write ('</div>')
if(navigator.appName == "Netscape")
{altoUno = document.getElementById('uno').offsetHeight}
else
{altoUno = document.getElementById('uno').clientHeight}
document.getElementById('uno').onmouseover =function(){
det = true
clearTimeout(tiempo)
}
document.getElementById('uno').onmouseout =function(){
det = false;
clearTimeout(tiempo)
escrolea()
}
document.getElementById('dos').onmouseover =function(){
det = true
clearTimeout(tiempo)
}
document.getElementById('dos').onmouseout =function(){
det = false;
clearTimeout(tiempo)
escrolea()
}
}
desp = 1
var cont = 1
var pos,pos2
function escrolea(){
pos = document.getElementById('uno').style.top
pos = pos.replace(/px/,"");
pos = pos.replace(/pt/,"");
pos = new Number(pos);
pos2 = document.getElementById('dos').style.top
pos2 = pos2.replace(/px/,"");
pos2 = pos2.replace(/pt/,"");
pos2 = new Number(pos2);
pos -= desp
pos2 -= desp
if (pos == desp){
var contenidos = ""
document.getElementById('dos').style.top = alto + "px"
document.getElementById('dos').childNodes[0].firstChild.nodeValue = noticias[cont].titular
if(poneFecha == true){
document.getElementById('dos').childNodes[1].firstChild.nodeValue = noticias[cont].fecha
}
document.getElementById('dos').childNodes[2].firstChild.nodeValue = noticias[cont].texto
if(masInfo == true){
document.getElementById('dos').childNodes[3].href = noticias[cont].enlace
}
document.getElementById('uno').style.top = 0
if(cont == noticias.length-1)
{cont=0}
else{
cont++
}
pausa()
return false
}
else{
if (pos2 == desp){
var contenidos = ""
document.getElementById('uno').style.top = alto + "px"
document.getElementById('uno').childNodes[0].firstChild.nodeValue = noticias[cont].titular
if(poneFecha == true){
document.getElementById('uno').childNodes[1].firstChild.nodeValue = noticias[cont].fecha
}
document.getElementById('uno').childNodes[2].firstChild.nodeValue = noticias[cont].texto
if(masInfo == true){
document.getElementById('uno').childNodes[3].href = noticias[cont].enlace
}
document.getElementById('dos').style.top = 0
if(cont == noticias.length-1)
{cont=0}
else{
cont++
}
pausa()
return false
}
else{
document.getElementById('uno').style.top = pos + "px"
document.getElementById('dos').style.top = pos2 + "px"
}
}
tiempo = window.setTimeout('escrolea()',50)
}
var tiempo
function pausa()
{
clearTimeout(tiempo)
if (det == false){
tiempo = setTimeout ('continuar()',2000)
}
}
function continuar()
{
if(det == false)
{escrolea()}
}
document.write('<style type="text/css">')
document.write ('#uno {')
document.write ('color: #523241;')
if(cursor == "pointer" || cursor == "hand"){
cursor = (navigator.appName == "Netscape")?'pointer;':'hand;';
}
document.write ('cursor:' + cursor + ";")
document.write ('position:absolute;}')
document.write ('#dos {')
document.write ('color: #000000;')
document.write ('cursor:' + cursor + ";")
document.write ('position:absolute;}')
document.write ('.titular{')
document.write ('color:' + colTitular +';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size :' + tamTitular + 'px;font-weight:bold}')
document.write ('.texto{')
document.write ('color:' + colTexto + ';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size:' + tamTexto + 'px;}')
if(poneFecha == true){
document.write ('.fecha{')
document.write ('color:' + colFecha +';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size :' + tamFecha + 'px;font-weight:bold}')
}
else{
document.write ('.fecha{display: none;}')
}
document.write ('.enlace{')
document.write ('color:' + colEnlace + ';')
document.write ('font-family:' + fuente + ';')
document.write ('font-size:' + tamEnlace + 'px;}')
document.write ('</style>')
</script>
