[SOLUCIONADO] PHP OO imprimir echo con formulario html desde php...

pato_cuack · #1 (**permalink**) 20/01/2012, 11:50

Hola personas,

Tengo una duda y requiero de la ayuda de los buenos programadores cómo los que abundan en Foros del Web

mi caso es el siguiente.

Tengo:
index.php
ingresar.php

Estos son los importantes por ahora... En el index tengo 2 formularios escondidos mediante CSS y jQuery... uno es el de registro y el otro es el de ingreso; ambos me muestran el respectivo mensaje cuándo hay errores de datos (Ejemplo: "datos incorrectos, datos incompletos, nick mal, pass mal, ya existe el nick... etc"), ahora lo que requiero y si alguien me puede explicar cómo hacerlo es lo siguiente, cuándo me aparezca el mensaje necesito que me reaparezca el formulario. un ejemplo cuándo el usuario se va a identificar e ingresa un campo malo por ejemplo pass mal o nick mal, me muestre también el formulario de ingreso.

Acá código:

index.php

Código HTML:

Ver original<?
session_start();
require('conexion.php');
?>
<!DOCTYPE html >
 
<html>
<head>
<title>::Formato de log in::</title>
<iframe src="ingresar.php" style="display: none;" width="1242" height="80" id="ingres" name="ingres">ingreso</iframe>
<iframe src="insert_user.php" style="display: none;" width="1242" height="80" id="reg" name="reg">registro</iframe>
<script language='javascript' src='jquery-1.7.1.js'></script>
<script language='javascript' src='scripts.js'></script>
<link rel='stylesheet' media='all' type='text/CSS' href='styls.css'/>
</head>
 
<body>
 
<div class="imgrr" onLoad="movimiento">
<img src="http://www.forosdelweb.com/f18/Proyects/librerias/Imágenes/nav_logo_on.gif" alt="Roadrunner Records Logo"/>
</div>
 
<!--contenido inicio-->
 
<div id='ops' class='middio'>
<table  align='center'>
<tr><td><a href='#' id="linkregs" class='linksa'>Registrese</a></td><td>***</td><td><a href='#' id="linkingr" class='linksa'>Ingresar</a></td></tr>
<table  align='center'><tr><td><a href='index_3.php' id="omiti" class='linksa'>Saltar Este Paso</a></td></tr></table>
</table>
</div>
 
<div id='usu' name="usu" class="prueba" ></div>
 
<!--contenido para ingreso-->
 
<div id="ingre" class="ingre_1">
<form id="ingre_usu" method="post" action="ingresar.php" target="ingres">
<table align="center">
<tr><td><label>Nick: </td><td><input type="text" class="objcts" id="ing_nk" name="ing_nk" /></label></td></tr>
<tr><td><label>Contraseña: </td><td><input type="password" id="ing_contra" name="ing_contra" class="objcts" /></label></td></tr>
<table align="center">
<tr><td><input type="submit" id="ini_sesion" name="ini_sesion" value="Ingresar" class="objcts" /></td><td><input type="reset" name="rest" id="rest" class="objcts" value="Cancelar" /></td></tr>
 
</table>
</table>
</form>
</div>
 
<!--contenido para registro-->
 
<div id="form1" class="mov">
<form id="form_registro" class="form_1" action="insert_user.php" method="post" target="reg" onsubmit="validaformu()">
 
<table align="center" >
<tr><td colspan="3" valign="middle" align="center">Registrese</td></tr>
<tr><td><label>Nick: </td><td><input type="text" id="nick" name="nick" class="objcts" maxlength="20" />*</label></td></tr>
<tr><td><label>Nombre: </td><td><input type="text" id="nombre" name="nombre" class="objcts" maxlength="30" /></label></td></tr>
<tr><td><label>Apellido: </td><td><input type="text" id="apellido" name="apellido" class="objcts" maxlength="30" /></label></td></tr>
<tr><td><label>Email: </td><td><input type="text" id="email"  name="email" class="objcts" maxlength="40" />*</label></td></tr>
<tr><td><label>Contraseña: </td><td><input type="password" id="contrasena" name="contrasena" class="objcts" maxlength="15"/>*</label></td></tr>
 
<table align="center">
<tr><td><input type="submit" name="registr" value="Registrar" class="objcts"  /></td><td><input type="reset" name="rest2" id="rest2"class="objcts" value="Cancelar" /></td></tr>
</table>
 
</table>
</form>
</div>
 
</body>
</html>

ingresar.php

Código PHP:

Ver original<?php
session_start();
include('conexion.php');
mysql_select_db("wea") or die ("Fallo en la conexión Con la Base de Datos*".mysql_error());
 
function quitar($mensaje){
$mensaje = str_replace('<','<',$mensaje);
$mensaje = str_replace('>','>',$mensaje);
$mensaje = str_replace('\"','"',$mensaje);
$mensaje = str_replace("\"",'""',$mensaje);
$mensaje = str_replace('\\\\','\"',$mensaje);
$mensaje = str_replace('|','|',$mensaje);
$mensaje = str_replace('||','||',$mensaje);
return $mensaje;
}
 
if(trim($_POST["ing_nk"]) != "" && trim($_POST["ing_contra"]) != ""){
 
$nickU = quitar($_POST["ing_nk"]);
$passU = quitar($_POST["ing_contra"]);
 
$result = mysql_query("SELECT password FROM ingresos_usu WHERE nick='".$nickU."' AND password ='".$passU."'");
if (mysql_num_rows($result) == 1){
$_SESSION['usuario'] = $nickU;
$bi = "Bienvenido: ".$nickU;
echo "<script>
window.parent.window.document.getElementById('usu').innerHTML = \"$bi\";
parent.location.href='index2.php';
</script>";
}elseif($row["password"] <> True){
$bi = "Password o Nick incorrecto.";
echo "<script>
window.parent.window.document.getElementById('usu').innerHTML = \"$bi\";
</script>";
}else{
$bi = "Usuario no existente en la base de datos.";
echo "<script>
window.parent.window.document.getElementById('usu').innerHTML = \"$bi\";
</script>";
}
}
 
