Pagina accesso riservato
Autor: Giuseppe Puzzolo
Besucht 1221,
Followers 4,
Geteilt 0
Propongo come idea quando si crea un sito con la pagina di accesso riservato con registrazioine automatica (ed. profesisonal) si dia la possibilità di poterla personalizzare a nostro piacimento.
Gepostet am
Condivido! Avendo la necessità di interrompere per certi periodi la registraziy automatica senza voler rinunciare alla possibilità per l utente di richiedere le proprie credenziali in maniera automatica, ho dovuto mettere mano allo script imlogin.php
Questo lo si puo implementare con poco sforzo.
Speriamo
Autor
che script ti riferisci @nicola
Sono andato su imlogin.php...ho cancellato il <div del box di registrazione automatica ed ho lasciato solo quella di accedi. Ho poi riformattato il tutto per renderlo coerente con lo stile del sito. Questo mi consente di mantenere tutta la funzionalità della porzione dello script di accesso (cioè la gestione di errore). Puoi vederlo su wee.aiasnet.it .poi vai su accedi.
Scusa...www.aiasnet.it
@Nicola Attento che modificando manualmente il file qualcosa può andare storto.
Per esempio, nel tuo sito, se clicchi su "ho perso le mie credenziali" , dopodichè inserisci una mail errata, la pagina che ti viene proposta ha il collegamento del menù sulla parola accedi che ti porta ad una pagina inesistente, che è http://www.aiasnet.it/accedi.html invece di http://www.aiasnet.it/accedi.php
Ciao
Personalmente preferisco utilizzare Jquery per modificare quella pagina
http://www.lamera.com/PROFILOCONFOTO/source/imlogin.php
Grande Giorgio! Puoi fornire progetto o codice? Grazie
Devi copiare dal sorgente dal rigo 32 al 138 e poi dal rigo 278 al 307 (versione 16)
Ciao
Caro Giorgio
grazie del consinglio e della verifica. Ho corretto l'errore. Ho anche visto il tuo script ma non ho capito una cosa? le linee che indichi vanno inserite in un oggetto html nel progetto? ma la pagina che tu indichi è comunque imlogin.php che è generata dal programma..o sbaglio?
fammi sapere se puoi
grazie
Siccome il codice deve agire sulla pagina imlogin.php come tu hai giustamente rilevato, devi inserire il codice in modo che sia presente nel modello e quindi in tutte le pagine compresa quella.
Perciò lo ho inserito in statistiche, seo ecc... sezione esperto.
Modificando direttamente il file imlogin infatti lo dovresti cambiare tutte le volte che punnlichi il sito.
Con il sistema Jquery invece puoi inserire, togliere o modificare iil contenuto html.
Io per esempio ho modificato il testo contenuto nei tag <h3>
Ciao Giuseppe Puzzolo, credo questa richiesta è stata fatta da altri utenti qualche ... tempo fa ;-(
<script> $(document).ready(function() { $('.msLog').on('mouseenter', function(event) { $(this).css('overflow', 'visible').toggleClass('active'); event.stopPropagation(); }); $('.msLog').on('mouseleave', function(event) { $(this).css('overflow', 'visible').toggleClass('active'); event.stopPropagation(); }); $('#imMnMn.main-menu .hamburger-button').click(function() { $('.msLog').css('z-index', 10); }) $('.hamburger-menu-close-button, .hamburger-site-background').click(function() { $('.msLog').css('z-index', 10001); }) }); $(document).ready(function() { // funzionalità offline if (location.host == "127.0.0.1:8080") $(".ms-menu-Utente").html('<div class="msLog msIn"><ul><li><a href="#nogo"><i class="fa fa-key"></i>Login</a></li></ul></div>'); }); </script><style> .imLogin { display:block; margin-left: auto; margin-right: auto; border-style: solid; border-width: 1px; padding-top: 20px; padding-right: 50px; padding-bottom: 20px; padding-left: 50px; border-radius: 5px; margin: 20; } #testo{ text-align: center; font-size: 18px; } #imRegister{ display:none; } #chiudi{ display: none; } /* unvisited link */ a:link { color: #A0B2B4; text-decoration: none; } /* visited link */ a:visited { color: #A0B2B4; text-decoration: none; } /* mouse over link */ a:hover { color: #A0B2B4; text-decoration: underline; } .topic-comment:after { content: ''; display: block; clear: both; } .topic-comments-user img { float: left; margin-right: 15px; width: 64px; } #imPgTitle {margin-left: 20px; margin-right: 15px;} .imBreadcrumb {margin-left: 20px; margin-right: 15px;} .imBlogPostBody {margin-left: 20px; margin-right: 15px;} .imBlogPostRead {margin-left: 20px; margin-right: 15px;} .topic-comment:after { content: ''; display: block; clear: both; } .topic-comments-user img { float: left; margin-right: 12px; width: 64px; } </style>
<script> var paragrafi = document.getElementsByTagName('h3'); paragrafi[1].innerHTML = '<a href="#" id="mostra" >Registra un nuovo account </a><a href="#" id="chiudi" >Utente già registrato</a>'; paragrafi[0].innerHTML = '<div id="testo"> Utente già registrato</div>'; $(document).ready(function(){ $("#mostra").click(function(){ $("#imRegister").slideDown("slow"); $("#imLoginForm").slideUp("slow"); document.getElementById("chiudi").style.display = "block"; document.getElementById("mostra").style.display = "none"; $("#testo").slideUp("slow"); paragrafi[0].innerHTML = '<div id="testo">Registra un nuovo account</div>'; $('#imLostPassword').slideUp() }); $("#chiudi").click(function(){ $("#imRegister").slideUp("slow"); $("#imLoginForm").slideDown("slow"); document.getElementById("chiudi").style.display = "none"; document.getElementById("mostra").style.display = "block"; $("#testo").slideDown("slow"); paragrafi[0].innerHTML = '<div id="testo"> Utente già registrato</div>'; }); }); </script>