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
![Gui�ar ;)](https://aprenderaprogramar.com/foros/Smileys/default/wink.gif)
Aprende a programar con pseudocódigo con el libro "Aprende a programar con pseudocódigo, diagramas de flujo y ejercicios resueltos en C. 442 pgs. Editorial aprenderaprogramar.com.
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.
<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>
<div class="contenedor1">
<?php
for ($i=1; $i <= 10 ; $i++) {
$ids= "miId".$i;
echo "<a href='#'>";
echo "<div id='".$ids."'></div>";
echo "</a>";
}
?>
</div>
<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>
<?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';
?>
<!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>
<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>
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