Forum: Italian Ruby user group rails e twitter bootstrap.

Immagino qualcuno usi twitter bootstrap.
Non riesco in alcun modo a utilizzare le modal, ho dovuto ovviare
utilizzando una libreria jquery.
<%= link_to "Istruzioni", instructions_path, "data-toggle" => "modal" %>
mi apre la pagina ma non in modalita' modal.

Ciao,

Dovrebbe essere perch manca il data-target che non lo carica in
modalit modale.

http://twitter.github.com/bootstrap/javascript.html#modals

Chris

------------------------------------------------------------
Christian Campoli - Web Developer
www.campolichristian.com
------------------------------------------------------------


Il 18 settembre 2012 16:52, Mauro <mrsanna1@gmail.com> ha scritto:

2012/9/18 Kry <kry619@gmail.com>:
> Ciao,
>
> Dovrebbe essere perch manca il data-target che non lo carica in
> modalit modale.

Si ma se il data-target dovrebbe essere qualcosa tipo: data-target  = 
"#mymodal"

Se poi nella pagina metto
<div id="mymodal">
  prova prova
</div>

Nel modal vedo prova prova e non la pagina che voglio visualizzare
attraverso il link_to.
Il contenuto del modal quindi deve preesistere all'itnerno della pagina?

Aah, ecco.
A parte che per funzionare, il moral ha bisogno di qualche attributo in 
pi, s.
Il modal di Bootstrap non carica contenuto via Ajax.
Qualche plugin esterno lo trovi, per.

Il giorno 18/set/2012, alle ore 17:22, Mauro <mrsanna1@gmail.com> ha 
scritto:

@luca nell'ultima versione hanno aggiunto la possibilit di
caricamento modal via ajax ma non pare funzionare molto bene

Noi avevamo fixato con un workaround che ignora il funzionamento 
originale:

 $('.mymodalclass').click(function(e) {
    e.preventDefault();
    var href = $(e.target).attr('href');
    var title = $(e.target).attr('title');
    if (href.indexOf('#') == 0) {
      $(href).modal('open');
    } else {
      $.get(href, function(data) {
        var modal = '<div class="modal fade"><div
class="modal-header"><button class="close"
data-dismiss="modal">&times;</button><h3>'+title+'</h3></div>';
        modal += '<div class="modal-body"><p>'+data+'</p></div>';
        modal += '<div class="modal-footer"> <a href="#" class="btn"
data-dismiss="modal">Chiudi</a></div>';
        $(modal).modal();
      });
    }
  });

Chris

------------------------------------------------------------
Christian Campoli - Web Developer
www.campolichristian.com
------------------------------------------------------------


Il 18 settembre 2012 17:24, Luca Pradovera <luca.pradovera@gmail.com>
ha scritto:

2012/9/18 Kry <kry619@gmail.com>:
> @luca nell'ultima versione hanno aggiunto la possibilit di
> caricamento modal via ajax ma non pare funzionare molto bene
>
> Noi avevamo fixato con un workaround che ignora il funzionamento originale:

Ho trovato questa https://github.com/kylefox/jquery-modal
che funziona perfettamente, al diavolo le modal di twitter.

E' marginale rispetto al topic, ma magari aiuta.

Di recente ho mollato bootstrap per passare a Foundation di Zurb.
L'unica cosa che mi manca  l'integrazione con simple_form, ma sto 
imparando a farne a meno. Mi son trovato bene,  facile da usare e ben 
documentato e le finestre modali richiedono meno codice, mi pare.

-f

Io ho fatto il contrario un paio di mesi fa.  Zurb non e` male, ma
Bootstrap ha "di piu`" (o almeno lo aveva ai tempi), e anche una
community piu` grande e piu` attiva.

2012/9/18 Fabrizio Regini <freegenie@gmail.com>:
>
> _______________________________________________
> Ml mailing list
> Ml@lists.ruby-it.org
> http://lists.ruby-it.org/mailman/listinfo/ml



--
David N. Welton

http://www.welton.it/davidw/

http://www.dedasys.com/