Ver Mensaje Individual
  #8 (permalink)  
Antiguo 22/06/2011, 05:52
paskuini
 
Fecha de Ingreso: junio-2009
Mensajes: 156
Antigüedad: 15 años, 6 meses
Puntos: 7
Respuesta: ¿Cómo añadir una función a un enlace?

mira, me han dejado colgarlo si quitaba "palabras clave"

Página "A"
Código HTML:
<html >
<head>
    <script type="text/javascript" src="jquery-1.5.2.js"></script>

*********<style>

    <script>
		function precargar(imagen,origen) {	eval(imagen+' = new Image()') ; eval(imagen+'.src = "'+origen+'"') }
		function previo(titulo_Imagen,Path_Imagen,ID_Contenido){
			/* Identificar Imagen */
				var titul = document.getElementById('titulo_foto')
				var titulo = titul.innerHTML=titulo_Imagen
			/* Averiguar tamaño de imagen */
				var newImg = new Image();
				newImg.src = Path_Imagen;
			/* Precargar imagen */
				precargar('titulo_Imagen','Path_Imagen');
			/* Tomar tamaño de imagen y ajustar contenedor */
				var altura = newImg.height;
				var ancho  = newImg.width;
				var sup_ancho = ancho+40;
				var sup_altura = altura+70;
			/* Alinear contenedor */
				var img2width =sup_ancho;
				var alignwidth= -0.5*(img2width);
			/* Contenidos
				var cont = contenidos+'['+ID_contenido+']';
				document.getElementById('cont').style.display='block'; */
			document.getElementById('vistaprevia').style.backgroundImage="url('" + Path_Imagen + "')";
			document.getElementById('images2').style.display='block';
			document.getElementById('images2').style.width= sup_ancho +'px';
			document.getElementById('images2').style.height= sup_altura +'px';
			document.getElementById('images2').style.position='relative';
			document.getElementById('images2').style.marginLeft='50%';
			document.getElementById('images2').style.left=alignwidth +'px';
			document.getElementById('vistaprevia').style.backgroundPosition='center';
			document.getElementById('vistaprevia').style.backgroundRepeat='no-repeat';
			document.getElementById('vistaprevia').style.padding='0px';
			document.getElementById('vistaprevia').style.margin='20px';
			document.getElementById('vistaprevia').style.width=ancho +'px';
			document.getElementById('vistaprevia').style.height=altura +'px';
			}
		function chapa(){document.getElementById('images2').style.display='none';}

cadVariables = location.search.substring(1,location.search.length);
arrVariables = cadVariables.split("&");
for (i=0; i<arrVariables.length; i++) {
	arrVariableActual = arrVariables[i].split("=");
	if (isNaN(parseFloat(arrVariableActual[1])))
		eval(arrVariableActual[0]+"='"+unescape(arrVariableActual[1])+"';");
	else
		eval(arrVariableActual[0]+"="+arrVariableActual[1]+";");
}
/* Funcion para pasar variables de una página a otra */
function pasarVariables(pagina,nombres){
pagina +="?";
nomVec=nombres.split(",");
for(i=0;i<nomVec.length;i++)
pagina +=nomVec[i] + "=" + escape(eval(nomVec[i]))+"&";
pagina=pagina.substring(0,pagina.length-1);
location.href=pagina;
}
var		varFamilia_formato		="<font style=\"padding-left:20px;\">"+varFamilia+"</font>"
var		varNombre_formato	="<font class=\"subtitulo\">"+varNombre+"</font>"
</script>
</head>
<body>
	<div style="position:absolute; top:110px; width:100%; border-bottom:2px solid rgb(186,0,181);"></div>
