Lightbox e Login Form: come fare aprire una finestra di login all'interno di lightbox

36 contenuti / 0 new
Ultimo contenuto
Lightbox e Login Form: come fare aprire una finestra di login all'interno di lightbox

Vorrei capire come fare ad un utilizzare i servizi di lightbox per il form di login.
Ho notato che tra le impostazioni di Lightbox c'è la possibilità di gestire questa cosa.
Però inserendo una voce di menù apposita .... nel menu primary link ...non mi è possibile inserire rel=lightbox all'interno del tag html a.

avete un modo semplice per gestire la cosa.. che possa funzionare usando i link dei menu di drupal?

Praticamente, come faccio a gestire il il login utente e la registrazione dei nuovi tramite lightbox?

Mi accontento benissimo di inserire un blocco all'interno del lightbox... se sapete dirmi come fare. sarebbe ottimo.

Accetto suggerimenti riferiti anche all'utilizzo di altri strumenti diversi da lightbox.

Vai in admin/settings/lightbox2, sotto la voce 'Modal form settings' spunta 'Enable login support'.
Il codice (Javascript) in sites/all/modules/lightbox2/js/lightbox_modal.js cerca per user/login e non un semplice user...

Più imparo, più dubito.

interessante non sapevo che si facesse con lightbox.... non l ho provato a farlo pero' un giorno tentero'...

Alternativo (non provato da me) per login ma anche register è: http://drupal.org/project/ajax_register
Se lo provi fammi sapere - devo fare entrambi le cose (login/register) da una pagina solo, niente link nel menù...

Più imparo, più dubito.

jhl.verona wrote:
Vai in admin/settings/lightbox2, sotto la voce 'Modal form settings' spunta 'Enable login support'.
Il codice (Javascript) in sites/all/modules/lightbox2/js/lightbox_modal.js cerca per user/login e non un semplice user...

ok... l'ho provato e funziona. Però c'è una questione... come si customizza lato css? O cmq come si customizza in generale? anche perchè lasciarlo così non è il massimo.

Poi guardando il file .js per il lightmodal si capisce benissimo che può essere arrricchito con tante altre funzioni.

dai un'occhiata al nuovo metodo di login/register presente qui http://www.downloadblog.it hai idea di come fare a fare qualcosa di simile?

La pagina del link sta usando CSS e Javascript per 'fare apparire' un div che era hidden - tutto qua. Simile a nice_menus per intenderci.
Se sbagli inserire i dati ti porta su un altra pagina...

Più imparo, più dubito.

jhl.verona wrote:
Vai in admin/settings/lightbox2, sotto la voce 'Modal form settings' spunta 'Enable login support'.
Il codice (Javascript) in sites/all/modules/lightbox2/js/lightbox_modal.js cerca per user/login e non un semplice user...

Ciao,
ho provato e sto utilizzando quanto da te espresso x il form di login mostrato grazie a lightbox.

Per il momento trovi i risultati solo qui
http://businesstime.ejarvis.eu/

Mi chiedo, come è possibile modificare la "landing page" di questo form utilizzato in questo modo?
Attualmente quando faccio l'autenticazione seguendo da questo form all'interno di lightbox, viene aperta la mia pagina del profilo. Invece, se faccio il login dal normale blocco di drupal per il login, vengo riportato alla pagina in cui mi trovato.

Come faccio a far si che dopo l'autenticazione attraverso lightbox tutto torni nella pagina in cui mi trovavo quando ho richiesto l'autenticazione oppure direttamente nella homepage?

Hai qualche idea?

Come fare per mostrare le finestre di lightbox in modo tale che siano sempre al di sopra delle animazioni in flash?

Succede che i banner in flash si sovrappongo alla finestra di lightbox quando questa è attiva... e non va bene per niente.

jhl.verona wrote:
Vai in admin/settings/lightbox2, sotto la voce 'Modal form settings' spunta 'Enable login support'.
Il codice (Javascript) in sites/all/modules/lightbox2/js/lightbox_modal.js cerca per user/login e non un semplice user...

Purtroppo, dopo aver attivato il "Modal form settings" mi si apre tutta la pagina di login non solamente (come vorrei) il form per effettuare il login.

dany wrote:
jhl.verona wrote:
Vai in admin/settings/lightbox2, sotto la voce 'Modal form settings' spunta 'Enable login support'.
Il codice (Javascript) in sites/all/modules/lightbox2/js/lightbox_modal.js cerca per user/login e non un semplice user...

Purtroppo, dopo aver attivato il "Modal form settings" mi si apre tutta la pagina di login non solamente (come vorrei) il form per effettuare il login.

Non basta attiva il Modal form setting per il login box... devi anche usare l'url giusta.

http://tuo_sito/user/login/lightbox2

Ma prima di provare questa forma per l'url ... fai prima e meglio a leggere cosa è indicato all'interno del file sites/all/modules/lightbox2/js/lightbox_modal.js ...questo perchè proprio all'interno della funzione per il modal login form c'è l'url che utilizza.

Ho controllato: il file file è uguale a http://businesstime.ejarvis.eu/sites/all/modules/lightbox2/js/lightbox_m... eppure a me non funziona.

// $Id: lightbox_modal.js,v 1.1.2.2 2009/01/05 15:59:08 snpower Exp $
function lightbox2_login() {
  $("a[@href*='/user/login'], a[@href*='?q=user/login']").each(function() {
    $(this).attr({
      href: this.href.replace(/user\/login?/,"user/login/lightbox2"),
      rel: 'lightmodal[|width:250px; height:210px;]'
    });
  });
}
function lightbox2_contact() {
  $("a[@href*='/contact'], a[@href*='?q=contact']").each(function() {
    $(this).attr({
      href: this.href.replace(/contact?/,"contact/lightbox2"),
      rel: 'lightmodal[|width:450px; height:450px;]'
    });
  });
}
Drupal.behaviors.initLightboxModal = function (context) {
  if (Drupal.settings.lightbox2.enable_login) {
    lightbox2_login();
  }
  if (Drupal.settings.lightbox2.enable_contact) {
    lightbox2_contact();
  }
};

ma stai usando l'url giusta?

user/login/lightbox2

se hai abilitato il modal form e sei hai inserito un link con l'url su indicata
deve funzionare x forza!!

Ma, leggendo il JavaScript:

