Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.

Temas - Adum

Páginas: [1]

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript acceso por getElementsByTagName desde enlace firstChild.nextSibling

« en: 27 de Mayo 2017, 02:30 »

Hola amigos, necesito ayuda para poder acceder a unos elementos con javascript

Código: [Seleccionar]

<div class="contenedor1">
					<?php  
						for ($i=1; $i <= 10 ; $i++) { 
							$ids= "miId".$i;
							echo "<a href='#'>";			
							echo "<div id='".$ids."'></div>";
							echo "</a>";					
						}
					?>	
</div>

Lo que necesito es acceder desde "a" por getElementsByTagName, a el primer nodo hijo que seria un div, y a ese div obtener el id. Es posible obtener el id desde un enlace a

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Evento youtube javascript para galeria video youtube evento onPlayerStateChange

« en: 17 de Mayo 2017, 09:24 »

Buenas, he estado harto rato pegado buscando la solucion. Lo que necesito es que al pulsar un video me redirija a una pagina siguiente con su respectivo id, es decir, ejemplo pagina2?id=1.php.

Resulta que me falta que el evento onPlayerStateChange me pueda capturar las pulsaciones de los videos de youtube, pero solo me lo hace para el primer video y teniendo una lista de 10 videos no me redirije a la pagina siguiente como quiero.

$foto['id'] = muestra el id guardado en la base de datos
$foto['imagen'] = muestra la url del video

index.view.php

Código: [Seleccionar]

        <head>
        	<script type="text/javascript">

	var tag = document.createElement('script');
	tag.src = "https://www.youtube.com/iframe_api";
	var firstScriptTag = document.getElementsByTagName('script')[0];
	firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

	var player; 
	
	function onYouTubeIframeAPIReady() {
		<?php foreach ($fotos as $foto):?>
		var foto = '<?php echo $foto['imagen']; ?>';
   		 player = new YT.Player('player01', {
     		   height: '150',
    		    width: '250',
   	 		    videoId: youtube_parser(foto),
     		   events: {
     		       'onStateChange': onPlayerStateChange
     		   }
   		 });
   		 //<?php endforeach; ?>
		} 

	function onPlayerStateChange(event) {

   		 if (event.data == 3) {
   		 	var href = document.querySelector('#player01').parentNode.getAttribute('href');
   		    alert(href);
   		    //window.location = href;
  	 		 }
	}

	function youtube_parser(url){
 	  	var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/;
  	  	var match = url.match(regExp);
  	  	return (match&&match[7].length==11)? match[7] : false;
	}

	</script>
        </head>

	<section class="fotos">
		<div class="contenedor">
			<?php foreach ($fotos as $foto):?>
				<div class="thumb">
					<a href="foto.php?id=<?php echo $foto['id']; ?>" target="_blank">
						<div id="player01">
							<iframe src="<?php echo $foto['imagen']; ?>"></iframe>
						</div>
					</a>
				</div>
			<?php endforeach; ?>
		</div>
	</section>

index.php

Código: [Seleccionar]

<?php 

require 'funciones.php';

$fotos_por_pagina = 5;

$pagina_actual = (isset($_GET['p']) ? (int)$_GET['p'] : 1);
$inicio = ($pagina_actual > 1) ? $pagina_actual * $fotos_por_pagina - $fotos_por_pagina :0;

$conexion = conexion('galeria_videos','root','');

if(!$conexion){
	die();
}

$statement = $conexion->prepare("SELECT SQL_CALC_FOUND_ROWS * FROM videos LIMIT $inicio , $fotos_por_pagina");

$statement->execute();
$fotos = $statement->fetchAll();

if(!$fotos){
	header('Location: index.php');
}

$statement = $conexion->prepare("SELECT FOUND_ROWS() AS total_filas");
$statement->execute();
$total_post = $statement->fetch()['total_filas'];

$total_paginas = ceil($total_post / $fotos_por_pagina);

require 'views/index.view.php';

 ?>

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / direccionar carpetas js css html y php: rutas relativas y absolutas subir nivel

« en: 03 de Noviembre 2016, 04:49 »

Buen dia, estoy realizando un sitio y quiero realizarlo con una arquitectura mas bien ordenada, es decir por capas.

Utilizo css,js,html y php.

De acuerdo a las capas tengo la carpeta comun que contiene un footer y header, ademas de una carpeta negocio que tiene galeria.php. En css tengo estilos.css y en js que no se ve en la imagen esta jquery.js

Al inicio tengo index.php y puedo llamar de lo mas bien al footer y header, mi idea es generalizar.

Una vez en comun/negocio/galeria php es donde tengo problemas al llamar los estilos.css y los .js (jquery.js), quizas sea algo sencillo pero no logro acceder a estos archivos desde galeria.php

galeria.php

Código: [Seleccionar]

<!DOCTYPE html>
<html lang="es">
	<head>
	<meta charset="UTF-8">
	<title>Document</title><
        <link rel="stylesheet" type="text/css" href="../css/estilos.css">
</head>
<body>
<div class="general">
	<?php require_once('../header.php') ?>
	<?php require_once('../footer.php') ?>

</div> 

<script type="text/javascript" src="../js/jquery.js"></script>

</body>
</html>

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript jQuery animación efecto cierre lento método fadeUp función anónima

« en: 25 de Octubre 2016, 07:34 »

Hola buen dia, soy nuevo en este foro, espero me puedan ayudar en lo siguiente...

Estoy creando una galeria de imágenes, pero tengo dos problemas que no se como realizar. El primero es que al hacer click a una imagen quiero que el div superior (#titulo) se cierre lentamente y no tan brusco como lo hace. Y en segundo lugar que al dar click en una imagen cualquiera esta abra el div titulo (esto ya lo hace), pero al pulsar nuevamente la misma imagen el div titulo se haga display:none , es decir oculte.

Código: [Seleccionar]

<script>

 

$(document).ready(function(){ 

	$("#titulo").css("display","none"); 

	$(".pulsa").click(function () { 

                if($("#titulo").css("display") == "block"){

			$("#titulo").slideUp("slow");
			$("#titulo").css("display","none");
			$("#contenido").css("display","block");
			var srcs = $(this).attr("src");
			document.getElementById("nuevo").src = srcs;
			$('#nuevo').css("display","none");
			$("#titulo").slideDown("slow");
			e.preventDefault();
		}else{
			$("#titulo").slideDown("slow");
			$("#titulo").css("display","block");
			$("#contenido").css("display","block");
			var srcs = $(this).attr("src");
			document.getElementById("nuevo").src = srcs;
			e.preventDefault();
		}

		$('#nuevo').css("display","block");
	});
}); 

</script> 

<body>
	<div id="titulo">
		<img id="nueva">
	</div>
	<div id="contenido">
    	<a href="#"><img class="pulsa" src="img/leon.jpg" width="250" height="150"></a>
    	<a href="#"><img class="pulsa" src="img/gato.jpg" width="250" height="150"></a>
    	<a href="#"><img class="pulsa" src="img/lobo.jpg" width="250" height="150"></a>
    	<a href="#"><img class="pulsa" src="img/oso.jpg" width="250" height="150"></a> 

        </div> 

</body>

Páginas: [1]

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: