Si tienes algún problema para registrarte en el foro o para escribir mensajes ponte en contacto con nosotros a través del formulario de contacto de 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.
No hice el array porque pensaba que sería más fácil que lo entendieras así.me refería en la condicional que haces en la function siguiente, aquí está el código
Podrías haber colgado el código completo para ver como te ha quedado.
Así aprendemos todos.
imagenes=['tomate.png', 'espinacas.png', 'esparragos.png'];
var texto=new Array();
texto[0]="<h2>NUESTRA COMIDA.</h2><p>En Dicamino ofrecemos platos conbinados.está diseñado en torno a los conceptos clave del café de excepcional calidad y accesibilidad para los comensales ocasionales. Durante todo el día el desayuno. cocina italiana distintivo. Y un café: resueltamente sin diluir por flaca o descafeinado, se ha convertido en un símbolo de excelencia inflexible</p><p>Utilice las flechas de navegación para navegar a través de una selección de nuestros platos de .</p>"
texto[1]="<h2>DESAYUNO.</h2><p>Izquierda: salmón ahumado y aguacate con su opción de multi-grano, masa fermentada o tostadas Sin Gluten</p><p>Derecha: caramelizado de melocotón y pistacho crepes con crema doble</p>"
texto[2]="<h2>DESAYUNO.</h2><p>Izquierda: Marios Muesli y Ensalada de fruta fresca</p><p>Derecha: Huevos florentina - escalfado Rango huevos libres, que se presentan en inglés tostado molletes con salteado de espinacas y salsa bearnesa Marios</p>"
document.getElementById("siguiente").onclick=fotoSiguiente;
document.getElementById("anterior").onclick=fotoAnterior;
Num=0;
function fotoSiguiente(){
document.getElementById("visor");
if (Num==imagenes.length-1 ){
Num=0;
} else {
Num++;
}
miImagen="imagenes/"+imagenes[Num];
visor.src= miImagen;
document.getElementsByClassName("resumencomida")[0].innerHTML=texto[Num];
}
function fotoAnterior(){
document.getElementById("visor");
if (Num==0){
Num=imagenes.length-1;
} else {
Num--;
}
miImagen="imagenes/"+imagenes[Num];
visor.src= miImagen;
document.getElementsByClassName("resumencomida")[0].innerHTML=texto[Num];
}
miImagen="imagenes/"+imagenes[Num];
visor.src= miImagen;"imagenes" es la carpeta donde tengo las imágenes para este visor, esto sobra si arriba en el array mis imágenes pongo a cada imagen la ruta de la carpeta donde están por ejemplo imagenes=['imagenes/tomate.png', 'imagenes/espinacas.png', 'imagenes/esparragos.png'];y a continuación le paso al id del contenedor que contiene la url de la imagénesmiImagen="imagenes/"+imagenes[Num];
visor.src= miImagen;y por último llamo a la clase resumencomida devolviendome el contenido de cada elemento (innerHTML)document.getElementsByClassName("resumencomida")[0].innerHTML=texto[Num] texto=new array();
Texto[0]="texto";
texto[1]="texto";Para después en mi caso tenía una clase "resumencomida" para los tres textos y para llamar a la clase se hace así document.getElementsByClassName("resumencomida")[0].innerHTML=texto[Num]; yo le llame Num, en mi caso es mi contador y bueno finalmente se me mueve el texto, después de tanto razonar. Gracias por haberme contestado. Saludos
<!DOCTYPE HTML>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>NUESTRA COMIDA</title>
<meta name="description" content="Cafeteria Restaurante Dicamino"/>
<meta name="keywords" content="HTML,CSS,XML,JavaScript"/>
<meta name="author" content="Ana Castro Lopez"/>
<meta property="og:type" content="Cafeteria.Restaurante"/>
<meta property="og:url" content="dicamino.com"/>
<meta property="site_name" content="Dicamino"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/syle.css"><script type="text/javascript" src="js/responsive-nav.min.js"></script>
</head
<body>
<?php include "cabecera.php"; include "menu.php";?>
<div id="slider">
<ul>
<li>
<div class="resumencomida">
<h2>NUESTRA COMIDA.</h2>
<p>En Dicamino ofrecemos platos conbinados.está diseñado en torno a los conceptos clave del café de excepcional calidad y accesibilidad para los comensales ocasionales. Durante todo el día el desayuno. cocina italiana distintivo. Y un café: resueltamente sin diluir por flaca o descafeinado, se ha convertido en un símbolo de excelencia inflexible</p>
<p>Utilice las flechas de navegación para navegar a través de una selección de nuestros platos de .</p>
</div>
<img class="fotos" src="imagenes/tomate.png" alt="comida dicamino" id="visor" name="visor">
</li>
<li>
<div class="resumencomida">
<h2>DESAYUNO.</h2>
<p>Izquierda: Marios Muesli y Ensalada de fruta fresca</p>
<p>Derecha: Huevos florentina - escalfado Rango huevos libres, que se presentan en inglés tostado molletes con salteado de espinacas y salsa bearnesa Marios</p>
</div>
<img class="fotos" src="imagenes/espinacas.png" alt="comida dicamino">
</li>
<li>
<div class="resumencomida">
<h2>DESAYUNO.</h2>
<p>Izquierda: salmón ahumado y aguacate con su opción de multi-grano, masa fermentada o tostadas Sin Gluten</p>
<p>Derecha: caramelizado de melocotón y pistacho crepes con crema doble</p>
</div>
<img class="fotos" src="imagenes/esparragos.png" alt="comida dicamino">
</li>
</ul>
<div>
<div><img id="anterior" src="imagenes/arrowleft.png"></div>
<div><img id="siguiente" src="imagenes/arrowright.png"></div>
</div>
</div>
<script src="js/slider.js"></script>
</body>
</html>
y este el código que tengo en css*{
margin:0px;
padding:0px;
border:0px;
}
body{
font: small-caps bold 1.5em helvetica;
color:red;
overflow:hidden;
}
header{
min-width:100%;
background:black;
min-height:40px;
position:absolute;
}
header nav ul li{
display:inline;
padding: 0 0 0 212px;
}
.menu{
margin-left:-50px;
}
header nav a, main nav a{
text-decoration:none;
color:yellow;
}
main nav{
min-width:12%;
min-height:40px;
position:absolute;
float:left;
top:45px;
left:60px;
}
main nav ul li{
display:block;
padding:5px;
}
main nav .food{
min-height:120px;
background:black;
}
main nav .productos, nav .pesos{
margin-top:2px;
background:black;
min-height:35px;
}
video{
position:fixed;
width:100%;
z-index:-10;
width:auto;
height:auto;
position:fixed;
right:0;
bottom:0;
transform:translate(50px, 15%);
}
#siguiente{
position:absolute;
display: block;
margin-right:30px;
padding: 5px;
max-width:30%;
max-height:5%;
right:0px;
top: 43.6667%;
}
#anterior{
position:absolute;
display: block;
padding: 5px;
max-width:30%;
max-height:5%;
left:0px;
top: 43.6667%;
}
h2{
padding-bottom:3px;
}
.resumencomida{
float:left;
color:black;
width:20%;
min-height:25%;
font-size:12px;
background-color:yellow;
position:absolute;
padding: 18px 20px 6px;
margin:50px 250px;
visibility:visible;
overflow:hidden;
display:inline-block;
}
.fotos{
max-width:160%;
max-height:900px;
margin:0 auto;
padding:0 auto;
top:0;
}
Si te apetece, dime como sería el código en jquery para mover las imágenes y el texto, para aprender. Gracias por enseñar. saludos
<div id="slider">
<ul>
<li>
<div class="resumencomida">
<h2>NUESTRA COMIDA.</h2>
<p>En Dicamino ofrecemos platos conbinados.está diseñado en torno a los conceptos clave del café de excepcional calidad y accesibilidad para los comensales ocasionales. Durante todo el día el desayuno. cocina italiana distintivo. Y un café: resueltamente sin diluir por flaca o descafeinado, se ha convertido en un símbolo de excelencia inflexible</p>
<p>Utilice las flechas de navegación para navegar a través de una selección de nuestros platos de .</p>
</div>
<img class="fotos" src="imagenes/tomate.png" alt="comida dicamino" id="visor" name="visor">
</li>
<li>
<div class="resumencomida">
<h2>DESAYUNO.</h2>
<p>Izquierda: Marios Muesli y Ensalada de fruta fresca</p>
<p>Derecha: Huevos florentina - escalfado Rango huevos libres, que se presentan en inglés tostado molletes con salteado de espinacas y salsa bearnesa Marios</p>
</div>
<img class="fotos" src="imagenes/espinacas.png" alt="comida dicamino">
</li>
<li>
<div class="resumencomida">
<h2>DESAYUNO.</h2>
<p>Izquierda: salmón ahumado y aguacate con su opción de multi-grano, masa fermentada o tostadas Sin Gluten</p>
<p>Derecha: caramelizado de melocotón y pistacho crepes con crema doble</p>
</div>
<img class="fotos" src="imagenes/esparragos.png" alt="comida dicamino">
</li>
</ul>
<div>
<div><img id="anterior" src="imagenes/arrowleft.png"></div>
<div><img id="siguiente" src="imagenes/arrowright.png"></div>
</div>
</div>
<script src="js/slider.js"></script>imagenes=['tomate.png', 'espinacas.png', 'esparragos.png'];
Num=0;
document.getElementById("siguiente").onclick=fotoSiguiente;
document.getElementById("anterior").onclick=fotoAnterior;
function fotoSiguiente(){
document.getElementById("visor");
if (Num==imagenes.length-1){
Num=0;
} else {
Num++;
}
miImagen="imagenes/"+imagenes[Num];
visor.src= miImagen
}
function fotoAnterior(){
document.getElementById("visor");
if (Num==0){
Num=imagenes.length-1;
} else {
Num--;
}
miImagen="imagenes/"+imagenes[Num];
visor.src= miImagen;
}
<div id="slider">
<ul>
<li>
<div class="resumencomida">
<h2>NUESTRA COMIDA.</h2>
<p>En Dicamino ofrecemos platos conbinados.está diseñado en torno a los conceptos clave del café de excepcional calidad y accesibilidad para los comensales ocasionales. Durante todo el día el desayuno. cocina italiana distintivo. Y un café: resueltamente sin diluir por flaca o descafeinado, se ha convertido en un símbolo de excelencia inflexible</p>
<p>Utilice las flechas de navegación para navegar a través de una selección de nuestros platos de .</p>
</div>
<img class="fotos" src="imagenes/tomate.png" alt="comida dicamino" id="visor" name="visor">
</li>
<li>
<div class="resumencomida">
<h2>DESAYUNO.</h2>
<p>Izquierda: Marios Muesli y Ensalada de fruta fresca</p>
<p>Derecha: Huevos florentina - escalfado Rango huevos libres, que se presentan en inglés tostado molletes con salteado de espinacas y salsa bearnesa Marios</p>
</div>
<img class="fotos" src="imagenes/espinacas.png" alt="comida dicamino">
</li>
<li>
<div class="resumencomida">
<h2>DESAYUNO.</h2>
<p>Izquierda: salmón ahumado y aguacate con su opción de multi-grano, masa fermentada o tostadas Sin Gluten</p>
<p>Derecha: caramelizado de melocotón y pistacho crepes con crema doble</p>
</div>
<img class="fotos" src="imagenes/esparragos.png" alt="comida dicamino">
</li>
</ul>
<div>
<div><img id="anterior" src="imagenes/arrowleft.png"></div>
<div><img id="siguiente" src="imagenes/arrowright.png"></div>
</div>
</div>
<script src="js/slider.js"></script>magenes=['tomate.png', 'espinacas.png', 'esparragos.png'];
Num=0;
document.getElementById("siguiente").onclick=fotoSiguiente;
document.getElementById("anterior").onclick=fotoAnterior;
function fotoSiguiente(){
document.getElementById("visor");
if (Num==imagenes.length-1){
Num=0;
} else {
Num++;
}
miImagen="imagenes/"+imagenes[Num];
visor.src= miImagen
}
function fotoAnterior(){
document.getElementById("visor");
if (Num==0){
Num=imagenes.length-1;
} else {
Num--;
}
miImagen="imagenes/"+imagenes[Num];
visor.src= miImagen;
}#siguiente{
position:absolute;
display: block;
margin-right:30px;
padding: 5px;
max-width:30%;
max-height:5%;
right:0px;
top: 43.6667%;
}
#anterior{
position:absolute;
display: block;
padding: 5px;
max-width:30%;
max-height:5%;
left:0px;
top: 43.6667%;
}
h2{
padding-bottom:3px;
}
.resumencomida {
float:left;
color:black;
width:20%;
min-height:25%;
font-size:12px;
background-color:yellow;
position:absolute;
padding: 18px 20px 6px;
margin:50px 250px;
visibility:visible;
display:inline-block;
overflow:hidden;
}
.fotos{
max-width:160%;
max-height:900px;
margin:0 auto;
padding:0 auto;
top:0;
}
<!DOCTYPE html>
<html lang="en">
<title>PROCESAR</title>
<head>
<style type="text/css">
body{
background-image:url("imagenes/tecnologia.jpg");
}
#ok,#ko,#alert{background:black;
height:200px;
color:red;
margin:100px 400px 100px;
height:150px;
width:35%;
font-size:20px;
padding-top:15px;
}
</style>
</head>
<body>
<?phpinclude("conexion.php");if(isset($_POST['usuario']) && preg_match("/^[a-z]{3,10}$/",($_POST['usuario']))&&isset($_POST['email'])&& $email=filter_input(INPUT_POST, 'email', FILTER_VALIDATE_EMAIL)){$usuario=$_POST['usuario'];$email=$_POST['email'];$conexion=conectarse();$sql='SELECT * FROM inscripcion WHERE email="'.$email.'"';$resultado=$conexion->query($sql); if($resultado->num_rows>0){ echo'<div id="ko">El Email ya existe,introduce otro</div>'; echo '<div id="ok" style=display:none>'; echo'<meta http-equiv="Refresh" content="5; URL=http://localhost:8888/prueba/porculo.html">'; }else{ $sql='INSERT INTO inscripcion(usuario, email,estado)values ("'.$usuario.'","'.$email.'","desactivado")'; $resultado=$conexion->query($sql); if($resultado){ echo'<div id="alert">Usuario Registrado. Recibiras un email de verificacion en tu correo</div>'; echo'<div id="ko,ok" style=display:none>'; echo'<meta http-equiv="Refresh" content="7;URL=http://localhost:8888/prueba/porculo.html">'; $para=$_POST['email']; $asunto="Confirmación de Subscripción al Blog de Ana Castro López"; $mensaje="<html lang='es'> <head> <title>Link de Activación de subscripción al Blog de Ana Castro López</title> <meta charset='UTF-8'/> </head> <body> Gracias por subscribirte a mi Blog. Haz click en el siguiente enlace para confirmar la subscripción <a href='http://anacastrolopez.es/verificar.php?email=$email'>Activar</a> </body> </html>"; $cabeceras="MIME-Version: 1.0" . "\r\n"; $cabeceras.= "Content-type:text/html;charset=UTF-8" . "\r\n"; $cabeceras.=" From: <anachanelblanc@gmail.com" ."\r\n"; mail($para,$asunto,$mensaje,$cabeceras); } } } ?>
<div id="ok">
<?php $errores=array(); if(!preg_match("/^[a-z]{3,10}$/",$_POST['usuario'])){echo $errores[]= "Tu nombre, debe contener como mínimo 3 letras"."<br><br/>"; }if($email=!filter_input(INPUT_POST, 'email', FILTER_VALIDATE_EMAIL)){echo $errores[]="Email incorrecto"; echo'<meta http-equiv="Refresh" content="7;URL=http://localhost:8888/prueba/porculo.html">'; } ?>
</div>
</body>
</html>
[code]
<?phprequire('conexion.php');function nueva_publicacion($post_id){$conexion=conectarse(); $resultado=$conexion->query('SELECT email FROM inscripcion WHERE estado="activado" '); if($resultado->num_rows>0){ while($row=$resultado->fetch_assoc()){ $para=$row['email']; $post=get_post($post_id); $author = get_userdata($post->post_author); $mensaje="<html lang='es'> <head> <title>".$title->display_title." </title> <meta charset='UTF-8'/> </head> <body><h2>".$post->post_title." </h2>".$author->display_name." ".$post->post_content; $menaje.="</body><footer><p><a href='http:http://localhost:8888/prueba/baja.php?email=$email'>Para borrar tu subscripcion pincha aqui</a></p>"; $mensaje.="</footer></html>" $cabeceras="MIME-Version: 1.0" . "\r\n"; $cabeceras.= "Content-type:text/html;charset=UTF-8" . "\r\n"; $cabeceras.=" From: <anachanelblanc@gmail.com>" ."\r\n"; $cabeceras.= "CCO: anachanelblanc@gmail.com". "\r\n"; mail($para,$asunto,$mensaje,$cabeceras); } } } add_action('publish_post', 'nueva_publicacion');
[/code]
<?phprequire("conexion.php");if(isset($_POST['usuario']) and isset($_POST['email'])){$usuario=$_POST['usuario'];$email=$_POST['email'];$conexion=conectarse();$sql='SELECT * FROM inscripcion WHERE email="'.$email.'"';$resultado=$conexion->query($sql);if($resultado->num_rows>0){ ?>
<script type="text/javascript">
alert("El Email ya existe,introduce otro");
</script>
<?php }else{ $sql='INSERT INTO inscripcion(usuario, email,estado)values ("'.$usuario.'","'.$email.'","desactivado")'; $resultado=$conexion->query($sql); if($resultado){ ?>
<script type="text/javascript">
alert("Usuario Registrado. Recibirás un email de verificación en tu correo");
</script>
<?php $para=$_POST['email']; $asunto="Confirmación de Subscripción al Blog de Ana Castro López"; $mensaje="<html lang='es'> <head> <title>Link de Activación de subscripción al Blog de Ana Castro López</title> <meta charset='UTF-8'/> </head> <body> Gracias por subscribirte a mi Blog. Haz click en el siguiente enlace para confirmar la subscripción <a href=http://anacastrolopez.es/verificar.php?email=$email>Activar</a> </body> </html>"; $cabeceras="MIME-Version: 1.0" . "\r\n"; $cabeceras.= "Content-type:text/html;charset=UTF-8" . "\r\n"; $cabeceras.=" From: <anachanelblanc@gmail.com" ."\r\n"; mail($para,$asunto,$mensaje,$cabeceras);
<script type="text/javascript">
window.onload=function(){
document.getElementById("envio").onclick=verificaDatos;
}
function nuevaVentana(){
nuevaVentana=window.open("", "", "top=50,left=450, width=400, height=250,directories=no,location=0, menubar=no,status=no,toolbar=no,location=no,scrollbars=no,fullscreen=no");
nuevaVentana.document.write("Gracias por subscribirte a mi blog . Recibiras todas mis publicaciones en tu correo");
nuevaVentana.document.body.style.backgroundColor = "red";}
function verificaDatos(){
filtro=1;
errores= "Datos incorrectos. Verifica tu formulario \n \n"
miNombre = document.getElementById("usuario").value;
if(miNombre.length<1 || !/^[A-z]{3,10}$/.test(miNombre)){
filtro=0;
errores+="Escribe tu nombre \n";
}
miCorreo=document.getElementById("email").value;
if(!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/.test(miCorreo)){
filtro=0;
errores+="Introduce un email correcto 'ejemplo@hotmail.com' \n";
}
if(filtro==0){
alert(errores);
}else{
alert(nuevaVentana());
}
}
</script>
function nuevaVentana(){
nuevaVentana=window.open("", "", "top=50,left=450, width=400, height=250,directories=no, menubar=no,status=no,toolbar=no,location=no,scrollbars=no,fullscreen=no");
nuevaVentana.document.write("Gracias por subscribirte a mi blog . Recibiras todas mis publicaciones en tu correo");
nuevaVentana.document.body.style.backgroundColor = "red";}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/formulario.css">
<script type="text/javascript">
function verificaDatos(){
filtro = 1;
errores = "Datos incorrectos. Verifique formulario\n\n"
miNombre=document.form1.nombre.value;
if (!miNombre==/^[A-z]{3,10}$/.test(miNombre) || miNombre.length==0){
errores+= "Escribe tu nombre \n";
filtro=0;
}
miEmail=document.form1.mail.value;
if(!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/.test(miEmail)){
filtro=0;
errores+= "Escribe tu Email \n"
}
miEdad= document.form1.Edad.value;
if(isNaN(miEdad)|| miEdad.length==0){
filtro=0;
errores+= "Escribe tu edad \n";
}else if(miEdad<18){
filtro=0;
errores+= "Acceso denegado.Eres menor de Edad \n";
}
miLenguaje = document.form1.lenguaje;
bandera=0;
for (i=0; i<miLenguaje.length; i++){
if (miLenguaje[i].checked){
bandera++;
}
}
if (bandera==0){
errores += "No hay lenguajes seleccionados. Elija al menos uno \n";
filtro=0;
}
if (document.form1.navegador.selectedIndex==0){
errores += "Debe seleccionar un navegador \n\n";
filtro = 0;
}
if (filtro == 0) {
alert(errores);
return 0;
}
alert("Su formulario ha sido enviado");
document.form1.submit();
}
</script>
</head>
<body>
<div id="contenedor">
<form action="" id="form1" name="form1" method="post" enctype="multipart/form-data">
<div>
<label for="nombre">Nombre</label>
<input type="text" id="nombre" name="nombre" autofocus >
</div>
<div>
<label for="mail">Email</label>
<input type="text" id="mail" name="mail" >
</div>
<div>
<label for="edad">Edad</label>
<input type="text" id="edad" name="edad" >
</div>
<div>
<label for="so">Sistema Operativo</label>
<input type="radio" id="so" name="so" value="Windows" checked> Windows
<input type="radio" id="so" name="so" value="Linux" > Linux
<input type="radio" id="so" name="so" value="OsX" > OsX
</div>
<div>
<label for="lenguaje">Lenguajes Conocidos</label>
<input type="checkbox" id="lenguaje" name="lenguaje" value="php" tabindex=5> php
<input type="checkbox" id="lenguaje" name="lenguaje" value="java" > Java
<input type="checkbox" id="lenguaje" name="lenguaje" value="c++"> C++
<input type="checkbox" id="lenguaje" name="lenguaje" value="asp" > asp
</div>
<div>
<label for="navegador">Navegador:</label>
<select name="navegador" id="navegador" >
<option value="">Seleccione Navegador</option>
<option value="explorer">Explorer</option>
<option value="chrome">Chrome</option>
<option value="firefox">Firefox</option>
<option value="safari">Safari</option>
</select>
</div>
<div>
<label for="observa">Observaciones:</label>
<textarea name="observa" id="observa" maxlength="256" ></textarea>
</div>
<div>
<input type="button" value="Enviar" onclick="verificaDatos()" >
</div>
</form>
</body>
</html>
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
RSS -
WAP2