Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB3] Miniatures dans page html


2 participants

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Lun 9 Mar 2020 - 16:02

  • Version du forum :
    PHPBB3
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Bonjour à tous les milouziens,

toujours dans mes miniatures, je profite de l'acalmie.

Philippe m'a écrit cette page html qui affiche l'ensemble des sous forums:
Code:

<style>
#content-container div#left {
 margin-top: 170px !important;
}
.widget-arrow.isleft {
 margin-top: 205px;
}

  img.M14_GetPosts {
 display: none;
  }

  .forumbg{
       height:362px;
       overflow-y:auto;
  }
      /*Le conteneur des liens*/  
   h1#M14_nomargin {
 text-align: center;
 border: 2px solid #fdf8f8;
 padding-bottom: 8px;
        margin-top: 15px;
  }
      /*Les liens dans le conteneur*/
    h1#M14_nomargin a
  {
 margin-left: 4px;
 margin-right: 4px;
 padding: 2px 20px;
 font-size: 15px;
  }
    /*Les ancres positionnes avant les titres*/
    a[id^="M14_GetAncreFofo"]
    {
    position: absolute;
    margin-top: -100px;  
    }
    </style>  
<!--                                                                                                                                                              Bouton poster une photo                                                                                                                                                                         -->    
<div id="bouton_poster" style="float:left;width: 300px;">
                                                                                                                                                                                                                                                                     <a target="_blank" href="https://photoclic.forum-pro.fr/post?f=4&mode=newtopic"><br /><img border="0" src="https://i.imgur.com/DmZrfKT.png" alt="lNew phototest" title="Poster une nouvelle photo dans Phototest" /></a>
</div>
                                                                                                                                                                                                                                              
<!--                                                          info poster une photo                                                          -->
<div style="position: absolute;float:left;width: 25px;margin-left: 10.4%;margin-top: 23px;" id="info_posterimg">
                                                    <a href="https://photoclic.forum-pro.fr/t34-poster-une-photo#264" target="_blank"><br /><img title="voir comment poster une photo" alt="infoposterimg" src="https://i.servimg.com/u/f25/18/97/96/21/info_t10.png" /></a>                                                                                                                                                                                      
</div>
                                                                                                                                                      
<!--                                                                                                                                                              Bouton poster une série                                                                                                                                                                         -->    
<div id="bouton_poster" style="margin-left: 30%;">
                                                                                                                                                                                                                                                                     <a target="_blank" href="https://photoclic.forum-pro.fr/post?f=5&mode=newtopic"><br /><img border="0" src="https://i.imgur.com/iZqElcb.png" alt="lNew phototest" title="Poster une nouvelle série dans Reportage/série au long cours" /></a>                                                                                                                                                                                      
</div>
                                                  
<!--                                                          info poster une série                                                          -->
<div id="info_posterserie" style="position: absolute;float:left;width: 25px;margin-top: -50px;margin-left: 39%;">
                                                   <a target="_blank" href="https://photoclic.forum-pro.fr/t34-poster-une-photo#232226"><br /><img src="https://i.servimg.com/u/f25/18/97/96/21/info_t10.png" alt="infoposterserie" title="voir comment poster une série" /></a>                                                                                                                                                                                      
</div>
                                                
<h1 id="M14_nomargin" class="nomargin path">
                                 <a class="nav" href="#M14_GetAncreFofo_1"></a>    <a class="nav" href="#M14_GetAncreFofo_2"></a>    <a class="nav" href="#M14_GetAncreFofo_3"></a>    <a class="nav" href="#M14_GetAncreFofo_4"></a>    <a class="nav" href="#M14_GetAncreFofo_5"></a>    <a class="nav" href="#M14_GetAncreFofo_6"></a>    
</h1>
                                
<div class="M14_GetListeFofo_1">
                             <a id="M14_GetAncreFofo_1"> </a>                            
 <h1 class="page-title" id="M14_GetListeFofo_1">
                                                        
 </h1>
                                                        
 <div class="forumbg">
                                                        
 </div>
</div>
    <a href="#top" style="float:right;">Haut de page</a>    
<div class="M14_GetListeFofo_2">
                             <a id="M14_GetAncreFofo_2"> </a>                            
 <h1 class="page-title" id="M14_GetListeFofo_2">
                                                        
 </h1>
                                                        
 <div class="forumbg">
                                                        
 </div>
</div>
    <a href="#top" style="float:right;">Haut de page</a>    
<div class="M14_GetListeFofo_3">
                             <a id="M14_GetAncreFofo_3"> </a>                            
 <h1 class="page-title" id="M14_GetListeFofo_3">
                                                        
 </h1>
                                                        
 <div class="forumbg">
                                                        
 </div>
</div>
    <a href="#top" style="float:right;">Haut de page</a>    
<div class="M14_GetListeFofo_4">
                             <a id="M14_GetAncreFofo_4"> </a>                            
 <h1 class="page-title" id="M14_GetListeFofo_4">
                                                        
 </h1>
                                                        
 <div class="forumbg">
                                                        
 </div>
</div>
    <a href="#top" style="float:right;">Haut de page</a>    
<div class="M14_GetListeFofo_5">
                             <a id="M14_GetAncreFofo_5"> </a>                            
 <h1 class="page-title" id="M14_GetListeFofo_5">
                                                        
 </h1>
                                                        
 <div class="forumbg">
                                                        
 </div>
