Forum CMS Made Simple FR

Version complète : [Résolu] Aide (smarty) sur ma boucle {Gallery}
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.
Pages : 1 2 3
cmsms, je te l'avais ecrit dans le message precedent
Envoie-moi les codes pour me loguer sur mon adresse mail (sous mon avatar : E-mail)
J'ai ceci comme erreur : NetworkError: 404 Not Found - http://77.193.254.158/assets/js/ie10-vie...karound.js
je viens d effacer ce script il était présent que sur la page d'accueil.
je viens de voir que j'avais beaucoup d erreurs sur les balises de la doctype !!! la honte ^^
J'ai corrigé ton gabarit pour des divs non fermées.
Ça n'a pas l'air évident a débugger j'ai l'impression ;(
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.
On a exactement la même chose que sur ton bootply...
Oui un truc de fou !!! :/

Oui je vais tester en statique et ensuite le mettre sur le serveur pour voir ça réaction.
C'est ton code statique qui n'est pas bon.
Essaye plutôt celui-ci : http://bootsnipp.com/snippets/featured/b...p-lightbox
Que veux-tu dire par "code statique pas bon" ?
Ce qui est dans bootply. Il ne devrait pas avoir un data-target ?
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
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
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 Wink
Ok, je crois que j'ai trouvé, regarde à nouveau ta page lolo Smile
j'ai remplacé le href="#" par <a href="lolo#myModal"
Super !!! Big Grin Smile

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


ÉNORME MERCI !!!
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.
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 ^^
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.
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 Sad c'est la que je ne vois pas comment faire, il faudrait que j'ajoute en js le commentaire.

Merci
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.
Oui merci, mais la c'est plus un problème de jquery que de boostrap Smile

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 ?
Pages : 1 2 3