<div id="kontainer"    >
    <div id="cabecera"><div onClick="window.location.reload()"></div></div>
    <div id="title">
        <p class="titulo">
            &raquo;<script>document.write(varFamilia_formato)</script>
        </p>
    </div>
    <div id="images">
      <div id="img_prev">
        <ul>
          <div id="img_prev_">
            <li onclick="previo('lalalala','lalalala/Estat.jpg')">
            	<a class="sombra" style="display:block;"></a>
                <script>document.write(miniFoto1)</script>
            </li>
            <li onclick="previo('#CC66CC')">
            	<a class="sombra" style="display:block;"></a>
                <script>document.write(miniFoto2)</script>
            </li>
            <li onclick="previo('#FFCCFF')">
            	<a class="sombra" style="display:block;"></a>
                <script>document.write(miniFoto3)</script>
            </li>
            <li onclick="previo('#FF0000')">
            	<a class="sombra" style="display:block;"></a>
                <script>document.write(miniFoto4)</script>
            </li>
            <li onclick="previo('#00FF00')">
            	<a class="sombra" style="display:block;"></a>
                <script>document.write(miniFoto5)</script>
            </li>
            <li onclick="previo('#0000FF')">
            	<a class="sombra" style="display:block;"></a>
                <script>document.write(miniFoto6)</script>
            </li>
          </div>
        </ul>
      </div>
    </div>
    <div id="images2" style="display:none;">
        <p>
            <div id="titulo_foto"></div>
            <a style="float:right;cursor:pointer; position:absolute; top:20px; right:20px;" onclick="chapa()">[cerrar]</a>
        </p>
        <p id="vistaprevia" style="display:block">
        </p>
    </div>
    <div id="content"> <!--Introducir Variable Javascript-->
        <p class="parrafo_indent_1">
        	<script>document.write(varNombre_formato)</script>
            <script>document.write(varDescripcion)</script>
        </p>
        <p class="parrafo_indent_3">
        </p>
        <blockquote>
   			<script>document.write(varQuote);</script>
        </blockquote>
    </div>
    <div>
        <div style="width:100%; height:110px;" onClick="window.location.reload()"></div>
        <ul id="menu_nav" class="navigator navigator-horizontal">
            <li><a href="./lalalala.html/#reload">Ibermedic</a></li>
            <li><a href="./lalalala.html#navContacto">Contacto</a></li>
            <li><a href="./lalalala.html#navProductos()">Productos</a></li>
            <li><a href="http://www.promaternity.com" target="_blank">Promaternity.com</a></li>
        </ul>
    </div>
</div>    
</body>
</html> 
Página "B"
Código HTML:
<style>
	body 						{ 	margin:0; padding:0; height:100%; font-family:Verdana, Geneva, sans-serif; font-size:0.9em; font-family:"kozgopro-extralight"; src: url('kozgopro-extralight.otf') format(“opentype”); }
</style>
<link rel="stylesheet" href="myStyles.css" />
<script type="text/javascript" src="jquery-1.5.2.js"></script>
<script type="text/javascript" src="shortcuts_v1.js"></script>
<script type="text/javascript" src="myScripts.js"></script>
</head>

<body onload="loAd();">
<script type="text/javascript" src="navigator.js"></script>
<script type="text/javascript" src="lalalala.js"></script>
<script type="text/javascript" src="contact.js"></script>
<script>
function analizar_hash(){
    //analizar el hash para ver si hay una funcion
    var funcion = location.hash ? location.hash.split('#')[1] : false;
    //si funcion no es false (es decir, si se escribio algo en el hash) intentar llamar a la funcion
    if(funcion){
        try{
            //intentar llamar a la funcion obtenida
            eval(funcion + '()');
        }catch(err){
            //aca hago algo si ocurrio un error llamando la funcion.
            //se llamo a una funcion que no existe!
            document.getElementById('txt').innerHTML = 'Se llam&oacute; a la funcion '+ funcion + ', la cual no existe. Error: <span style="color:red;">'+ err +'</span>';
        }
    }
} 
	function navlalalala(){pskShow('lalalala'); pskHide('contacto'); pskHide('productos')}
	function navContacto(){pskHide('lalalala'); pskShow('contacto'); pskHide('productos')}
	function navProductos(){pskHide('lalalala'); pskHide('contacto'); pskShow('productos')}
</script>
<ol id="productos" class="steps">
	<li><ol><h1>Productos</h1></ol></li>
    <li style="margin-left:35px;">
        <div id="mobiliario" class="categoria">Producto</div>
            <div id="mobiliario_" class="subcategoria"><ul>
                <li><a id="mobiliario_1">Producto</a>
                    <ul id="mobiliario_1_" style="display:none;">
                        <li onclick="shader(1);"><a href="lalalala_productos_plantilla.html?varFamilia=Prueba&varNombre=65464&varDescripcion=xxxxx" target="_self">Producto</a></li>
        <div id="emergencias" class="categoria">Producto</div>
            <div id="emergencias_" class="subcategoria"><ul>
                <li><a id="emergencias_1">Producto</a>
                    <ul id="emergencias_1_" style="display:none;">
                        <li onclick="shader(78);">Producto</li>
                        <li onclick="shader(79);">Producto</li>
                    </ul>
                </li>
            </ul></div>
	</li>
</ol>
</body>
</html>