</div>
    <a href="#top" style="float:right;">Haut de page</a>    
<div class="M14_GetListeFofo_6">
                             <a id="M14_GetAncreFofo_6"> </a>                            
 <h1 class="page-title" id="M14_GetListeFofo_6">
                                                        
 </h1>
                                                        
 <div class="forumbg">
                                                        
 </div>
</div>
    <a href="#top" style="float:right;">Haut de page</a>      <script>
    if(document.title=="Voir les forums du clic"){
    $(function(){
    $('#left,#search-box,.M14_GetPosts,a.preview_topic,a.M14_LoaD_ToPiCsConT,a.M14_LoaD_ToPiCs,#fa_ticker,#fa_ticker_container').hide();

    });
    }
    $(function(){
    $.get('/f4-phototest' , function(data){
    var M14_GetTitleFofo=$(data).find('h1.page-title').text();
    var M14_GetFofo= $(data).find('.forumbg:not(.announcement)').html();
    $('.M14_GetListeFofo_1 h1.page-title,a[href="#M14_GetAncreFofo_1"]').text(M14_GetTitleFofo);
    $('.M14_GetListeFofo_1 div').html(M14_GetFofo);
    });
    });
    $(function(){
    $.get('/f5-reportage-series-au-long-cours' , function(data){
    var M14_GetTitleFofo=$(data).find('h1.page-title').text();
    $('.M14_GetListeFofo_2 h1.page-title,a[href="#M14_GetAncreFofo_2"]').text(M14_GetTitleFofo);
    var M14_GetFofo= $(data).find('.forumbg:not(.announcement)').html();
    $('.M14_GetListeFofo_2 div').html(M14_GetFofo);
    });
    });
      
    $(function(){
    $.get('/f1-les-bests' , function(data){
    var M14_GetTitleFofo=$(data).find('h1.page-title').text();
    var M14_GetFofo= $(data).find('.forumbg:not(.announcement)').html();
    $('.M14_GetListeFofo_3 h1.page-title,a[href="#M14_GetAncreFofo_3"]').text(M14_GetTitleFofo);
    $('.M14_GetListeFofo_3 div').html(M14_GetFofo);
    });
    });

    $(function(){
   $.get('/f19-les-best-reportage-et-serie' , function(data){
    var M14_GetTitleFofo=$(data).find('h1.page-title').text();
    var M14_GetFofo= $(data).find('.forumbg:not(.announcement)').html();
    $('.M14_GetListeFofo_4 h1.page-title,a[href="#M14_GetAncreFofo_4"]').text(M14_GetTitleFofo);
    $('.M14_GetListeFofo_4 div').html(M14_GetFofo);
    });
    });
      
    $(function(){
    $.get('/f13-les-galeries-des-membres' , function(data){
    var M14_GetTitleFofo=$(data).find('h1.page-title').text();
    var M14_GetFofo= $(data).find('.forumbg:not(.announcement)').html();
    $('.M14_GetListeFofo_5 h1.page-title,a[href="#M14_GetAncreFofo_5"]').text(M14_GetTitleFofo);
    $('.M14_GetListeFofo_5 div').html(M14_GetFofo);
    });
    });
      
    $(function(){
    $.get('/f6-le-club-du-clic' , function(data){
    var M14_GetTitleFofo=$(data).find('h1.page-title').text();
    var M14_GetFofo= $(data).find('.forumbg:not(.announcement)').html();
    $('.M14_GetListeFofo_6 h1.page-title,a[href="#M14_GetAncreFofo_6"]').text(M14_GetTitleFofo);
    $('.M14_GetListeFofo_6 div').html(M14_GetFofo);
    });
    });
      
    </script>