Quote:
  $("a[@href*='/user/login'], a[@href*='?q=user/login']").each(function() {

l'url giusto è <a href="http://www.sito.it/user/login">login</a>[/codefilter_code] oppura a href="http://www.sito.it/?q=user/login">login</a>[/codefilter_code], poi il JavaScript farà il resto...

Per avere un 'popup' per il login ed un altro per la registrazione, allora prova Ajax Login/Register. Ha la dipendenza su Ajax, ed usa Thickbox...

Più imparo, più dubito.

jscm wrote:
...
Succede che i banner in flash si sovrappongo alla finestra di lightbox quando questa è attiva... e non va bene per niente.

Leggi http://kb2.adobe.com/cps/155/tn_15523.html e http://kb2.adobe.com/cps/142/tn_14201.html

Più imparo, più dubito.

jhl.verona wrote:
Ma, leggendo il JavaScript:
Quote:
  $("a[@href*='/user/login'], a[@href*='?q=user/login']").each(function() {

l'url giusto è <a href="http://www.sito.it/user/login">login</a>[/codefilter_code] oppura a href="http://www.sito.it/?q=user/login">login</a>[/codefilter_code], poi il JavaScript farà il resto...

Per avere un 'popup' per il login ed un altro per la registrazione, allora prova Ajax Login/Register. Ha la dipendenza su Ajax, ed usa Thickbox...

Vero!... hai ragione!... quella indicata da jhl è la giusta url.
A me sta anche funzionando in questo modo:

$output = '<div id="login-box">' . l(t('Login | Register'), 'user/login/lightbox2') . '</div>';

Ho risolto. Grazie!
Ho inserito come URL del link che ho creato nel footer (o nel menu primario) "user/login/lightbox2". Funziona anche scrivendo "user/login".

Oltre a Ajax register - che adesso ho provato - esiste anche un sotto modulo di Dialog API (scoperto sperimentando con Fusion/Skinr).
C'è anche una pagina demo per chi vuole vedere senza installare: http://demos.zroger.com/dialog/example

Più imparo, più dubito.

jhl.verona wrote:
Oltre a Ajax register - che adesso ho provato - esiste anche un sotto modulo di Dialog API (scoperto sperimentando con Fusion/Skinr).
C'è anche una pagina demo per chi vuole vedere senza installare: http://demos.zroger.com/dialog/example[/quote]

Guardando la DEMO, direi che non è male... da provare.

dalla demo sembra interessante, hai ragione, ma provando il modulo mi si aprono finestre trasparenti, forse bisogna personalizzarle via css?

john sai dirci come fare una cosa del genere con drupal?
mi servirebbe anche a me creare un blocco login cosi, ma un modulo che lo fa di suo non lo trovo.

E successo a me, su Firefox (ma non IE)...

asdomar wrote:
dalla demo sembra interessante, hai ragione, ma provando il modulo mi si aprono finestre trasparenti, forse bisogna personalizzarle via css?

Come avevo scritto qui: http://www.drupalitalia.org/node/10250 ho tolto il sistema per superare il limite 30 CSS di IE. Altrimenti non saprei perchè non funziona. Forse se dici quale OS, versione PHP/Drupal, quale browser... qualcuno sarà in grado di rispondere.

Più imparo, più dubito.

non sto usando skinr ma solo dialog api, funziona ma non ha il css, mi si aprono i riquadri tutti trasparenti, è normale, cioè devo crearmi io il foglio di stile?

me lo fa con firefox e ie e su vari server quindi credo non sia un problema di server o SO.

asdomar wrote:
non sto usando skinr ma solo dialog api, funziona ma non ha il css, mi si aprono i riquadri tutti trasparenti, è normale, cioè devo crearmi io il foglio di stile?

me lo fa con firefox e ie e su vari server quindi credo non sia un problema di server o SO.

Ma se non stai usando Lightbox, io suggerirei di usare il modulo Ajax + Ajax Register e risolvi (in teoria) tutti i problemi.
Se invece utilizzi Lightbox2, ti suggerirei la soluzione di cui abbiamo già discusso qui.

Hmm. Qui la lista di moduli:

  • Dialog User
  • Dialog API
  • Chaos tools
  • jQuery Update
  • jQuery UI

asdomar wrote:
non sto usando skinr ma solo dialog api, funziona ma non ha il css, mi si aprono i riquadri tutti trasparenti, è normale, cioè devo crearmi io il foglio di stile?

No non è normale. Copre tutto lo schermo con un 'velo' (come Lightbox) con un rettangolo centrato sfondo bianco - esattamente come nel demo. Ho solo installato e abilitato i moduli citati.

Più imparo, più dubito.

non capisco deve essere qualche problema di conflitto allora con altri moduli.
la gestione con lightbox2 non mi piace molto a dire il vero, quella più "cool" era quella di dialog api, ma devo vedere se riesco ad usarla.

Mi state convincendo!!! FORSE ... a testare Dialog API

Però per una sola cosa come il login e il register ...devo installare tutti quei moduli?!?! Non mi va tanto.

si purtroppo ha bisogno di tutti quei moduli, ma il fatto è che nemmeno mi funziona. non capisco perchè non carica i css e mi aprono le finestre tutte trasparenti.

Sul sito drupal ho visto la recensione di questo sito web
http://www.sparkeo.com/ - ecco qui la recensione con tanto di elenco moduli: http://drupal.org/node/722208

Sebbene ci sia l'elenco dei moduli utilizzati, alcuni almeno... non ho capito come è stata realizzata la finestra di Login che appare e si estende verticalmente.

Secondo voi quali moduli hanno usato?

interessa saperlo anche a me.

Molto carino, ma fatto in casa.

Più imparo, più dubito.

difficile da farlo in casa?
è fatto in js o è un modulo proprio?

Come devo far a far aprire la finestra di Lightbox al di sopra di qualsiasi cosa... quindi il layer deve essere sopra tutto, anche delle animazioni in flash e dell'advertising che arriva nei siti web, che spesso si trova ad un layer superiore a quello di LightBox.

Avete qualche idea?

Molto interessante.
Anche sul mio SMARTPHONE, con il tema mobile in lavorazione, funziona il Login tramite LightBox.
Ottimo!...

ma parli del sito che ho linkato io?

asdomar wrote:
ma parli del sito che ho linkato io?

di che parli?