1
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Acceso por getElementsByTagName desde enlace
« en: 01 de Junio 2017, 05:37 »
Gracias me ha resultado 
Noticias:
Aprende a programar desde cero con el libro "Aprender a programar. Algoritmos y fundamentos de programación orientados a la ingeniería y ciencias". 748 pgs. Editorial aprenderaprogramar.com.
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.
Páginas: [1]
2
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Acceso por getElementsByTagName desde enlace
« en: 28 de Mayo 2017, 04:44 »
Aquí está el código:
Desde contenido hasta los div, obtener los id al pulsar uno de ellos con javascript
Código: [Seleccionar]
<div id="contenido" class="contenedor1">
<?php
for ($i=1; $i <= 10 ; $i++) {
$ids= "miId".$i;
echo "<a href='#'>";
echo "<div id='".$ids."'></div>";
echo "</a>";
}
?>
</div>
Desde contenido hasta los div, obtener los id al pulsar uno de ellos con javascript
3
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
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ó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
4
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
index.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';
?>
5
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
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>
6
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Ayuda en javascript
« en: 31 de Octubre 2016, 06:30 »
Hola gracias Jorge Lopez por tu respuesta, de verdad me ha servido bastante y cumple con lo que queria. De todas formas quiero saber si existe alguna propiedad que me permita que la imagen tarde un par de milisegundo mas antes de que el div #titulo se oculte.
Me explico, al hacer click sobre la misma imagen funciona bien, ya que esta no debiese cambiar al ocultarse el div #titulo. Pero al cambiar la imagen 1 a la 3, o de la 2 a la 4 se puede ver el cambio de la imagen (id : #nuevo) antes que el div #titulo se oculte.
Creo que la velocidad del cierre del div #titulo esta bien ya que debe ser lento, lo que me gustaria saber si hay una propiedad que demore a la imagen #nuevo y tarde un par de milisegundo en ser visualizada.
Me explico, al hacer click sobre la misma imagen funciona bien, ya que esta no debiese cambiar al ocultarse el div #titulo. Pero al cambiar la imagen 1 a la 3, o de la 2 a la 4 se puede ver el cambio de la imagen (id : #nuevo) antes que el div #titulo se oculte.
Creo que la velocidad del cierre del div #titulo esta bien ya que debe ser lento, lo que me gustaria saber si hay una propiedad que demore a la imagen #nuevo y tarde un par de milisegundo en ser visualizada.
7
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.
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]
Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.
Abraham Lincoln (1808-1865) Presidente estadounidense.
aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación
-
SMF 2.0.19 |
SMF © 2020, Simple Machines
-
RSS -
WAP2