Foros del Web » Creando para Internet » Diseño web »

No se que codigo usan en esta web.

Estas en el tema de No se que codigo usan en esta web. en el foro de Diseño web en Foros del Web. Hola a todos. Recientemente me han dicho que tengo que continuar un trabajo ya empezado. Al ir a ver el codigo de la página web ...
  #1 (permalink)  
Antiguo 26/09/2006, 14:44
 
Fecha de Ingreso: febrero-2005
Mensajes: 129
Antigüedad: 12 años, 10 meses
Puntos: 2
No se que codigo usan en esta web.

Hola a todos.
Recientemente me han dicho que tengo que continuar un trabajo ya empezado. Al ir a ver el codigo de la página web me he encontrado con esto:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Index</title>
<style type="text/css"> 
body { font-size: 10px; font-family: verdana; background-color: #000000; } 
#Capa01 {
	position:absolute;
	left:0px;
	top:0px;
	width: 950px;
	height: 130px;
	background-color:  #000000;
} 
#Capa02 {
	position:absolute;
	left:0px;
	top:130px;
	width: 950px;
	height: 470px;
	background-color: #000000;
} 
#Capa03 {
	position:absolute;
	left:0px;
	top:90px;
	height: 20px;
	width: 950px;
	
} 

</style>
<script language="JavaScript"  type="text/javascript">
<!--

IE5=NN4=NN6=OPA=false 
if(navigator.userAgent.toLowerCase().indexOf("opera")+1)OPA=true 
else if(document.all)IE5=true 
else if(document.layers)NN4=true 
else if(document.getElementById)NN6=true 

onload=initialize   // llama initialize() cuando carga la pág. 
onresize=rePos      // call rePos() cuando la página se cambie de tamaño (onresize) 

// Opera no tiene evento 'onresize' así que hay que llamar a 'rePos' a cada momento 
if(OPA) setInterval("rePos()",500) 

function initialize() { 
   if(NN4) Capa1=document.Capa01
   else 	Capa1=document.getElementById("Capa01").style
   if(NN4) Capa2=document.Capa02
   else 	Capa2=document.getElementById("Capa02").style
   if(NN4) Capa3=document.Capa03
   else 	Capa3=document.getElementById("Capa03").style
   rePos() 
} 

w=950   // ancho de la capa 
function rePos() { 
   // calcula el centro 
   if(NN4||NN6) { 
      xc=Math.round((window.innerWidth/2)-(w/2)) 
   } else { 
      xc=Math.round((document.body.clientWidth/2)-(w/2)) 
   } 
   // reposiciona la capa 
   if(this.NN4) { 
      Capa1.moveTo(xc,0)
   } else { 
      Capa1.left = xc + "px"
   } 
   if(this.NN4) { 
      Capa2.moveTo(xc,0)
   } else { 
      Capa2.left = xc + "px"
   } 
   if(this.NN4) { 
      Capa3.moveTo(xc,0)
   } else { 
      Capa3.left = xc + "px"
   } 
} 




B11 = new Image
B12 = new Image
B13 = new Image
B21 = new Image
B22 = new Image
B23 = new Image
B31 = new Image
B32 = new Image
B33 = new Image
B41 = new Image
B42 = new Image
B43 = new Image
B51 = new Image
B52 = new Image
B53 = new Image
B61 = new Image
B62 = new Image
B63 = new Image
B71 = new Image
B72 = new Image
B73 = new Image

B11.src = "Auxiliares/B1_1.gif"
B12.src = "Auxiliares/B1_2.gif"
B21.src = "Auxiliares/B2_1.gif"
B22.src = "Auxiliares/B2_2.gif"
B31.src = "Auxiliares/B3_1.gif"
B32.src = "Auxiliares/B3_2.gif"
B41.src = "Auxiliares/B4_1.gif"
B42.src = "Auxiliares/B4_2.gif"
B51.src = "Auxiliares/B5_1.gif"
B52.src = "Auxiliares/B5_2.gif"
B61.src = "Auxiliares/B6_1.gif"
B62.src = "Auxiliares/B6_2.gif"
B71.src = "Auxiliares/B7_1.gif"
B72.src = "Auxiliares/B7_2.gif"