mysql_close();
?>

No sé si esto que me gustaría hacer; pueda o deba implementarlo por javascript, jQuery el mismo html, php, si me pueden orientar sería de mucha ayuda.

Gracias

rog3r_k · #2 (**permalink**) 20/01/2012, 12:12

Hola mi estimado!.... es la primera vez que comento en forosdelweb.. asi que espero ayudarte en tu problema...

LO QUE TE ENTIENDO:

es que tu al momento de presionar el boton... la pagina hace submit(RECARGA LA PAGINA).. y quieres que vuelva a cargar el mismo formulario en el que estaba... bien el registro o el login!.

SOLUCION N1:

Lo que podrias hacer... y en mi caso yo haria es:

- Al boton en vez de ponerle SUBMIT ... ponle BUTTON (type="submit") y le pones una funcion el el onclick.

ejemplo: <input type="button" name="brn" .... onclick="llamarPHP()" />

<script>
function llamarPHP(){

$.post("mipagina.php", $("#id_form").serialize(), function(data)){
alert(data);
}
}
</script>

lo que hago en la funcion anterior.. es llamar mi pagina.php donde voy a hacer la programacion.... bien del registro o del login!.... y el DATA .. me trae la respuesta... bien de mensaje satisfactyorio.. o bien de error.....

recuerda que los datos van a viajar como _POST ... asi para que tenga un poco de seguridad....

cualquier cosa consulta.. que estoy ahora a disposicion de forosdelweb

XD

rog3r_k · #3 (**permalink**) 20/01/2012, 12:15

El metodo que uso es con jquery... asi que tienes que referenciar de preferencia la ultima libreria...

esto:

$.post("mipagina.php", $("#id_form").serialize(), function(data)){
alert(data);

es una funcion de jquery... asi que no te olvides de referenciar el jquery en tu pagina....

mipagina.php es la pagina donde vas a programar el regfistro o el validado del usuario...

con el $("#id_form").serialize() envias todos los datos de tu formulario a mipagina.php sin necesidad de recargar la pagina....

y el: function(data) retornas la respuesta de tu pagina php XD

me voy a almorzar... si tienes dudas pregunta nomas..

bye XD

pato_cuack · #4 (**permalink**) 20/01/2012, 13:52

Hola Roger,

Gracias por tu respuesta.

Pero no me funciona, además tengo una duda respecto a la función...
Las funciones de jQuery que he implementado siempre comienzan:

Código Javascript:

Ver original$(document).ready(function (){
});

Entonces no entendí cómo funcionaría este código que me pasas --' .

Ahora sí, comprendiste bastante bien a tu manera lo que necesito, pero no es que se recargue y aparezca nuevamente, por que al recargarse lo único que hace es si es verdadero, redirecciona a otra web y si es falso en index, dentro de un div que tengo oculto me muestra el resultado es decir.

Si registro correcto ---> recarga a index2

Si registro falso ---> en index muestra el mensaje "contraseña mala" en el div oculto que cambia a visible cuando da alguna respuesta.

Entonces lo que requiero es que cuando sea falso me muestre el div y nuevamente el formulario...

Ya que lo que hace actualmente es mostrar el div y ocultar el formulario.

rog3r_k · #5 (**permalink**) 20/01/2012, 14:39

Hola mi estimado XD....
cuando quieras utilizar una funcion jquery directo fuera de una funcion... ahi si necesitas hacer eso:

$(document).ready(function (){
ejemplo:
$("#mi_id_elemento").click(function(){

});
});

al trabajar con ese tipo de elementos.. ahi si necesitas hacer el document.ready...
¿¿¿¿¿te preguntaras porque????? ..... sencillo...
porque el document.ready.. hace que esa parte de codigo se ejecute al momento de que cargue toda la pagina...

si tu no pones document.ready.. al momento de que la carga lea la linea de codigo: $("#mi_id_elemento"). .... busca si existe ese elemento en el HTML ... y si no lo encuentra.-.. directo te bota un error de javascript XD....... pero si ese elemento se encuentra dentro de una funcion ....

function llamada(){
$("#mi_id_elemento").click()............
}

al momento de cargar la pagina... lee la funcion pero no lee su contenido interno... es por esa razon que no sale error... XDDDDD

rog3r_k · #6 (**permalink**) 20/01/2012, 14:51

Hola tigre aqui te hice un ejemplo...

pagina.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
function data(){
$.post("web.php", $("#id_form").serialize(), function(data){
if(data=="error"){
alert("no has puesto datos en el formulario");
}else{
alert(data);
}
});
}
</script>
</head>

<body>
<form name="name_form" id="id_form" method="post">
<input type="text" name="txtDatos" id="txtDatos" />
<input type="button" name="btnButton" id="btnButton" value="dale chocke" onclick="data()" />
</form>
</body>
</html>

pagina web.php
<?php
if($_POST['txtDatos'] == ""){
echo "error";
}else{
echo "buena man: mandaste los siguientes datos: ".$_POST['txtDatos'];
}
?>

algo asi podrias trabajarlo!..... bueno si tienes conocimientos de php y de jquery.. se te hara sencillo...

si la respuesta que recibes es correcta podrias redireccionar la pagina con .... window.location.href='miotrapagina.php' desde el mismo javascript ... XD ....

bueno ahrioa si me paso a segui chambeando.... cuidateeeee!!!!!!