recupero password nella home

recupero password nella home postato il 07/04/2013 02:40:40 nel forum programmazione, open source e hosting

Salve a tutti
Si sono ancora io xD
Premetto di aver fatto una ricerca nel forum ma non ho trovato nessuna soluzione al mio problema e su internet non ho trovato nulla. Se per caso questa domanda fosse stata già posta su questo forum, vi prego di scusarmi e di darmi il link della discussione perché io non l'ho trovata nemmeno con il tasto "cerca".
Mi scuso per il titolo del topic, ma non riuscivo a trovarne uno che riassumesse il mio problema.
Utilizzando il codice che mi è stato consigliato in un topic precedente (https://www.gdr-online.com/readforum.asp?id=169353 ↗) ho diviso la mia home in nove celle ed in quella centrale ho inserito il login ed un tasto (un submit) per il recupero password. Ho poi creato un altro file (chiamato "password.php") che contiene il codice per effettuarlo. Ora, però, stavo pensando di fare un'altra cosa, ma non so come farla. Invece che rimandarmi ad un altro file, vorrei che cliccando su "recupero password" al posto del login appaia la casella per il recupero password e, una volta terminata l'operazione, cliccando su un tasto con scritto "torna indietro" o una semplice X, ritorni ad esserci il login. Il problema è che non so come modificare il codice (attualmente uso un form action che mi rimanda alla pagina "password.php" ma io, come detto, vorrei evitare di far aprire una pagina per il semplice recupero password).
Spero di essere stato chiaro su quale sia il mio problema. In caso di dubbi, non esitate a chiedere chiarimenti. Spero che qualcuno di voi possa aiutarmi.

World of Warship ↗
MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!

Pagine → 1 2

digital-destiny

SCRIVI

07/04/2013 03:30:12

[forse] ho capito quello che vuoi fare :D

Se vuoi giocare con il contenuto di una pagina html, modificandone il layout o il contenuto senza necessità di ricaricare, la via migliore è usare Javascript, o meglio ancora Javascript e JQuery che ti semplifica la vita.

Giocando con gli attributi di visibilità degli oggetti puoi visualizzare o meno determinati elementi del DOM a comando (per esempio agganciando l'evento al click su un bottone)

In questo modo puoi far visualizzare un form nella pagina che tu crei, ma non mostri:

Ti basterà crearti una routine JS:

function mostraRecupero(){
if(document.getElementById('formRecupero').style.display == ‘block’){
document.getElementById('formRecupero').style.display = ‘none’;
} else {
document.getElementById('formRecupero').style.display = ‘block’;
}
}

oppure in JQuery:

function mostraRecupero(){jQuery('#formRecupero').show();}

E per ultimo aggancerai la funzione da te creata (ricorda che va inserita nell'head della pagina incapsulata dentro una coppia di tag <script>) ad un bottone (o altro elemento)

<a href="#" onclick="javascript:mostraRecupero();"> Recupero Password </a>

Wuthering Waves ↗
GdR d'azione open world con combattimenti veloci, grafica in stile anime e un misterioso mondo fantascientifico post-apocalittico da esplore!

astro991

SCRIVI

07/04/2013 03:49:13

Ammetto di essermi perso.
Nel file della home inserisco il codice per il login e sotto il codice che mi hai scritto te. Ho provato ad inserire al posto della scritta "<input.. />" l'input type text per inserire la mail per riceve la nuova password. Ho inserito il codice in uno script, ho inserito il link "recupero password" (insomma, ho inserito tutto quello che mi hai scritto te dopo il codice del login), ma non mi rimanda a nulla. Ho quindi inserito, nel form, il tipo di method (post) e il file a cui l'action deve rimandarmi, ma ancora niente, resta solo la roba del login. Sicuramente sto sbagliando qualcosa ma non capisco cosa.

The Coven ↗
Negli scorci di luce delle paludi della Louisiana fioriscono nuove ombre. Estend e la Congrega ti aspettano per vivere emozionanti avventure!

digital-destiny

SCRIVI

07/04/2013 05:01:36 e modificato da digital-destiny il 07/04/2013 05:02:51

Un po' grezzo, ma dovrebbe rendere l'idea :)

<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"/>

<script>
function recover(){jQuery('#formB').show()};
</script>

</head>

<body>
<a href="#" onclick="javascript:recover();"> Recupera Password </a>

<form id="formA" method="POST" action="pippo.php">
<input type="text" value="User" />
<input type="text" value="Pass" />
<input type="submit" value="Login" />
</form>

<form id="formB" style="display:none" method="POST" action="pippo.php">
<input type="text" value="Recover" />
<input type="submit" value="recupera!" />
</form>
</body>
</html>