B13.src = B11.src
B23.src = B21.src
B33.src = B31.src
B43.src = B41.src
B53.src = B51.src
B63.src = B61.src
B73.src = B71.src


k1 = "0"
k2 = "1"
k3 = "0"
function Sobre(Boton){
	k1 = Boton
	switch (k1) {
		case "1" :	document.B1.src = B12.src ;
			break
		case "2" :	document.B2.src = B22.src ;
			break
		case "3" :	document.B3.src = B32.src ;
			break
		case "4" :	document.B4.src = B42.src ;
			break
		case "5" :	document.B5.src = B52.src ;
			break
		case "6" :	document.B6.src = B62.src ;
			break
		case "7" :	document.B7.src = B72.src ;
			break
	}
}

function Activa(Boton){
	k2 = Boton
	switch (k2) {
		case "1" :	document.B1.src = B12.src ;
					document.B2.src = B21.src ;
					document.B3.src = B31.src ;
					document.B4.src = B41.src ;
					document.B5.src = B51.src ;
					document.B6.src = B61.src ;
					document.B7.src = B71.src ;
					B13.src = B12.src ;
					B23.src = B21.src ;
					B33.src = B31.src ;
					B43.src = B41.src ;
					B53.src = B51.src ;
					B63.src = B61.src ;
					B73.src = B71.src ;
					
			break
		case "2" :	document.B1.src = B11.src ;
					document.B2.src = B22.src ;
					document.B3.src = B31.src ;
					document.B4.src = B41.src ;
					document.B5.src = B51.src ;
					document.B6.src = B61.src ;
					document.B7.src = B71.src ;
					B13.src = B11.src ;
					B23.src = B22.src ;
					B33.src = B31.src ;
					B43.src = B41.src ;
					B53.src = B51.src ;
					B63.src = B61.src ;
					B73.src = B71.src ;
			break
		case "3" :	document.B1.src = B11.src ;
					document.B2.src = B21.src ;
					document.B3.src = B32.src ;
					document.B4.src = B41.src ;
					document.B5.src = B51.src ;
					document.B6.src = B61.src ;
					document.B7.src = B71.src ;
					B13.src = B11.src ;
					B23.src = B21.src ;
					B33.src = B32.src ;
					B43.src = B41.src ;
					B53.src = B51.src ;
					B63.src = B61.src ;
					B73.src = B71.src ;
			break
		case "4" :	document.B1.src = B11.src ;
					document.B2.src = B21.src ;
					document.B3.src = B31.src ;
					document.B4.src = B42.src ;
					document.B5.src = B51.src ;
					document.B6.src = B61.src ;
					document.B7.src = B71.src ;
					B13.src = B11.src ;
					B23.src = B21.src ;
					B33.src = B31.src ;
					B43.src = B42.src ;
					B53.src = B51.src ;
					B63.src = B61.src ;
					B73.src = B71.src ;
			break
		case "5" :	document.B1.src = B11.src ;
					document.B2.src = B21.src ;
					document.B3.src = B31.src ;
					document.B4.src = B41.src ;
					document.B5.src = B52.src ;
					document.B6.src = B61.src ;
					document.B7.src = B71.src ;
					B13.src = B11.src ;
					B23.src = B21.src ;
					B33.src = B31.src ;
					B43.src = B41.src ;
					B53.src = B52.src ;
					B63.src = B61.src ;
					B73.src = B71.src ;
			break
		case "6" :	document.B1.src = B11.src ;
					document.B2.src = B21.src ;
					document.B3.src = B31.src ;
					document.B4.src = B41.src ;
					document.B5.src = B51.src ;
					document.B6.src = B62.src ;
					document.B7.src = B71.src ;
					B13.src = B1.src ;
					B23.src = B21.src ;
					B33.src = B31.src ;
					B43.src = B41.src ;
					B53.src = B51.src ;
					B63.src = B62.src ;
					B73.src = B71.src ;
			break


		case "7" :	document.B1.src = B11.src ;
					document.B2.src = B21.src ;
					document.B3.src = B31.src ;
					document.B4.src = B41.src ;
					document.B5.src = B51.src ;
					document.B6.src = B61.src ;
					document.B7.src = B72.src ;
					B13.src = B11.src ;
					B23.src = B21.src ;
					B33.src = B31.src ;
					B43.src = B41.src ;
					B53.src = B51.src ;
					B63.src = B61.src ;
					B73.src = B72.src ;
			break
	}
}

