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

Páginas: [1]
1
cual es elemento en jquery para ActiveXObject? ¿es el mismo que para XMLHttpRequest=jqxhr?. Saludos y gracias

2
hola tengo una duda , en jquery 1.5 para hacer una conexion a ajax el objeto jqxhr sería el  lo mismo que XMLHttpRequest y el objeto xhr es ActiveXobject sería el tipo de objeto para navegador internet explorer 6? o jqxhr  es para todos los navegadores incluido internet explorer 6?. No tengo muy claro esto, me podíais hacer una breve explicación . Gracias

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

4
Hola , tengo un problema en un visor que estoy haciendo en local, y es que el texto de la primera foto me salen en las demás fotos, no me sale cada foto con su texto correspondiente. ¿que tengo que modificar en el script para que cada texto salga con su imagen correspondiente, y no se repita el texto de la primera imagen en las demás?

Código: [Seleccionar]
<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
Código: [Seleccionar]
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;
}

5
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

Código: [Seleccionar]
<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

Código: [Seleccionar]
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

Código: [Seleccionar]
#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;
}


6
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

Código: [Seleccionar]
<!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>

7
Hola he creado , un archivo procesar.php y verificar.php para conectar los subscriptores a la base de datos mysql. Me funciona el envio de email y la verificacion al pulsar el enlace de verificacion de email pues el estado en la base de datos que le puse por defecto desactivado le cambie activado. Ahora lo que quiero hacer es cada vez que publique una entrada en mi blog enviarsela por correo con un enlace para darse de baja. No se como hacer la funcion con php para que se envie cada vez que publique una nueva entrada en mi blog. este el codigo que tengo en procesar.php

Código: [Seleccionar]
<?php
require("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);

8
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

Código: [Seleccionar]
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";}

 

9
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
Código: [Seleccionar]
<!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>

10
Hola, he intentado abreviar la funcion, metiendo los ids usuario e email en  document.getElementById("usuario","email").onfocus=focus e igual con onblur=blur, pero no funciona lo he tenido que poner por separado para que me funcione. ¿ Es posible abreviarlo?. gracias.

Código: [Seleccionar]

<!doctype html>
<html>
<head>
<meta charset=utf-8">

<head>
  <title>formulario</title>
 
 <style type="text/css">
 
 
 input{
 background-image:url("imagenes/descarga.png");
 background-repeat:no-repeat;
 padding-left:25px;
 width:180px;
 height:20px;
 }
 #usuario{
 background-image:url("imagenes/online-red-icon.png");
 }
 
 </style>
 <script type="text/javascript">

 window.onload=function(){

 document.getElementById('usuario').onfocus=focus
 document.getElementById('usuario').onblur=blur
document.getElementById('email').onfocus=focus
document.getElementById('email').onblur=blur
}
 function focus(){
 this.value= '';
 this.style.background= 'transparent';
 }
 function blur(){
 usuario.value='Escribe tu nombre';
 email.value='Escribe tu Email';
 email.style.background='url(imagenes/descarga.png)no-repeat';
usuario.style.background = 'url(imagenes/online-red-icon.png)no-repeat';
}
 
 </script>
  </head>
<body>



<form action="registro.php" method="get" name="miFormulario" id="miFormulario"
enctype="multipart/form-data">

<input type="text" name="usuario" id="usuario"  value="Escribe tu Nombre" >
 
<input type="text"  name="email" id="email" value="Email"  >
   
</form>


</body>

</html>

11
Buenas tardes. ¿como sería este código en jquery , para dar onfocus y onblur al elemento input (nombre, email)?, gracias

Código: [Seleccionar]
<form action="registro.php" method="get" name="miFormulario" id="miFormulario"
enctype="multipart/form-data">

<input type="text" name="usuario" id="usuario"  value="Escribe tu Nombre" tabindex=1
    onfocus="if (this.value == 'Escribe tu Nombre') {
        this.value = ''; this.style.background = 'transparent'; }"
   
    onblur="if (this.value == '') {
        this.value = 'Escribe tu Nombre';
     this.style.background = 'url(imagenes/online-red-icon.png)no-repeat'; }">
       

<input type="text"  name="email" id="email tabindex=2"
    value="Escribe tu email"
    onfocus="if (this.value == 'Escribe tu email') {
        this.value = ''; this.style.background = 'transparent'; }"
   
    onblur="if (this.value == '') {
        this.value = 'Escribe tu email';
     this.style.background = 'url(imagenes/descarga.png)no-repeat'; }">
   
</form>

12
No entiendo muy bien el código la función click sobre las anclas de las url, no entiendo el attr.data-toggle y el el carousel-control, ¿alguien me podía explicar este fragmento de código? . gracias de antemano

 
Código: [Seleccionar]
$('a[href*="#"]').on('click',function (e) {
     if ( $(this).attr('data-toggle') || ! this.hash ||
                $(this).hasClass("carousel-control") ){
 return;
 }

13
Hola comunidad , ¿me podia decir alguien donde tengo el error? , ¿por qué no me salta la alerta?

Quiero calcular la suma de  un numero par del 1 al 100. Gracias

Código: [Seleccionar]
  numero=prompt("escribe un numero par del 1 al 100 ")
var sumapar=" ";
if (&&numero<=100=(i=i+1)) else{
sumapar= &&numero +i+ "=" }{
alert(sumapar);}

14
Hola comunidad ,tengo un formulario con una secuencia de javascript, queria meter una imagen(icono) con el texto Escribe tu email y pulsa enter y hacer la función onfocus y onblur, pero no soy capaz ¿alguien me podría decir que código tengo que añadir?. Gracias de antemano

<input type="text" name="email" id="email" onfocus="if(this.value=='Escribe tu email y pulsa enter')this.value='';"
value="Escribe tu email y pulsa enter" onblur="if(this.value=='')this.value='Escribe tu email y pulsa enter';">

15
Hola me podeis ayudar a modificar el código de linkedin, quiero cambiar el ancho a 250 px. El código es
Código: [Seleccionar]
<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/MemberProfile" data-id="https://www.linkedin.com/in/xxx1" data-format="inline" data-related="false" ></script>

Al inspeccionar elemento me dice que tiene un ancho de 350 px

.li-profile-container {
background: #ededed;
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 13px;
width: 350px;
padding: 5px;
zoom: 1;
}
¿Como puedo modificar el ancho del container a 250px?. Gracias de antemano

16
Hola me llamo Ana y soy recién llegada. Necesito vuestra ayuda. He creado un id de cliente para aplicaciones web en la api consola google+, quiero insertar un boton de compartir en google + con contador al principio de cada entrada y página de mi blog con un código en el archivo functions.php de mi tema hijo, lo que pasa que no se elaborar el código y necesito vuestra ayuda, de manera que los usuarios al compartir mis publicaciones en google+ le aparezca una pantalla de autorización y un extracto de la publicación a compartir con un boton interactivo, supongo que tendré que incluir en el codigo mi id de cliente, el data- calltoactionlabel:" read more" para el botón que aparezca con el extracto del post y mas cosas, ¿ me ayudais con el código?

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

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".