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

hola, entonces ¿ jqxhr  sería para todos los navegadores, también para I6? gracias por aclararmelo

¿el operador ternario en jquery sería igual que javascript?. Algun ejemplo porfa. gracias

Me he puesto a razonar tu código y está mal. El contador hay que inicializarlo en cero y es mejor hacer un array con el texto en vez de tantas variables , lo que hice ahora es 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

gracias bermartinv , ahora lo pruebo, yo pensaba que al mover las imágenes se me movía el texto también, mi error que no estaba entonces moviendo el texto . Gracias por decirme como se hace solo soy una aficionada. Saludos, que tengas un buen día

Hola, estoy intentando hacer un slider en local con html5, css3 y javascript. Tengo un problema con el texto que acompaña a cada imagen, que el texto que corresponde a la primera imagen se repite en las otras dos. Creo que el problema esta en el código javascript, este es el código que tengo en html5, javascript, css. Gracias de antemano

<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>

Código en javascript

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;
}

Código css

#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;
}



Hola, feliz navidad. Tengo un archivo.php que quiero maquetar en html5, pero no tengo muy claro donde cerrar el header dentro del body y  abrir un section. He puesto un par de divs para darle css al archivo, y ahora solo me falta maquetarlo en html5. ¿ Me podeis decir donde sería lo correcto cerrar el header dentro del body y abrir section?. Gracias de antemano

<!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>

<?php
include("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>


Hola Cesar gracias por responderme. Aprendo mucho en este foro con tus explicaciones. En la tabla de datos por defecto el usuario lo tengo como desactivado y cuando pincha el link que le envio en el email de confirmación cambia Activado. Ahora cada vez que publico algo quiero que se dispare una función que envie un email con la publicación a todos los usuarios con estado activado. Lo que pretendo es que me envie la publicación a cada correo, no que en el correo por ejemplo de x le aparezca también el de y y el de j. Este es el código que he hecho para esta función, me podrías decir si tengo algo mal en el código. Gracias de antemano.
[code]
<?php
require('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."&nbsp;".$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]

Sí gracias tienes razón. Master me podías ayudar con el código php, para enviar un mensaje de validación de correo, este el código que he empezado hacer, pero no se como decirle para envie un correo de validación. Gracias por enseñar tanto en el foro
<?php>
include('conexion-php');
$name = test_input($_GET["usuario"]);
if (!preg_match("/^[a-zA-Z ]{3,10}$/",$name)) {
?><script type="text/javascript">
alert("Nombre tiene que contener min.3 letras");
</script>
<?php
}
 
$correo = test_input($_POST["email"]);
if (!filter_var($email, FILTER_VALIDATE_EMAIL)){
?><script type="text/javascript">
alert("Escribe un email válido");
</sript>
<?php
}else{ $msqli=conectarse.....}

Hola , no soy capaz de borrar la barra de herramientas  que trae por defecto window.open ¿como se hace?, este es el código que he puesto

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";}
 

hola, estoy verificando un formulario en javascript, pero no soy capaz de que cada vez que cuando el dato introducido en el campo del formulario sea erróneo, la etiqueta label que corresponda al campo del formulario cambie a color rojo y el foco se coloque en ese campo del formulario.¿ como sería el código que tengo que añadir?, gracias
<!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>