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.


Mensajes - anarubia

Páginas: 1 [2]
22
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>

24
lo he intentado , pero no me sale, ¿ donde está el error? este es el código que he puesto
<script>
$(document).ready(function(){
$("usuario").focus ( function (){
$ ( this ). val ( '' );
$(this).css("background", "url(imagenes/online-red-icon.png)no-repeat");
}). blur ( function (){
$(this).val('Nombre');
$(this).css("background","url(imagenes/senal.png)no-repeat");
$(this).css("background-color", "gray"):
})
</script>
  ::)

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

27
Gracias, lo  he entendido muy bien, lo has explicado estupendamente. Aprovecho, para preguntarte sobre el target no entiendo muy bien su significado si se pone para hacer referencia a a cualquier elemento del DOM  o si es otra cosa, me lo podias explicar porfavor, por ejemplo en este codigo
Código: [Seleccionar]
function go_to_anchor( target ){
 var offset = parseInt($('body').css('paddingTop'));
 $('html, body').animate({
    'scrollTop': $(target).offset().top-offset
 }, 700, 'swing' );
 return false;
 }
crea  una funcion, guarda el valor del padding superior en el offset y le aplica una animacion al body, pero no entiendo ese target, cual es su significado en esta función. ¿ me lo podias explicar?, gracias

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

29
hola GonzaH, muchas gracias por explicarmelo. Me podías ayudar en este otro código , quería añadir un icono background: url(logo.png) a una caja de texto, cada vez que pinche en la caja desaparezca a la vez el icono con el texto "escribe tu email y pulsa enter", ¿ que tendría que modificar en el código para conseguirlo?. Gracias de antemano
Código: [Seleccionar]
<input type="text" style="background:url('imagenes/descarga.png');
background-repeat:no-repeat; " onfocus="this.value=''"
onblur="if(this.value=='')this.value='Escribe tu email y pulsa enter'" value='Escribe tu email y pulsa enter'>

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

31
quiero añadirle un background:url(logo02.gif)

Código: [Seleccionar]
<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';">
       
Gracias de antemano

32
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';">

33
Hola, he puesto en el archivo style.css
.li-profile-member-container{
width:250px;
}
pero no me modifica el ancho. Un saludo

34
hola, gracias por contestar. Donde lo tengo insertado es en mi blog www.anacastrolopez.es, barra lateral derecha (mi perfil de linkedIn). He añadido el atributo data-with=250 px pero solo me lo ha reducido a 300 px , ¿ que código tengo que añadir para forzar el ancho y dar color al background? . gracias de antemano

35
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

36
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 [2]

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