Membres connectés récemment
[PHPBB3] Miniatures dans page html
2 participants
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
- 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:
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:
Le css:
Merci pour votre aide.
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.
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 !!!!
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 !!!!
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
Je m'absente et reviens dans la soirée.
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
Je m'absente et reviens dans la soirée.
Oki merci Serge.
Tu peux tester cette page html.
Création en mode avancé
Il faut bien cocher le haut de page:
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>
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é
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.
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é
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.
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 ?
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 ?
Oui tu as raison.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 si c'est possible d'ajouter une ligne pour avoir toutes les photos des 6 forums concernées.Milouze14 a écrit:
Tu désires afficher toutes les photos ?
Bonne soirée Philippe, je crois que c'est ton heure...
Bonne soirée Philippe, je crois que c'est ton heure...
Effectivement Serge, un peu de temps pour moi ne fera pas de mal .
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 par rapport à ta demande:
- Code:
if($('a.nav[href^="/c2-"],a.nav[href^="/f16-"]').length) {
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:
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.
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>
- 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.
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
Juste une incompréhension de mon côté.
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 par rapport à ta demande:
Juste une incompréhension de mon côté.
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:
L'objet de la demande comme décrit dans mon 1ier message, consisterait à ajouter dans cette page ce script miniature:
Si trop lourd, les miniatures seraient alors à mettre que sur le forum Phototest (/f4).
La page se présenterait alors ainsi:
Si pas possible, tant pis Philppe.
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.
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.
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 .
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>
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é.
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>
Re Phil,
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
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
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
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
Désolé Serge, mais j'ai beau creuser ma tite tête mais elle est désespérément vide .
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:
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>
Page 1 sur 2 • 1, 2
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum