Hola!

Registrándote como bakuno podrás publicar, compartir y comunicarte en privado con otros bakuos :D

Regístrame ya!

AYUDA JQUERY

kirax

Bovino Milenario
Desde
24 Ene 2009
Mensajes
1.531
HOLA AMIGOS DE LA COMUNIDAD QUISIERA SABER COMO HACER PARA QUE MI FORMULARIO APAREZCA EN LA MISMA PAGINA SIN RECARGAR POR SUPUESTO AL DARLE A UN HREF
EJEM
<A HREF="MI LINK.HTML">CONTACTO</A>
<IMG SRC=ALGO>

AL DARLE CLIC AL LINK CONTACTO CAMBIE LA IMAGEN POR MI FORMULARIO SIN SALIR DE ESTA MISMA PAGINA DE ANTEMANO GRACIAS
 
DE PASO SABRA ALGUIEN CONECTAR UN PHP A UNA BASE DE DATOS EXTERNA EJEMPLO MI SERVIDOR NORMAL
EL SCRITP NORMAL SERIA ASI

USER=ROOT;
PWD='123456';
SERVER='LOCALHOST';

PERO EN UNO EXTERNO COMO SERIA

USER='IMAGINO UNO QUE TENGA EN EL SERVER EXTERNO'
PWD='LO MISMO';
SERVER='NO SE QUE IRIA'
 
lo primero: se hace con JavaScript. Haber si me puedo explicar:
La clave está en utilizar la propiedad display. Lo que vamos a hacer es que vamos a crear el formulario de formar normal, algo así:

HTML:
<form id='form_contacto' name='contacto' action='enviar.php'>
      Aquí va todo tu formulario
</form>

Si te fijas le hemos asignado el id form_contacto, ahora con css vamos a hacer invisible ese formulario utilizando su propiedad display

Código:
form_contacto
{
     display:none;
}

En nuestra página ya no se podrá ver el formulario pero sí estará ahí. Lo que prosigue es hacer que aparezca cuando aplastamos un botón. Bueno eso se hace con JavaScript, lo primero es hacer que un botón le hable a un método de JavaScript en vez de a una dirección quedá algo así:

HTML:
<input type='button' href='javascript:void(0)' value='Contacto' onClick='mostrar_contacto()'>

Ese botón cuando le demos click le llamará a la función mostrar_contacto() la cual tenemos que definir

Código:
<script type='text/javascript'>
function mostrar_contacto()
{
   document.getElementById('form_contacto').style.display='block'
}

</script>

Con esa debe de aparecer el formulario de contacto. Espero que te haya servido y es posible que tenga errores sintácticos porque lo escibí al vuelo no lo probe, cualquier cosa con gusto te ayudo
 
Se me olvidaba, para lo de la base de datos. Para en servidor externo es básicamente lo mismo, pero depende mucho de tu proveedor de hosting, en mi caso que tengo contratado con HostMonster ellos tienen montada la base de datos en mi mismo servidor, entonces cuando yo hago una aplicación que usa la base de datos lo que tengo que hacer es subir la aplicación a mi servidor y en servidor ponerle Localhost porque al final de cuentas para la aplicación es local. También es posible conectarse remotamente pero no todos los servidores lo tiene activado, en ese caso en la parte de servidor pondrías la dirección IP y la ruta de tu base de datos, que esto usualmente te lo da el Proveedor del hosting. Suerte
 
muchas gracias amigo si me sirvio tu ayuda , si me habia quedado en la nada con mi proyecto
 
Con JQuery y animacion ^^
JS

Código:
<script type="text/javascript">
$(document).ready(function(){
$("#forgot").click(function(){
                     $("#stylized").fadeIn("slow");
                     
                     });

});
</script>
HTML
link que muestra el form
Código:
<a href="#" id="forgot">Picale aqui</a>
El div donde va tu formulario
Código:
<div id="stylized"   style="display:none" >
    
             <form  action="javascript:getPass();" method="post" id="frm_p">
      
      <label>Username</label>
      <input type="text" id="username" />
      <button  type="submit" id="submitinput">Send</button> 
     
    </form>
        </div>
 
Con JQuery y animacion ^^
JS

Código:
<script type="text/javascript">
$(document).ready(function(){
$("#forgot").click(function(){
                     $("#stylized").fadeIn("slow");
                     
                     });

});
</script>
HTML
link que muestra el form
Código:
<a href="#" id="forgot">Picale aqui</a>
El div donde va tu formulario
Código:
<div id="stylized"   style="display:none" >
    
             <form  action="javascript:getPass();" method="post" id="frm_p">
      
      <label>Username</label>
      <input type="text" id="username" />
      <button  type="submit" id="submitinput">Send</button> 
     
    </form>
        </div>
gracias amigo entre mas ejemplos tenga mayor sera el conocimiento para ayudar despues en la comunidad
 
Volver
Arriba