function Fuera(){	
					document.B1.src = B13.src ;
					document.B2.src = B23.src ;			
					document.B3.src = B33.src ;			
					document.B4.src = B43.src ;			
					document.B5.src = B53.src ;			
					document.B6.src = B63.src ;			
					document.B7.src = B73.src ;			
}
//-->
</script>

</head>

<body bgcolor="#000000" >
<div id="Capa01"><img src="Auxiliares/Cabecera.jpg" width="950" height="130"> </div> 
<div id="Capa02">

  <iframe   style=" background-color:#000000" src="dulces.html" name="iframe02" width="950" marginwidth="0" height="750" marginheight="0" scrolling="no" frameborder="0"> </iframe>
</div> 
<div id="Capa03"  align="center" >
			<table  border="0"  width="950" height="20"cellspacing="0" cellpadding="0">
				<tr >
					<td width="559" ></td >
					<td ><a href="dulces.html"  target="iframe02" onMouseOver="Sobre('1')"  onMouseOut="Fuera()" onClick="Activa('1')"><img src="Auxiliares/B1_2.gif" alt=""  name="B1"  height="20" width="70" border="0" /></a></td>
					<td ><a href="noticias.html" target="iframe02" onMouseOver="Sobre('2')"  onMouseOut="Fuera()" onClick="Activa('2')"><img src="Auxiliares/B2_1.gif" alt=""  height="20" width="47"name="B2" border="0" /></a></td>
					<td ><a href="dulces.html" target="iframe02" onMouseOver="Sobre('3')"  onMouseOut="Fuera()" onClick="Activa('3')"><img src="Auxiliares/B3_1.gif" alt="" height="20" width="70" name="B3" border="0" /></a></td>

					<td ><a href="premios.html" target="iframe02" onMouseOver="Sobre('4')"  onMouseOut="Fuera()" onClick="Activa('4')"><img src="Auxiliares/B4_1.gif" alt=""  height="20" width="49" name="B4" border="0" /></a></td>
					<td ><a href="dulces.html" target="iframe02" onMouseOver="Sobre('5')"  onMouseOut="Fuera()" onClick="Activa('5')"><img src="Auxiliares/B5_1.gif" alt=""  height="20" width="36" name="B5" border="0" /></a></td>
					<td ><a  href="dulces.html" target="iframe02" onMouseOver="Sobre('6')"  onMouseOut="Fuera()" onClick="Activa('6')"><img src="Auxiliares/B6_1.gif" alt=""  height="20" width="65" name="B6" border="0" /></a></td>
					<td ><a  href="mailto:[email protected]" onmouseover="Sobre('7')" onmouseout="Fuera()" onclick="Activa('7')"><img src="Auxiliares/B7_1.gif" alt=""  height="20"  width="54" name="B7" border="0" /></a></td>
				</tr>
  </table>
</div> 
</body>
</html>
El problema es que no llego a comprender que tipo de condigo es y como funciona. Aunque viendolo mejor, me parece que es javascript.Un problema para mi la verdad, pues no se javascript :(

Ya me comentarán.
Muchas gracias ;)
  #2 (permalink)  
Antiguo 26/09/2006, 14:51
Avatar de darkasecas  
Fecha de Ingreso: marzo-2005
Ubicación: SantaCata, NL, Mexico
Mensajes: 1.553
Antigüedad: 12 años, 8 meses
Puntos: 77
Código:
<script language="JavaScript"  type="text/javascript">
>_>
tal ves si preguntas en el subforo correspondiente te puedan ayudar mejor <_<
  #3 (permalink)  
Antiguo 26/09/2006, 18:43
 
Fecha de Ingreso: febrero-2005
Mensajes: 129
Antigüedad: 12 años, 10 meses
Puntos: 2
Cierto.. No se si puedo moverlo yo, o me lo tienen que mover. Pido perdon por el desliz.

Ahora bien, no llego acomprender que es lo que hace todo ese codigo ( no se javascript, aunque estoy algo familiarizado con la programacion ), a ver si me pueden echar una mano.

De todas formas, como no me gusta usar codigo que no entiendo, de que otra forma podria maquetar eso para que quede similar? CSS? tablas ?

Un saludo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:22.