Foros del Web » Creando para Internet » HTML »

Como pasar información de un html a otro

Estas en el tema de Como pasar información de un html a otro en el foro de HTML en Foros del Web. Hola, Tengo unas "animaciones" DHTML que se modifican el tamaño segun el tamaño de la ventana así: (no está acabado porque no se si lo ...
  #1 (permalink)  
Antiguo 05/01/2011, 04:27
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 6 años, 11 meses
Puntos: 1
Pregunta Como pasar información de un html a otro

Hola,

Tengo unas "animaciones" DHTML que se modifican el tamaño segun el tamaño de la ventana así: (no está acabado porque no se si lo podré usar, pero así hos haceis una idea)

Código HTML:
$(document).ready(function() {
	if($(window).width()>1080){;
	}
	if($(window).width()<=1080 && $(window).width()>800){
		 $('div').each(function(){
			alcada=$(this).height();
			$(this).height(alcada*1.5);
			amplada=$(this).width();
			$(this).width(amplada*1.5);
		 });
		 $('img').each(function(){
			alcada=$(this).height();
			$(this).height(alcada*1.5);
			amplada=$(this).width();
			$(this).width(amplada*1.5);
		});
		$('.zoomer').each(function(){
			num=document.getElementById(this.id).style.left;
			left=parseInt(num.replace("px",""));
			document.getElementById(this.id).style.left=left*1.5;
			num=document.getElementById(this.id).style.top;
			amunt=parseInt(num.replace("px",""));
			document.getElementById(this.id).style.top=amunt*1.5;
		});
		
		arearedimension(1.5);
	}
	if($(window).width()<=800){
	}
	//screen.height 
});
Estas animaciones se usan en otro html, con un lightbox (colorbox) este lightbox necesita los tamaños exactos o porcentages del tamaño de la ventana.
Asin que querria pasar las medidas de esta animación al lightbox sin tener que hacer un css con las medidas de cada una de las animaciones, ya que tengo muchisimas.

Es posible que en algun lado detecte el tamaño que tiene la animacion y lo traslade al lightbox?
(este lightbox que uso és porque és muy simple el codigo, y no entiendo mucho, per si hay otro que ya lo haga... pues eso que gano.

Muchas gracias
  #2 (permalink)  
Antiguo 05/01/2011, 07:19
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: Como pasar información de un html a otro

Paso más información haver si aclaro un poco más.

Aqui pongo el codigo como lo tengo puesto ahora en la pagina final.

Código HTML:
<!DOCTYPE html>
<html lang="en">
	<head>
	<meta charset=utf-8 />
	<title>ColorBox Examples</title>
	<style type="text/css">
		body{font:12px/1.2 Verdana, Arial, san-serrif; padding:0 10px;}
		a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
		h2{font-size:13px; margin:15px 0 0 0;}
	</style>
	<link media="screen" rel="stylesheet" href="css/colorbox.css" />
	<script src="scripts/jquery-1.4.4.min.js"></script>
	<script src="scripts/jquery.colorbox.js"></script>

	<script>
		$(document).click(function(){    
			if($(window).width()>1080){
				$(".example10").colorbox({innerWidth:"687px", innerHeight:"475px", iframe:true});
			}
			if($(window).width()<=1080 && $(window).width()>800){
				$(".example10").colorbox({innerWidth:"1030px", innerHeight:"712px", iframe:true});
			}
			if($(window).width()<=800){
				$(".example10").colorbox({innerWidth:"687px", innerHeight:"475px", iframe:true}); 
			}
		});
	</script>
</head>
<body>

	<p><a class='example10' href="gulfs.html">Outside Webpage (Iframe)- GULFS</a></p>

...
la idea és que al poner unas 1000 fotos no tenga que crear un css con cada una de las medidas que quiero la imagen, sino que me lo coja directamente haciendo la misma función que he puesto en el primer comentario, o que me coja las medidas directamente o algo así.

Muchas gracias.
  #3 (permalink)  
Antiguo 10/01/2011, 09:22
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: Como pasar información de un html a otro

Por si a alguien le interesa:

Después de preguntar y no recibir ayuda he indagado, y he conseguido lo que buscava, que era poder transformar la caja segun el tamaño del documento.

Poniendo el clickhoriz (href,width,height) así me lee los tamaños predeterminados para multiplicarlos por los mimos que el iframe

Código HTML:
<script>
	function clickhoriz(shref,iwidth,iheight){    
			//size=getWidthHeight(this.id);
			
			
			if($(window).width()>1080){
				$(".anim").colorbox({href:shref,innerWidth:(iwidth*2)+"px", innerHeight:(iheight*2)+"px", iframe:true});
			}
			if($(window).width()<=1080 && $(window).width()>800){
				$(".anim").colorbox({href:shref,innerWidth:(iwidth*1.5)+"px", innerHeight:(iheight*1.5)+"px", iframe:true});
			}
			if($(window).width()<=800){
				$(".anim").colorbox({href:shref,innerWidth:(iwidth)+"px", innerHeight:(iheight)+"px", iframe:true}); 
			}
		}
	</script>
</head>
<body>

	<p><a href="#" class='anim'  onclick="clickhoriz('gulfs.html',687,475);">Outside Webpage (Iframe)- GULFS</a></p> 
  #4 (permalink)  
Antiguo 10/01/2011, 09:34
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: Como pasar información de un html a otro

Ahora viene el siguiente problema que me surge, haver si alguien se anima esta vez, y me ayuda un poco, que sino paso mas tiempo que nadie para hacer una tonteria.

Al ver que este lightbox no adaptava el tamaño de una imagen al tamaño de documento siendo el tamaño real de la imagen el más grande, he cambiado de lightbox.

Ahora uso el fancybox, y en este no se como ponerle la misma función.

Parece que funcionan igual o muy parecido, pero al darle el href="#" se pierde y no me encuentra el link, y mucho menos los tamaños. Vaya que etoy como al principio.

Hos pongo aqui el codigo del fancybox, haver si alguien ve el error que he cometido, o la forma de integrarlo todo ya que no se si será por la etructura, o que coge las medidas diferente, o la funcion... no se.

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="imagetoolbar" content="no" />
	<title>FancyBox 1.3.4 | Demonstration</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
	<script>
		!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
	</script>
	<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
 	<link rel="stylesheet" href="style.css" />
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			*   Examples - images
			*/

			$("a#example1").fancybox();

			$("a#example2").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'inside'
			});

			$("a#example3").fancybox({
				'transitionIn'	: 'none',
				'transitionOut'	: 'none'	
			});

			$("a#example4").fancybox({
				'opacity'		: true,
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'none'
			});

			$("a#example5").fancybox();

			$("a#example6").fancybox({
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9
			});

			$("a#example7").fancybox({
				'titlePosition'	: 'inside'
			});

			$("a#example8").fancybox({
				'titlePosition'	: 'over'
			});

			$("a[rel=example_group]").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition' 	: 'inside',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span>' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
			});

			/*
			*   Examples - various
			*/

			$("#various1").fancybox({
				'titlePosition'		: 'inside',
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});

			$("#various2").fancybox();

			$("#various3").fancybox({
				'width'				: '75%',
				'height'			: '75%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});

			$("#various4").fancybox({
				'padding'			: 0,
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});
		});
	</script>
	<script>
		function clickhoriz(shref,iwidth,iheight){    
			//size=getWidthHeight(this.id);
			
			
			if($(window).width()>1080){
				$(".anim").fancybox({
					'overlayShow'	: false,
					'transitionIn'	: 'elastic',
					'transitionOut'	: 'elastic'
					href			:  shref,
					innerWidth		:  (iwidth*2)+"px", 
					innerHeight		:  (iheight*2)+"px", 
					'type'			: 'iframe' 
					'titlePosition'	: 'inside'
				});
			}
			if($(window).width()<=1080 && $(window).width()>800){
				$(".anim").fancybox({
					'overlayShow'	: false,
					'transitionIn'	: 'elastic',
					'transitionOut'	: 'elastic'
					href			:  shref,
					innerWidth		:  (iwidth*1.5)+"px", 
					innerHeight		:  (iheight*1.5)+"px", 
					'type'			: 'iframe' 
					'titlePosition'	: 'inside'
				});
			}
			if($(window).width()<=800){
				$(".anim").fancybox({
					'overlayShow'	: false,
					'transitionIn'	: 'elastic',
					'transitionOut'	: 'elastic'
					href			:  shref,
					innerWidth		:  (iwidth)+"px", 
					innerHeight		:  (iheight)+"px", 
					'type'			: 'iframe' 
					'titlePosition'	: 'inside'
				});
			}
		}
	</script>
</head>
<body>
<div id="content">
	<h1>fancybox <span>v1.3.4</span></h1>

	<p>This is a demonstration. <a href="http://fancybox.net">Home page</a></p>

	<hr />
		<p><a href="#" class='anim' rel="example_group" onclick="clickhoriz('img/gulfs.html',687,475);">prova – GULFS</a></p> 
No se si no lo pilla porque innerHeight no lo lee pero no se .
Lo he puesto con comillas, sin comillas, con class, con id, vaya que és como si la función no existiera y después de 2 dias intentandolo ya no se que más hacer.

Etiquetas: pasar
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 10:38.