Serait-il possible d'ajouter dans cette page ce script présentant les miniatures dans la liste des sujets des forums concernés par le script:
Code:


    //Aperçu des miniatures sur forums C2 Les photos du clic et photos gagnantes  
    $(function(){          
            if($('a.nav[href^="/c2-"],a.nav[href^="/f16-"]').length) {
              $('dl.icon[style*="https://i.servimg.com/u/f31/19/32/37/01/icon_t30.png"]').closest('div.forumbg').addClass('M14_Annonc');
            $('div.forumbg:not(.M14_Annonc) .M14_LoaD_ToPiCsConT').after('<a href="#" style="margin-left: 5px;" class="M14_LoaD_ToPiCs">Patientez....
            <img src="https://i.servimg.com/u/f11/11/26/21/37/loadin13.gif"style="width:16px !important;height:16px !important;margin-top:10px;"/></a>');
            $('.M14_LoaD_ToPiCs').each(function () {
            var url = this.previousSibling.href;
            var M14_LoaD_ToPiCsLinK=$(this).prev().attr('href');
            $(this).load(url + ' .content:first div:not(.M14_reception_photos):first img:not([longdesc]):first');
             });};});

Le css:
Code:
   /*Le conteneur dans widget derniers sujets*/
        .M14_LoaD_ToPiCsW
        {
        height:58px;
        float: right;
        display:none;
        transition-delay: 20ms;
        -webkit-transition-delay: 20ms;
        -moz-transition-delay: 20ms;
        -o-transition-delay: 20ms;
        }
     /*Les conteneur dans la liste sujets SF et dans derniers messages*/
    .M14_LoaD_ToPiCs, .M14_LoaD_ToPiCsA {
     float: left;
     margin-right: 15px;
     padding-left: 10px;
       width: 13%;
        }
        /*Les images dans les 2 conteneurs*/
        .M14_LoaD_ToPiCs img,.M14_LoaD_ToPiCsA img
        {
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        height:80px;
        width: 100%;
        object-fit: cover;
        z-index: 10;
        }
      
        .M14_LoaD_ToPiCsW img{height:58px;}

    /*Animation au survol de l image dans derniers messges*/
        .M14_LoaD_ToPiCs img:hover,.M14_LoaD_ToPiCsA img:hover
        {
        transform: scale(2);
        -moz-transform : scale(2);
        -webkit-transform : scale(2);
        -ms-transform: scale(2);
        background:white;
        padding:1px;
        margin-top:-45px;
        }

Merci pour votre aide.


Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 9 Mar 2020 - 16:17

Hello Serge,
alors, juste pour mon information,cette page html à le haut de page de coché il me semble.
Ensuite, tu désires avoir toutes les miniatures de la catégorie c2 et le forum f16 .

Ensuite, tu désires pas faire des recherches concernant un membre spécifique
comme le bouton présent sur ce forum ( Recherches d'astuces" ?
On pourrait la même chose mais pour tes photos !!!!
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Lun 9 Mar 2020 - 16:40

Bonjour Philippe,

Oui, cette page a bien le haut de page coché Phil.
Et par rapport à la page d'origine, les boutons pour poster une photo ont été ajoutées.
Oui, c'est bien pour C2 et F16.

Ce serait bien que ces fonctions subsistent.

Le but serait d'ajouter le script que j'avais avant pour les miniatures pour ne pas trop surcharger cette page.

Ce que tu me proposes pour faire des recherches comme ici, je veux bien voir ce que cela donnerait Phil  clin oeil

Je m'absente et reviens dans la soirée.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 9 Mar 2020 - 18:21

Re Serge,
tu pourras me donner perspectivement les chiffres des forums concernés  (f5 etc) et leurs nominations s'il te plait.
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Lun 9 Mar 2020 - 19:18

Re Phil,

Alors voici les forums concernés:

F4: PhotoTest
F5: Reportage / Séries au long cours
F1: Les Bests
F19: Les Best / Reportage et serie
F6: Le Club du Clic
F15: Photos gagnantes
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 9 Mar 2020 - 19:23

Oki merci Serge.
Tu peux tester cette page html.
Création en mode avancé

Il faut bien cocher le haut de page:
Code:
<style>
  /*LE SELECT*/
  select[name="selected_fofo"]
    {
    margin:6px;
    background-color:black !important;
    border: none !important;
    color:white!important;
   
    }
    input.M14_search_pictures,input.M14_go,.M14_reset
    {
    margin:6px;
    background-color:black !important;
    border: none !important;
    color:white!important;
    padding: 6px;
    }
      .M14_reset{width:120px;text-align:center;}
    div.Number{float: right;width: 30px;height:30px;background-color:black;color:#20aec8;margin-top: 15px;border-radius: 30px;text-align: center;margin-right: 30px;}
    div.Number span{position: relative;top: 7px;}
   
      div.Import_liste{width:900px;}
    .Import_liste img{width:48px;height:48px;margin:2px;}
    div.Bloc_recherche
    {
    border: 2px solid black;
    width: 80%;
    height: 60px;
    background-color:#20aec8;
    }
   


    </style>
 <form id="recherche_photos">
  <div class="Bloc_recherche">
 
<input class="M14_search_pictures" type="text"value=""placeholder="Nom du pseudo" required/>

<select name="selected_fofo" required>
<option class="optionfirst" value="">Sélectionner un forum</option>
<option class="option" value="4">PhotoTest</option>
<option class="option" value="5">Reportage / Séries au long cours</option>
<option class="option" value="1">Les Bests</option>
<option class="option" value="19">Les Best / Reportage et serie</option>
<option class="option" value="6">Le Club du Clic</option>
<option class="option" value="15">Photos gagnantes</option>
</select>
    <input class="M14_go" type="submit" value="Chercher"/>
      <div class="Number"><span>0</span></div><br />
   
    </div>

  <div class="Import_liste"><span class="M14_info">Aucun résultat trouvé</span><div></div></div>
    <div class="M14_reset">Effacer</div>
</form>

  <script>
      $(function(){
    $("#recherche_photos").on("submit",function(ev){
           ev.preventDefault();
var val =$('select[name="selected_fofo"]').find('option:selected').val();
var retourfofo=$('select[name="selected_fofo"]').find('option:selected').text();
var ST="/st/";
var value=$('input[class="M14_search_pictures"]').val();

     
      //DANS QUEL FOFO
      var inpufofo="&search_where=f";
     
  var result=ST+value+inpufofo+val;
      //SI LA VALEUR N EST PAS VIDE ALORS..
    if (value.value!="")
    {
    $('input[class="M14_go"]').click();
      //ON RECUPERE LE LIEN DE RECHERCHE DES SUJETS POSTES
     
    $.get(result, function(data){
    var alerte=$(this).find('p.M14_message').length;
      //ON RECUPERE LES LIENS DES TOUS LES TITRES DES SUJETS SUR LA LISTE DES SUJETS
    $(data).find('h2.topic-title a.topictitle').each(function(){
    var Linktopic=$(this).attr('href');
      //ON RECUPERE LE LIEN DE LA PREMIERE IMAGE SI ELLE N EST PAS UN SMILEY
$.get(Linktopic, function(data){   
var src=$(data).find('div[class*="post--"]:first .postbody .content img:not([longdesc])').attr('src');
     
      //SI IMAGE ALORS
    if(src)
    {
    $('.M14_info').html('Merci de patienter......').delay(1600).fadeOut(); 
    $('.Import_liste div').append('<a href="'+Linktopic+'"title="Voir la photo postée par '+value+' dans le forum '+retourfofo+'" target="_blank"><img src="'+src+'"/></a>');
    var number=$('.Import_liste').find('img').length;
    $('.Number').html('<span>'+number+'</span>');
   
    }



   
  });});});
   
      }

      //ON REMET TOUT A ZERO
$('.M14_reset').click(function(){
    $('.M14_info').html('Aucun résultat trouvé');
      $('input.M14_search_pictures').val('');
      $('.Import_liste div').html('');
      $('.Number').html('<span>0</span>');
    $('select[name="selected_fofo"] option.optionfirst').attr("selected","selected");
   
      });
$('input.M14_search_pictures').keyup(function(){
    $('.M14_info').html('Aucun résultat trouvé');
    $('.Import_liste div').html('');
      $('.Number').html('<span>0</span>');
    $('select[name="selected_fofo"] option.optionfirst').attr("selected","selected");
   
    });
     
                        });
      });
    </script>
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 9 Mar 2020 - 19:35

Mais franchement, il vaut mieux faire comme tu le souhaitais Serge.
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Lun 9 Mar 2020 - 19:43

Hello Phil,

C'est mis en place sur mon forum.
Tu m'as déjà fait une page html avec cette fonction il y a une quinzaine de jours, tu as oublié impeccable

Il s'agit de celle-ci: https://photoclic.forum-pro.fr/h23-photos-par-membre

Si en dessous tu pouvais me mettre le html de mon premier message ci-dessus et y ajouter aussi le script de mon 1ier message ci dessus, ce serait parfait l'ami.
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Lun 9 Mar 2020 - 19:48

Est-ce qu'il est possible dans ton menu d'ajouter une ligne en bas "Tous les forums" et afficher les miniatures de tous les forums cités au dessus de cette ligne ajoutée?
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 9 Mar 2020 - 19:56

Comme mentionné ici:
https://www.milouze14.com/t32522-phpbb3-miniatures-dans-page-html#619389

Il vaut mieux oublier ce menu Serge, il n'est pas assez rigoureux .

Ici:
https://www.milouze14.com/t32522-phpbb3-miniatures-dans-page-html#619391

Tu désires afficher toutes les photos ?
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Lun 9 Mar 2020 - 20:00

Milouze14 a écrit:
Comme mentionné ici:
https://www.milouze14.com/t32522-phpbb3-miniatures-dans-page-html#619389

Il vaut mieux oublier ce menu Serge,
Oui tu as raison.

Milouze14 a écrit:
Tu désires afficher toutes les photos ?

Oui si c'est possible d'ajouter une ligne pour avoir toutes les photos des 6 forums concernées.

Bonne soirée Philippe, je crois que c'est ton heure...
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 9 Mar 2020 - 20:05

Bonne soirée Philippe, je crois que c'est ton heure...

Effectivement Serge, un peu de temps pour moi ne fera pas de mal hinhin .

Oui si c'est possible d'ajouter une ligne pour avoir toutes les photos des 6 forums concernées.

Ce sera fait d'office mon ami Merci par rapport à ta demande:
Code:
  if($('a.nav[href^="/c2-"],a.nav[href^="/f16-"]').length) {




photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Lun 9 Mar 2020 - 21:52

Oui, un peu de temps pour toi est essentiel Phil.

Je reformule pour être sur que l'on se soit bien compris et que tu ne travailles pas inutilement, car il y a maintenant 2 choses dans ce sujet:

. Ne prendre en compte que la demande initiale décrite ici:
https://www.milouze14.com/t32522-phpbb3-miniatures-dans-page-html#619367

. Sur la page html, celle que tu m'avais faites il y a une quinzaine de jours, c'est à dire celle-ci:
https://photoclic.forum-pro.fr/h23-photos-par-membre
son code:
Code:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>Importation de photo par membre</title>        <style type="text/css">
body
{
width: 100%;
height: auto;
background-color:#2E2E2E;
}
.titre {
 color: #3cc2c4;
 display: inline-block;
 height: 30px;
 text-align: center;
 width: 80%;
}
   form#recherche_photos {
 width: 80%;
 height: auto;
 position: absolute;
 margin-top: 5%;
 margin-left: 16%;
}

   input.M14_search_pictures, input.M14_go, .M14_reset, select[name="selected_fofo"] {
 margin: 16px;
 background-color: #177887 !important;
 border: none !important;
 color: white !important;
 padding: 6px;
 font-size: 12px;
 cursor: pointer;
}
      .M14_reset{width:120px;text-align:center;}
    
    div.Number {
 float: right;
 width: 30px;
 height: 30px;
 background-color: #177887;
 margin-top: 15px;
 border-radius: 30px;
 text-align: center;
 margin-right: 30px;
}

   div.Number span {
 position: relative;
 top: 8px;
 color: #fff;
 font-size: 12px;
}
    
div.Import_liste {
 max-width: 85%;
 width: auto;
 min-width: 10%;
 margin-left: 7%;
 position: absolute;
 bottom: 85px;
 height: auto;
 min-height: 54px;
 overflow-y: auto;
 max-height: 55%;
 background-color: #444341;
 border: 2px solid black;
 text-align: center;
 display: none;
}

.Import_liste img {
 width: auto;
 height: 65px;
 margin: 8px;
 border: 1px solid white;
 /* padding: 2px; */
}
  
div.Bloc_recherche {
 border: 1px solid green;
 width: 80%;
 height: 60px;
 background-color: #3cc2c4;
}
 
    </style><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>                  
<form id="recherche_photos">
 
 <div class="titre">
 PHOTOS PAR MEMBRES  
 </div>
                                      
 <div class="Bloc_recherche">
                     <input class="M14_search_pictures" type="text" value="" placeholder="Nom du pseudo" required="" /> <select name="selected_fofo" required="">                <option class="optionfirst" value="">Sélectionner un forum</option><option class="option" value="4">Phototest</option> <option class="option" value="5">Reportage-Série au long cours</option>               <option class="option" value="1">Les Best</option> <option class="option" value="19">Best Reportage-Série au long cours</option> <option class="option" value="6">Le club du clic</option><option class="option" value="12">Photos gagnantes</option>                 <option class="option" value="18">Fils rouges ou autres vagabondages</option>        </select>       <input class="M14_go" type="submit" value="Chercher" />                    
 <div class="Number">
               <span>0</span>              
 </div><br />                  
 </div>
                            
 <div class="M14_reset">
               Effacer              
 </div>
                                        
</form>
<div class="Import_liste">
</div>
   <script>
      $(function(){
     $("#recherche_photos").on("submit",function(ev){
  ev.preventDefault();
var val =$('select[name="selected_fofo"]').find('option:selected').val();
var retourfofo=$('select[name="selected_fofo"]').find('option:selected').text();
var ST="/st/";
var value=$('input[class="M14_search_pictures"]').val();

      
      //DANS QUEL FOFO
      var inpufofo="&search_where=f";
      
   var result=ST+value+inpufofo+val;
      //SI LA VALEUR N EST PAS VIDE ALORS..
    if (value.value!="")
    {

    $.get(result, function(data){
      //ON RECUPERE LES LIENS DES TOUS LES TITRES DES SUJETS SUR LA LISTE DES SUJETS
    $(data).find('h2.topic-title a.topictitle').each(function(){
    var Linktopic=$(this).attr('href');
      //ON RECUPERE LE LIEN DE LA PREMIERE IMAGE SI ELLE N EST PAS UN SMILEY
    $.get(Linktopic, function(data){
     //var number=$(data).find('div[class*="post--"]:first .postbody .content img:first:not([longdesc])').length;
    var src=$(data).find('div[class*="post--"]:first .postbody .content img:not([longdesc])').attr('src');
      
      //SI IMAGE ALORS
    if(src)
    {
      
    $('.Import_liste').fadeIn().append('<a href="'+Linktopic+'"title="Voir la photo postée par '+value+' dans le forum '+retourfofo+'" target="_blank"><img src="'+src+'"/></a>');
    var number=$('.Import_liste').find('img').length;
     $('.Number').html('<span>'+number+'</span>');
    
    }

    });});});
    
      }
      //ON REMET TOUT A ZERO
$('.M14_reset').click(function(){
    
     $('.Import_liste').fadeOut();
      $('input.M14_search_pictures').val('');
      $('.Import_liste').html('');
      $('.Number').html('<span>0</span>');
     $('select[name="selected_fofo"] option.optionfirst').attr("selected","selected");
    
      });
$('input.M14_search_pictures').keyup(function(){
    
     $('.Import_liste').hide().html('');
      $('.Number').html('<span>0</span>');
     $('select[name="selected_fofo"] option.optionfirst').attr("selected","selected");
    
     });
});
    
    
    
    
      });
    </script>
Ajouter une huitième ligne au menu pour afficher l'ensemble des miniatures des forums précités comme sur cette image:
Spoiler:

Le second point est finalement une autre demande Phil, mais c'est suite à ta proposition :-)
Elle peut faire l'objet d'un autre sujet Phil.

Merci par avance pour tes aides.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 10 Mar 2020 - 3:27

Hello Serge,
on ne pourra pas filtrer avec le menu déroulant sur l'ensemble des forums mentionnés.
Et même si cela était quelque peu "faisable" on réduirait considérablement le nombre de sujets Serge car le script est conçu ainsi lorsque tous les champs sont renseignés:
https://www.milouze14.com/st/Milouze14&search_where=f4

Rien que pour un forum, il y a 3 pages et le script va rechercher les informations juste sur la première page.

Imagines si il fallait cumuler tous les fofos!!!!!!


Désolé pour mon message ici:
https://www.milouze14.com/t32522-phpbb3-miniatures-dans-page-html#619394

Ce sera fait d'office mon ami  Merci par rapport à ta demande:



Juste une incompréhension de mon côté.
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 10 Mar 2020 - 14:03

Bonjour Philippe,

Tu parles du point 2 je suppose. On le laisse donc tomber Phil.

Pour ma demande initiale, Il n'y a pas de champs à renseigner dans ma page html :-)

Elle présente l'ensemble des sous forums ainsi:
Spoiler:

L'objet de la demande comme décrit dans mon 1ier message, consisterait à ajouter dans cette page ce script miniature:
Code:



        //Aperçu des miniatures sur forums C2 Les photos du clic et photos gagnantes  
        $(function(){          
                if($('a.nav[href^="/c2-"],a.nav[href^="/f16-"]').length) {
                  $('dl.icon[style*="https://i.servimg.com/u/f31/19/32/37/01/icon_t30.png"]').closest('div.forumbg').addClass('M14_Annonc');
                $('div.forumbg:not(.M14_Annonc) .M14_LoaD_ToPiCsConT').after('<a href="#" style="margin-left: 5px;" class="M14_LoaD_ToPiCs">Patientez....
                <img src="https://i.servimg.com/u/f11/11/26/21/37/loadin13.gif"style="width:16px !important;height:16px !important;margin-top:10px;"/></a>');
                $('.M14_LoaD_ToPiCs').each(function () {
                var url = this.previousSibling.href;
                var M14_LoaD_ToPiCsLinK=$(this).prev().attr('href');
                $(this).load(url + ' .content:first div:not(.M14_reception_photos):first img:not([longdesc]):first');
                 });};});

Si trop lourd, les miniatures seraient alors à mettre que sur le forum Phototest (/f4).

La page se présenterait alors ainsi:
Spoiler:

Si pas possible, tant pis Philppe.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 10 Mar 2020 - 15:37

Re Serge,
ah je comprend mieux ta demande mon ami,
en fait tu veux importer les miniatures sur les importations de la liste des sujets déjà présente?

Est-ce réellement le cas Serge?
Si ta réponse est positive, il va falloir y renoncer car ce n'est possible vu que l'on importe le code html de la liste des sujets et non du serveur.

Tu parles du point 2 je suppose. On le laisse donc tomber Phil.
Par contre, je viens de modifier le code html de la page en cherchant des sujet en relation avec un membre spécifique en incluant tous les forums.
Lorsque je mentionne "Tous les forums" c'est la catégorie ou se trouve tous les forums listés.


Tu peux tester cette page html et me dire si cela te convient Serge:
Tu n'a rien a modifier .

Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
<title>Importation de photo par membre</title>        <style type="text/css">
    body
    {
    width: 100%;
    height: auto;
    background-color:#2E2E2E;
    }
    .titre {
     color: #3cc2c4;
     display: inline-block;
     height: 30px;
     text-align: center;
     width: 80%;
    }
       form#recherche_photos {
     width: 80%;
     height: auto;
     position: absolute;
     margin-top: 5%;
     margin-left: 16%;
    }

       input.M14_search_pictures, input.M14_go, .M14_reset, select[name="selected_fofo"] {
     margin: 16px;
     background-color: #177887 !important;
     border: none !important;
     color: white !important;
     padding: 6px;
     font-size: 12px;
     cursor: pointer;
    }
          .M14_reset{width:120px;text-align:center;}
        
        div.Number {
     float: right;
     width: 30px;
     height: 30px;
     background-color: #177887;
     margin-top: 15px;
     border-radius: 30px;
     text-align: center;
     margin-right: 30px;
    }

       div.Number span {
     position: relative;
     top: 8px;
     color: #fff;
     font-size: 12px;
    }
        
    div.Import_liste {
     max-width: 85%;
     width: auto;
     min-width: 10%;
     margin-left: 7%;
     position: absolute;
     bottom: 85px;
     height: auto;
     min-height: 54px;
     overflow-y: auto;
     max-height: 55%;
     background-color: #444341;
     border: 2px solid black;
     text-align: center;
     display: none;
    }

    .Import_liste img {
     width: auto;
     height: 65px;
     margin: 8px;
     border: 1px solid white;
     /* padding: 2px; */
    }
      
    div.Bloc_recherche {
     border: 1px solid green;
     width: 80%;
     height: 60px;
     background-color: #3cc2c4;
    }
    
        </style><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>                  
    <form id="recherche_photos">
    
     <div class="titre">
     PHOTOS PAR MEMBRES  
     </div>
                                          
     <div class="Bloc_recherche">
                         <input class="M14_search_pictures" type="text" value="" placeholder="Nom du pseudo" required="" />
       <select name="selected_fofo" required="">                
         <option class="optionfirst" value="">Sélectionner un forum</option>
         <option class="option" value="&search_where=f4">Phototest</option>
         <option class="option" value="&search_where=f5">Reportage-Série au long cours</option>              
         <option class="option" value="&search_where=f1">Les Best</option>
         <option class="option" value="&search_where=f19">Best Reportage-Série au long cours</option>
         <option class="option" value="&search_where=f6">Le club du clic</option>
         <option class="option" value="&search_where=f12">Photos gagnantes</option>                
         <option class="option" value="&search_where=c2">Tous les forums</option>
       </select>      
       <input class="M14_go" type="submit" value="Chercher" />                    
     <div class="Number">
                   <span>0</span>              
     </div><br />                  
     </div>
                                
     <div class="M14_reset">
                   Effacer              
     </div>
                                            
    </form>
    <div class="Import_liste">
    </div>
       <script>
          $(function(){
         $("#recherche_photos").on("submit",function(ev){
      ev.preventDefault();
    var val =$('select[name="selected_fofo"]').find('option:selected').val();
    var retourfofo=$('select[name="selected_fofo"]').find('option:selected').text();
    var ST="/st/";
    var value=$('input[class="M14_search_pictures"]').val();

          
  
        
       var result=ST+value+val;
      
          //SI LA VALEUR N EST PAS VIDE ALORS..
        if (value.value!="")
        {

        $.get(result, function(data){
          //ON RECUPERE LES LIENS DES TOUS LES TITRES DES SUJETS SUR LA LISTE DES SUJETS
        $(data).find('h2.topic-title a.topictitle').each(function(){
        var Linktopic=$(this).attr('href');
          //ON RECUPERE LE LIEN DE LA PREMIERE IMAGE SI ELLE N EST PAS UN SMILEY
        $.get(Linktopic, function(data){
         //var number=$(data).find('div[class*="post--"]:first .postbody .content img:first:not([longdesc])').length;
        var src=$(data).find('div[class*="post--"]:first .postbody .content img:not([longdesc])').attr('src');
          
          //SI IMAGE ALORS
        if(src)
        {
          
        $('.Import_liste').fadeIn().append('<a href="'+Linktopic+'"title="Voir la photo postée par '+value+' dans le forum '+retourfofo+'" target="_blank"><img src="'+src+'"/></a>');
        var number=$('.Import_liste').find('img').length;
         $('.Number').html('<span>'+number+'</span>');
        
        }

        });});});
        
          }
          //ON REMET TOUT A ZERO
    $('.M14_reset').click(function(){
        
         $('.Import_liste').fadeOut();
          $('input.M14_search_pictures').val('');
          $('.Import_liste').html('');
          $('.Number').html('<span>0</span>');
         $('select[name="selected_fofo"] option.optionfirst').attr("selected","selected");
        
          });
    $('input.M14_search_pictures').keyup(function(){
        
         $('.Import_liste').hide().html('');
          $('.Number').html('<span>0</span>');
         $('select[name="selected_fofo"] option.optionfirst').attr("selected","selected");
        
         });
    });
        
        
        
        
          });
        </script>
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 10 Mar 2020 - 16:36

Ou cette page html qui évité le cumul des photos lors du clic sur le select.
Actuellement, les photos se cumulent à chaque sélection de forum.
Cette version effacera le contenu précédent et remplacera avec le contenu désiré.

Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
<title>Importation de photo par membre</title>        <style type="text/css">
    body
    {
    width: 100%;
    height: auto;
    background-color:#2E2E2E;
    }
    .titre {
    color: #3cc2c4;
    display: inline-block;
    height: 30px;
    text-align: center;
    width: 80%;
    }
      form#recherche_photos {
    width: 80%;
    height: auto;
    position: absolute;
    margin-top: 5%;
    margin-left: 16%;
    }

      input.M14_search_pictures, input.M14_go, .M14_reset, select[name="selected_fofo"] {
    margin: 16px;
    background-color: #177887 !important;
    border: none !important;
    color: white !important;
    padding: 6px;
    font-size: 12px;
    cursor: pointer;
    }
          .M14_reset{width:120px;text-align:center;}
       
        div.Number {
    float: right;
    width: 30px;
    height: 30px;
    background-color: #177887;
    margin-top: 15px;
    border-radius: 30px;
    text-align: center;
    margin-right: 30px;
    }

      div.Number span {
    position: relative;
    top: 8px;
    color: #fff;
    font-size: 12px;
    }
       
    div.Import_liste {
    max-width: 85%;
    width: auto;
    min-width: 10%;
    margin-left: 7%;
    position: absolute;
    bottom: 85px;
    height: auto;
    min-height: 54px;
    overflow-y: auto;
    max-height: 55%;
    background-color: #444341;
    border: 2px solid black;
    text-align: center;
    display: none;
    }

    .Import_liste img {
    width: auto;
    height: 65px;
    margin: 8px;
    border: 1px solid white;
    /* padding: 2px; */
    }
     
    div.Bloc_recherche {
    border: 1px solid green;
    width: 80%;
    height: 60px;
    background-color: #3cc2c4;
    }
   
        </style><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>                 
    <form id="recherche_photos">
   
    <div class="titre">
    PHOTOS PAR MEMBRES 
    </div>
                                         
    <div class="Bloc_recherche">
                        <input class="M14_search_pictures" type="text" value="" placeholder="Nom du pseudo" required="" />
        <select name="selected_fofo" required="">               
        <option class="optionfirst" value="">Sélectionner un forum</option>
        <option class="option" value="&search_where=f4">Phototest</option>
        <option class="option" value="&search_where=f5">Reportage-Série au long cours</option>             
        <option class="option" value="&search_where=f1">Les Best</option>
        <option class="option" value="&search_where=f19">Best Reportage-Série au long cours</option>
        <option class="option" value="&search_where=f6">Le club du clic</option>
        <option class="option" value="&search_where=f12">Photos gagnantes</option>               
        <option class="option" value="&search_where=c2">Tous les forums</option>
      </select>       
      <input class="M14_go" type="submit" value="Chercher" />                   
    <div class="Number">
                  <span>0</span>             
    </div><br />                 
    </div>
                               
    <div class="M14_reset">
                  Effacer             
    </div>
                                           
    </form>
    <div class="Import_liste">
    </div>
      <script>
          $(function(){
        $("#recherche_photos").on("submit",function(ev){
      ev.preventDefault();
    var val =$('select[name="selected_fofo"]').find('option:selected').val();
    var retourfofo=$('select[name="selected_fofo"]').find('option:selected').text();
    var ST="/st/";
    var value=$('input[class="M14_search_pictures"]').val();

         
 
       
      var result=ST+value+val;
     
          //SI LA VALEUR N EST PAS VIDE ALORS..
        if (value.value!="")
        {

        $.get(result, function(data){
          //ON RECUPERE LES LIENS DES TOUS LES TITRES DES SUJETS SUR LA LISTE DES SUJETS
        $(data).find('h2.topic-title a.topictitle').each(function(){
        var Linktopic=$(this).attr('href');
          //ON RECUPERE LE LIEN DE LA PREMIERE IMAGE SI ELLE N EST PAS UN SMILEY
        $.get(Linktopic, function(data){
        //var number=$(data).find('div[class*="post--"]:first .postbody .content img:first:not([longdesc])').length;
        var src=$(data).find('div[class*="post--"]:first .content:first div:not(.M14_reception_photos):first img:not([longdesc]):first').attr('src');
         
          //SI IMAGE ALORS
        if(src)
        {
       
        $('.Import_liste').fadeIn().append('<a href="'+Linktopic+'"title="Voir la photo postée par '+value+' dans le forum '+retourfofo+'" target="_blank"><img src="'+src+'"/></a>');
        var number=$('.Import_liste').find('img').length;
        $('.Number').html('<span>'+number+'</span>');
      }

        });});});
       
          }
          //ON REMET TOUT A ZERO
    $('.M14_reset').click(function(){
       
        $('.Import_liste').fadeOut();
          $('input.M14_search_pictures').val('');
          $('.Import_liste').html('');
          $('.Number').html('<span>0</span>');
        $('select[name="selected_fofo"] option.optionfirst').attr("selected","selected");
       
          });
    $('input.M14_search_pictures').keyup(function(){
       
        $('.Import_liste').hide().html('');
          $('.Number').html('<span>0</span>');
        $('select[name="selected_fofo"] option.optionfirst').attr("selected","selected");
       
        });
    });


$('input[class="M14_go"]').click(function(){
$('select[name="selected_fofo"] option:not(.optionfirst').each(function() {
if($(this).is(':selected')){$('.Import_liste').hide().html('');$('.Number').hide().html('<span>0</span>');}});});

       
          });
        </script>


Dernière édition par Milouze14 le Mar 10 Mar 2020 - 16:39, édité 1 fois
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 10 Mar 2020 - 16:38

Re Phil,

en fait tu veux importer les miniatures sur les importations de la liste des sujets déjà présente?

Oui, c'était bien cela. J'y renonce donc :-)

J'ai testé ta page Philippe.
Apparemment, quand je choisis tous les forums, ça me remet les 30 photos de phototest dans un ordre différent, comme si j'avais cliqué sur Phototest.

Normalement, il devrait y avoir les 30 photos présentées quand je choisis phototest, suivi des 30 photos quand je clique sur Reportage-série, suivi des 30 photos quand je clique sur les Best etc.
Avec le pseudo sergeot, J'arrive à 117 photos quand je clique sur les liens les uns après les autres, c'est donc ce que je devrais avoir quand je clique sur tous les forums normalement.

Ta page est en place sur mon fofo si tu veux voir et tue es en admin.
https://photoclic.forum-pro.fr/h24-photos-par-membres-v2




photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 10 Mar 2020 - 16:39

Ah nos messages se sont croisés.

J'essaie sur mon forum test et je reviens.
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 10 Mar 2020 - 16:42

Ton dernier script efface le contenu précédent effectivement, mais le résultat avec Tous les forums est le même Phil. Seules les photos de phototest apparaissent.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 10 Mar 2020 - 16:47

Hum, effectivement Serge,
le script recherche ceci en html:
https://photoclic.forum-pro.fr/st/Sergeot&search_where=c2

Donc les trente premiers sujets et surement dans l'ordre de fréquentation il me semble...
Car en regardant toutes les pages, on trouve bien les autres fofos.


Et comme le script recherche juste la première page (et je ne serais pas comment procéder pour les autres) , c'est un peu la panade ce truc oups
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 10 Mar 2020 - 16:49

Bon bin, tant pis Phil, tu auras au moins essayé.

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 10 Mar 2020 - 16:51

Désolé Serge, mais j'ai beau creuser ma tite tête mais elle est désespérément vide pasvuT .

Tu peux garder cette dernière page html:
http://www.milouze14.com/t32522-phpbb3-miniatures-dans-page-html#619418

en supprimant juste la dernière ligne du select:
Code:
 <option class="option" value="&search_where=c2">Tous les forums</option>
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 10 Mar 2020 - 17:00

Tu n'as pas à être désolé Phil, et merci encore pour tout ce que tu m'as développé.

OK pour la dernière page sans la ligne de la catégorie c2.

Sujet à délesté donc l'ami :-)

Passe une bonne soirée.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 10 Mar 2020 - 17:09

Merci , c'est gentil Serge.
Bonne soirée à toi aussi.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum