[Résolu] Aide (smarty) sur ma boucle {Gallery}

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#26
cmsms, je te l'avais ecrit dans le message precedent
#26
cmsms, je te l'avais ecrit dans le message precedent
#27
Envoie-moi les codes pour me loguer sur mon adresse mail (sous mon avatar : E-mail)
#27
Envoie-moi les codes pour me loguer sur mon adresse mail (sous mon avatar : E-mail)
#28
J'ai ceci comme erreur : NetworkError: 404 Not Found - http://77.193.254.158/assets/js/ie10-vie...karound.js
#28
J'ai ceci comme erreur : NetworkError: 404 Not Found - http://77.193.254.158/assets/js/ie10-vie...karound.js
#29
je viens d effacer ce script il était présent que sur la page d'accueil.
#29
je viens d effacer ce script il était présent que sur la page d'accueil.
#30
je viens de voir que j'avais beaucoup d erreurs sur les balises de la doctype !!! la honte ^^
#30
je viens de voir que j'avais beaucoup d erreurs sur les balises de la doctype !!! la honte ^^
#31
J'ai corrigé ton gabarit pour des divs non fermées.
#31
J'ai corrigé ton gabarit pour des divs non fermées.
#32
Ça n'a pas l'air évident a débugger j'ai l'impression ;(
#32
Ça n'a pas l'air évident a débugger j'ai l'impression ;(
#33
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.
#33
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.
#34
On a exactement la même chose que sur ton bootply...
#34
On a exactement la même chose que sur ton bootply...
#35
Oui un truc de fou !!! :/

Oui je vais tester en statique et ensuite le mettre sur le serveur pour voir ça réaction.
#35
Oui un truc de fou !!! :/

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

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


ÉNORME MERCI !!!
#44
Super !!! Big Grin Smile

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


ÉNORME MERCI !!!
#45
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.
#45
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.
#46
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 ^^
#46
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 ^^
#47
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.
#47
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.
#48
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
#48
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
#49
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.
#49
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.
#50
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 ?
#50
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 ?


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)