Foros del Web » Creando para Internet » HTML »

como modificar algo en la pagina sin necesidad de redireccionamiento

Estas en el tema de como modificar algo en la pagina sin necesidad de redireccionamiento en el foro de HTML en Foros del Web. A ver si me puedo explicar bien: necesito encontrar la forma de que al hacer click en un boton que diga "agregar mas", se abra ...
  #1 (permalink)  
Antiguo 09/03/2011, 19:12
 
Fecha de Ingreso: febrero-2011
Mensajes: 39
Antigüedad: 6 años, 10 meses
Puntos: 0
como modificar algo en la pagina sin necesidad de redireccionamiento

A ver si me puedo explicar bien:
necesito encontrar la forma de que al hacer click en un boton que diga "agregar mas", se abra una seccion nueva donde cargar ciertos datos, pero sin que me redireccione. es decir que debajo de ese lugar se genere una nueva seccion de la pagina
  #2 (permalink)  
Antiguo 09/03/2011, 19:35
 
Fecha de Ingreso: marzo-2009
Mensajes: 33
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: como modificar algo en la pagina sin necesidad de redireccionamiento

Eso lo puedes hacer poniendo en un div lo que quieras que aparesca y poniendo el atbiuto visibility como hidden despues con un evento de javascript al dar click en el boton que cambie el atributo a visible. no se si hay alguna forma mejor yo siempre que lo necesito hago eso

PD: Creo que esto deberia ir en javascript no?

Última edición por jaxa; 09/03/2011 a las 19:41
  #3 (permalink)  
Antiguo 09/03/2011, 19:54
 
Fecha de Ingreso: febrero-2011
Mensajes: 39
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: como modificar algo en la pagina sin necesidad de redireccionamiento

no sabia que era javascript, ni se manejarlo :P pero me das una mano?
como haces?
gracias, disculpa
  #4 (permalink)  
Antiguo 09/03/2011, 20:10
 
Fecha de Ingreso: marzo-2009
Mensajes: 33
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: como modificar algo en la pagina sin necesidad de redireccionamiento

Código HTML:
<BUTTON onclick="document.getElementById('id_de_tu_div').style.visibility = 'visible'">
Agregar Mas
</BUTTON>

<div id="id_de_tu_div" style="visibility: hidden;">
Lo que quieres que aparesca 
</div> 
No se que propiedad es mejor usar visibility o display... yo siempre uso visibility pero si quieres esperar a que alguien que sepa mas te diga
  #5 (permalink)  
Antiguo 10/03/2011, 05:18
 
Fecha de Ingreso: febrero-2011
Mensajes: 39
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: como modificar algo en la pagina sin necesidad de redireccionamiento

muchas gracias che :D
  #6 (permalink)  
Antiguo 10/03/2011, 07:06
 
Fecha de Ingreso: febrero-2011
Mensajes: 39
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: como modificar algo en la pagina sin necesidad de redireccionamiento

me queda en hidden, es decir, no aparece nada
  #7 (permalink)  
Antiguo 10/03/2011, 07:15
Avatar de arepavieja  
Fecha de Ingreso: marzo-2011
Mensajes: 203
Antigüedad: 6 años, 9 meses
Puntos: 9
Respuesta: como modificar algo en la pagina sin necesidad de redireccionamiento

Puedes usar esta función:



Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.       emails=0;
  3.       function agregar() {
  4.       emails=emails+1;
  5.      $("#campos").append('<tr class="email'+emails+'"><td><input type="text" name="mail[]" /></td> <td><a href="#" onclick="javascript:borrar('+emails+');">Borrar</a></td></tr>');
  6.       }
  7.       function borrar(cual) {
  8.           $("tr.email"+cual).remove();
  9.           return false;
  10.       }
  11.   </script>

y en el formulario: (Debes descargar el jquery y llamarlo.)

Código HTML:
Ver original
  1. <script type="text/javascript" src="jquery.js"></script>
  2.  
  3. <table id="campos">
  4. <tr>
  5. <td><input type="text" name="mail[]" /></td>
  6. <td><input type="hidden" name="email[]" id="email" /></td>
  7. <td><input type="button" value="Agregar"  onclick="javascript:agregar();"/></td>
  8. </tr>
  #8 (permalink)  
Antiguo 10/03/2011, 07:48
 
Fecha de Ingreso: febrero-2011
Mensajes: 39
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: como modificar algo en la pagina sin necesidad de redireccionamiento

no funciona, por otra parte, me explicas que hace esta linea:
$("#campos").append('<tr class="email'+emails+'"><td><input type="text" name="mail[]" /></td> <td><a href="#" onclick="javascript:borrar('+emails+');">Borrar</a></td></tr>');
}
muchas gracias :D
perdon, ya se que no va en este foro, bueno... ahora lo se

Etiquetas: modificar, redireccionamiento
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:02.