[lolox]

cmsms, je te l'avais ecrit dans le message precedent

[Jean le Chauve]

Envoie-moi les codes pour me loguer sur mon adresse mail (sous mon avatar : E-mail)

[Jean le Chauve]

J'ai ceci comme erreur : NetworkError: 404 Not Found - http://77.193.254.158/assets/js/ie10-vie...karound.js

[lolox]

je viens d effacer ce script il était présent que sur la page d'accueil.

[lolox]

je viens de voir que j'avais beaucoup d erreurs sur les balises de la doctype !!! la honte ^^

[Jean le Chauve]

J'ai corrigé ton gabarit pour des divs non fermées.

[lolox]

Ça n'a pas l'air évident a débugger j'ai l'impression ;(

[Jean le Chauve]

Tellement évident que je ne trouve pas, le popup se referme tout seul et passe à la page en href...
Crée une page statique et teste sur ton serveur.

[Jean le Chauve]

On a exactement la même chose que sur ton bootply...

[lolox]

Oui un truc de fou !!! :/

Oui je vais tester en statique et ensuite le mettre sur le serveur pour voir ça réaction.

[Jean le Chauve]

C'est ton code statique qui n'est pas bon.
Essaye plutôt celui-ci : http://bootsnipp.com/snippets/featured/b...p-lightbox

[lolox]

Que veux-tu dire par "code statique pas bon" ?

[Jean le Chauve]

Ce qui est dans bootply. Il ne devrait pas avoir un data-target ?

[lolox]

Ce ne sont pas les memes JS non plus, mais je viens de tester en local la version qui bug avec cmsms elle fonctionne bien en statique.

Je vais perdre la boule ^^ tu peux regarder c'est le projet >> modal

[Jean le Chauve]

Si c'est bien cette galerie que tu essayes de reproduire, voici une discussion relatant un problème : http://stackoverflow.com/questions/26445...h-lightbox

[lolox]

Oui mais c'est pas vraiment le problème que j'ai.

Un gros merci pour ton aide, je vais faire un pause sinon j ai faire des conneries...


Je lâche pas le morceau

[Jean le Chauve]

Ok, je crois que j'ai trouvé, regarde à nouveau ta page lolo

[Jean le Chauve]

j'ai remplacé le href="#" par <a href="lolo#myModal"

[lolox]

Super !!!

Explique moi comment tu as trouvé s'il te plait !


ÉNORME MERCI !!!

[Jean le Chauve]

Si ton projet modal fonctionnait, ça ne pouvait être qu'un problème d'ancre. Difficile de trouver car je ne connais absolument pas bootstrap.

[lolox]

Oui tu as modifié le lien comme ça >> lolo#myModal mais je comprends pas vraiment a quoi correspond le "lolo" la dedans.

Je vais chercher ^^

[Jean le Chauve]

lolo, c'est l'alias de la page réalisations, #myModal est l'id de la div qui contient le popup.
N'oublie pas de marquer [Résolu] et de repasser ton wamp offline.

[lolox]

Bonjour,


Je me demande comment faire pour pouvoir afficher les commentaires d'images sur la fenêtre qui s'ouvre avec l'image sélectionnée , j'arrive bien à les faire s'afficher avec {$image->comment} mais uniquement sous le titre ;(

Mon but est de les placer dans un <p></p> dans ce bloc :

<div class="modal-body ">

<p> le commentaire d'image </p>

</div>

Code :

[== HTML ==]
{* affichage des images de la galerie *}
    <div class="row">{foreach from=$images item=image}
        <div class="col-md-4 col-sm-6"><a href="lolo#myModal" title="{$image->titlename}"><img src="{$image->file|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" class="thumbnail img-responsive" /></a>
        </div>
        {/foreach}
    </div>


    {* la fenetre modal qui s'ouvre avec son image *}
    <div id="myModal" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">X</button>
                    <h3 class="modal-title">Heading</h3>
                </div>
                <div class="modal-body ">
                    {* c'est ici que je souhaite avoir le commentaire *}
                </div>
                <div class="modal-footer">
                    <button class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

Surement un problème avec la boucle.


ou Jquery

Code :

[== JavaScript ==]

$(document).ready(function() {
$('.thumbnail').click(function(){
      $('.modal-body').empty();
      var title = $(this).parent('a').attr("title");
      $('.modal-title').html(title);
      $($(this).parents('div').html()).appendTo('.modal-body');
      $('#myModal').modal({show:true});
});
});

$('.modal-body').empty();

Efface à chaque clique ce qui se trouve à l'interieur de la class modal-body c'est la que je ne vois pas comment faire, il faudrait que j'ajoute en js le commentaire.

Merci

[Jean le Chauve]

Désolé lolox, mais ce forum est dédié à cmsms.
Je t'invite à poser tes questions sur un forum dédié à bootstrap.
Si tu as un problème pour intégrer un code html et JQuery fonctionnels sur cmsms, je t'aiderai de nouveau avec plaisir.

[lolox]

Oui merci, mais la c'est plus un problème de jquery que de boostrap

Mes connaissances en Jquery sont proche du zero, mais j'ai bien compris que je dois permettre à jquery de ne pas effacer mon paragraphe de commentaire ( de l'afficher ) comme c'est fait pour afficher l'image.

Le script (au clique sur la class .thumnail) efface tout ce qu'il y a dans la <div class="modal-body"> et ensuite affiche l'image avec son titre, me manque juste le code pour appeler et afficher le paragraphe de commentaire.



j'ai modifié le jquery >> $('.modal-body').empty(); en $('.modal-body a').empty();

comme ca il y a que l'image qui est effacée et par le reste du .modal-body, ensuite j'ai mis {$image->comment} dans le .modal-footer, le commentaire s'affiche mais c'est toujours celui de la dernière image ;(

Peut être qu'une boucle sur les commentaires est possible au niveau du footer ?