Script complexe pour bouton

par photoclic Ven 12 Juil 2024 - 13:48

Rappel du premier message :

Bonjour,

No-way m'avait fait un code complexe pour mettre en place un bouton "Vote" qui permet de déplacer la photo d'un sujet vers un autre sujet. cela fonctionne à merveille.
Ce bouton est placé sur les sujets à droite du premier message des sujets.

Il permet donc de voter pour une photo et de la déplacer vers un sujet spécifique crée à cet effet.
Mais sur les sujets, on peut poster d'autres messages et ajouter des photos et le vote ne peut donc se faire que sur la photo du premier message et concerne donc tout le sujet.

Serait-il possible d'avoir ce bouton vote à droite de chaque photo du sujet pour pouvoir voter pour une photo spécifique du sujet.
Le bouton vote n'étant visible que par les membres, je peux fournir par mp un identifiant.

Merci pour votre aide.

Code:: //Bouton voter sur sujets no-way ttes pages
   //Ne pas interdire les formulaires non officiels dans général->sécurité
   $(function(){
   try{
   var minWidth=200,minHeight=200;
   var activeOn=["f1","f4"];
   /*Ne rien modifier de ce qui suit*/
   tstRegs=[];
   photovote=false;
   $vB=$(".postbody .vote-button:first a").first();
   $poll=$vB.parentsUntil('.vote').parent();
   for( i in activeOn){
   tstRegs.push(new RegExp("^\/"+activeOn[i]+"-","i"));
   }

   $(".pathname-box:first a").each(function(){
   for(i in tstRegs){
   if(photovote=tstRegs[i].test($(this).attr("href")))break;
   }
   });

   if(photovote&&/^\/t\d+-/g.test(document.location.pathname)){

   $.get("/f12-",function(d){
   var coll=[],id_subject=false;
   var $img_s=$vB.parentsUntil(".postbody").parent().find(".content img");
   $img_s.each(function(){
   if(this.width>=minWidth&&this.height>=minHeight)coll.push('[img]'+this.src+'[/img]')}
   );
   /*id_subject ...*/
   $(".announcement .topictitle[href]",d).each(function(){
   if(/^Semaine\W+du\W+\d+/i.test($(this).text()))id_subject=$(this).attr("href").match(/^\/t(\d+)/)[1]});
   if(!coll.length||!id_subject)return;

   $vB.html('<img id="bouton_voter" src="https://i.servimg.com/u/f84/18/97/96/21/bouton10.png" alt="Voter" title="Je vote pour cette photo" />');
   $vB.parentsUntil(".postbody").parent().find(".profile-icons").append($("<li/>"));
   $poll.attr('class','vote-photo');
   $poll.html($vB);
   $poll.appendTo($vB.parentsUntil(".postbody").parent().find(".profile-icons li:last"));
   $vB.click(function(ev){
// var auteur=$(this).closest('.postbody').find('.author a[href^="/u"]').text();
   var auteur=$(this).closest('.postbody').next().find('dl dt span strong').text();

   ev.preventDefault();
   $.get($(this).attr("href"));
   $.post('/post',{mode:'reply',t:id_subject,subject:'A voté pour '+auteur+'',message:coll.join('<br />'),post:'Envoyer'});
   $poll.html('<img src="https://2img.net/i/fa/optimisation_fdf/common/buttonok_off.png" alt="Vote enregistré" title="Vote enregistré" />');
   });
   $('img#bouton_voter').tooltipster({
   animation : 'fade',
   arrow : true,
   speed : 300,
   delay : 300,
   onlyOne : true,
   theme : 'tooltipster-default'
   });
   })
   /***/
   };

   $(".vote").each(function(){
   if(photovote){photovote=0;return}
   $(this).find(".vote-button:first a").html('<img src="https://2img.net/i/fa/empty.gif" alt="Voter" title="Je vote pour ce message" />').click(function(ev){
   ev.preventDefault();
   $.get($(this).attr("href"));
   $(this).parent().html('<img src="https://2img.net/i/fa/optimisation_fdf/common/buttonok_off.png" alt="Vote enregistré" title="Vote enregistré" />')}

   );
   $(this).closest(".postbody").find("ul.profile-icons").append("<li />").find("li:last").append($(this).find(".vote-button:first a")).append($(this).find(".vote-bar").length?' <div class="vote-count" title="Nombre de votes positifs">'+$(this).find(".vote-bar").attr("title").replace(/^.*$([0-9]*) .*?$$/,"$1"):"")+'</div>';
   $(this).remove()
   }
   )}
   catch(e){
   console.log(e)}
   });

par photoclic Mer 9 Oct 2024 - 23:21

par **Lixyr** Jeu 10 Oct 2024 - 19:43

Bonsoir,

Je suis sur le coup. Je n'ai pas le temps en ce moment, mais continuez de up, je regarde ça. ^^

par photoclic Jeu 10 Oct 2024 - 23:14

Bonsoir Lyxir.
Un grand merci pour ces nouvelles.
C'est noté. Pas de souci.

par photoclic Lun 14 Oct 2024 - 23:18

par photoclic Ven 18 Oct 2024 - 15:15

par photoclic Mar 22 Oct 2024 - 21:59

par **Lixyr** Mer 23 Oct 2024 - 12:17

Bonjour Photoclic,

Je suis dessus. Par contre, je repars de 0, et comme il y a énormément de fonctionnalités, en plus de celle énumérées ici, ça va prendre du temps.

Script complexe pour bouton - Page 3 200.gif?cid=78ff2c8foiwqfcj8iepb8rt38l05ebqvzkztws0cuqtf8ihe&ep=v1_gifs_trending&rid=200

Script complexe pour bouton - Page 3 200.gif?cid=78ff2c8foiwqfcj8iepb8rt38l05ebqvzkztws0cuqtf8ihe&ep=v1_gifs_trending&rid=200

Alors, déjà en y mettant de l'ordre dans le principe de ce qu'il faut obtenir (j'ai fait un sujet ici : https://forum-test-lixyr.forumsrpg.com/t190-les-fonctionnalites-attendues#472 si vous pouviez aller voir et me confirmer déjà ce qui est écrit), j'ai plusieurs questions par rapport à des fonctionnalités dont on n'a pas reparlé :

1. Quand un sujet recevait 3 votes, l'auteur recevait un MP avec l'image de sa photo. Or, maintenant, on a plusieurs images dans le même sujet, voire plusieurs messages avec plusieurs images dans le même sujet. Mais en soit, on ne peut comptabiliser que les votes d'un message, et pas d'une image précise donc on ne pourra plus savoir quelle image a eu 3 best.
Sinon, ce qu'il faudrait faire, c'est aller fouiller dans le sujet en NOTE qui récupère toutes les images votées, toutes les images votées, voir lesquelles sont répétées +3 fois, et là envoyer un MP à l'auteur de l'image pour lui dire que son image a été votée +3 fois, mais du coup le membre recevra un MP à chaque fois qu'il actualisera sa page. Là ça devient compliqué.

Sinon je peux peut-être restreindre, en ne faisant cette fonctionnalité que quand un membre vote. A ce compte-là, une fois que la photo est envoyée dans la NOTE, on regarde dans la NOTE, et si le NB de cette photo est pile à 3, alors on envoie le MP à l'auteur, si c'est plus, on ne l'envoie plus. Mais ça veut dire que si jamais un autre membre vote pour la même photo pile au même moment, ça ne va pas fonctionner. I don't want that

2. Est-ce qu'on envoie toujours un message réponse automatique, quand on clique, avec dans le corps du message " +1 BEST", dans le sujet ?

3. Les votes sur les photos, ça ne fonctionne que dans les forums /f1 et /f4 ? Dans n'importe quel sujet de ces forums ou bien il y a des restrictions ?

Petite réflexion personnelle :
C'est dommage. De base le principe est top, mais mettre plein de photos dans plein de messages partout dans le même sujet, ça met le bazar, ça donne un boulot monstre, et c'est très lourd quand même. scratch

C'était bien quand chaque membre postait SA photo dans un sujet, et que les membres venaient voter pour elle ou pas :
- Un membre pourrait poster plusieurs sujets.
- Ou alors, un membre poste 1 seul message, dans lequel il mettrait toutes ses photos, et les autres membres ne peuvent voter que pour 1 seule de ces photos. Mais là encore une fois, ça veut dire que pour le MP, c'est galère parce qu'on ne peut pas savoir pour quelle photo on a voté exactement à moins de refaire du JS.
Ce serait moins lourd que d'avoir x photos dans x messages du sujet.

par photoclic Mer 23 Oct 2024 - 23:02

Bonsoir Lixyr et merci pour tout ça,.

Alors votre réflexion va beaucoup plus loin que ma demande.
Dans le fonctionnement actuel, quand le premier message avec photos a reçu 3 Best, 2 boutons apparaissent sous le message. Un JS fait ce travail.

Spoiler:

Code:: //Information pour déplacement et mp quand 3 best phototest et séries
$(function(){
  var M14_LiNk_mp=$('.postprofile:first a[href^="/privmsg?mode=post"]').attr('href');
  //ON VERIFIE SI ON A LE DROIT DE CORBEILLER LE SUJET
  var moder=$('a[href^="/modcp?mode=trash"]').length;
  var corb=$('a[href^="/modcp?mode=trash"]').attr('href');
  //ON RECUPERE LE TEXTE DU SUJET
  var texttopic=$('.postbody:first h2.topic-title ').find('a[href^="/t"]').text();
  //ON VERIFIE SI ON EST SUR LE FORUM F4
  var t=$('a.nav[href^="/f4-"],a.nav[href^="/f5-"]').length;
  var t1=$('a.nav[href^="/f5-"]').length;
  var t2=$('a.nav[href^="/f4-"]').length;
  var a=_userdata["username"];
  //LES TEXTES DE L ALERTE EN TROIS PARTIES
  var texte1="Le sujet:";
  var texte2="a reçu 3 Bests.";
  var texte3="Il devrait être déplacé dans le forum Les Bests";
  $('span[class="rep-nb"]:first').each(function(){
   var liketest=$(this).text();
   //SI 3 LIKES , SI SUR FORUM F4 ET SI DROIT DE CORBEILLER
   if(liketest>=3&&t&&moder) {
   $('.fa_like_div:first').after('<br /><div class="M14_bloc_trash"><a id="M14_dialMp">Envoyer un MP</a><a id="M14_dialcorbeille" href='+corb+'>Déplacer dans le forum Les Bests</a></div>');
   //ON LANCE L ALERTE
   alert('Bonjour '+a+',\n\n'+texte1+''+texttopic+'\n'+texte2+'\n\n'+texte3+'');
   $('a#M14_dialMp').click(function(){
   $(this).hide();
   if (t2) {
   $('div.M14_bloc_trash').css('height','17px');
   }
   if (confirm("Voulez vous envoyer un MP?")) {
   /*$('body').append('<iframe src="'+M14_LiNk_mp+'&solved=true" style="width:250px;height:10px;margin-left:-500px;">');*/
   if (t1) {
   $('div.M14_bloc_trash').remove();
   }
   //Envoi mp quand 3 best reçus 208
   var member_username = $('.M14_post:first .inner .postprofile .M14_member strong').text(),
   photo_best = $('.M14_post:first .postbody .content img:not([longdesc]):not([src*="twemoji"]:first)').attr('src'),
   linktopic = $('.postbody:first h2.topic-title a[href^="/t"]').attr('href'),

   message_privmsg = "<div style="float:left">Bonjour, " + member_username + ".\n\n L'un de tes <a href="" + linktopic + "">" + "derniers sujets</a> a reçu 3 BEST et a été déplacé dans le forum correspondant.\u000A \u000A <img src="" + photo_best + "" width="350" />\n\n\n<i>La team du clic</i></div>";

   $.post( "/privmsg", {
   username: member_username,
   subject: "Déplacement de votre sujet ayant reçu 3 Best",
   message: message_privmsg,
   folder: "",
   mode: "post",
   lt: "",
   post: "Envoyer",
   }).done(function( data ) {
   alert('Le MP a bien été envoyé à ' + member_username + '.');
   });
   /* ... LA ! */
   }
   else if (t1) {
   $(this).show();
   $('div.M14_bloc_trash').css('height','17px'); }
   else{
   $(this).show();
   $('div.M14_bloc_trash').css('height','36px');
   }
   });
   $('a#M14_dialcorbeille').click(function(){$(this).remove();});
   }
  });
  if (t1) {
   $('div.M14_bloc_trash').css('height','17px');
   $('a#M14_dialcorbeille').remove();
  }
});

Ensuite le modo intervient. Le premier bouton permet au clic de déplacer automatiquement la photo ou les photos du premier message vers le forum /f1. Le second bouton permet au clic d'envoyer un mail à l'auteur. Ce mail est ensuite édité par le modo pour y inclure la photo concernée. Faut bien que le modo bosse un peu Very Happy

La difficulté risque d'être d'afficher ces 2 boutons sous le message concerné quand il y aura 3 Best pour une photo dans un autre message que le premier. Et aussi d'envoyer dans le forum /f1 la photo du message concerné.
Pour simplifier, car j'imagine cela bien compliqué, faire comme actuellement, c'est à dire que quand il y a 3 Best pour un message, envoyé vers /f1 toutes les photos du message. Le modo se charge ensuite de savoir laquelle est concernée (soit l'auteur l'a précisé, soit le modo questionne l'auteur).

Cela répond j'espère aux points 1 et 2.
La réponse est oui pour le point 3.

Pour la réflexion personnelle, il n'est pas évident d'imposer aux membres cela car pour un sujet donné, il est demandé ou proposé par d'autres membres souvent des variantes de la première photo et les avoir dans le même sujet permet de mieux comparer ces variantes. Et ça reste plus simple de faire intervenir le modo plutôt qu'un script trop complexe.

Je me suis inscrit sur votre forum test pour compléter votre résumé.

Réaliser ce qui est déjà décrit ici serait déjà formidable:
https://forum.forumactif.com/t410339p30-script-complexe-pour-bouton#3418363

par **Lixyr** Mer 23 Oct 2024 - 23:13

Je ne reprendrai pas les codes fournis, ils sont trop compliqués. C'est un peu le fouillis, dedans (désolée, No_way, un code c'est perso et compliqué à reprendre).

Vous aviez déjà un compte sur mon forum test :

Mais ce n'est pas grave, ça permet de faire plusieurs test.

par photoclic Mer 23 Oct 2024 - 23:22

Ah oui, j'avais oublié que je m'étais déjà inscrit Wink

par photoclic Ven 25 Oct 2024 - 19:47

Lixyr a écrit:: Je ne reprendrai pas les codes fournis, ils sont trop compliqués. C'est un peu le fouillis, dedans (désolée, No_way, un code c'est perso et compliqué à reprendre).
...

Bonjour Lixyr,
Excepté Le code de No_way qui traite le bouton vote sur le premier message et le déplacement des photos du premier message dans le forum f/12, les autres codes fournis sont des fonctions ajoutées par la suite avec des JS écrits principalement par Milouze pour des fonctions semi automatiques pour les modos. Ces scripts ne sont pas liés au bouton vote, mais aux photos après vote.

D'ailleurs, je me rends compte que je ne vous avais pas décrit le fonctionnement de l'adaptation de la fonction du bouton j'aime en bouton vote.
Cela se passe sous la photo du premier message. Le bouton affiche "Ajouter un Best". Quand on clique dessus, un Best est ajouté dans l'éditeur avec information donnée, et le bouton affiche "Retirer votre Best"
Et on affiche le nombre de Best mis ainsi que l'auteur du best:

Spoiler:

Cette fonction est dupliqué à gauche de l'éditeur rapide:

Spoiler:

C'est fait avec ce script:

Spoiler:

Code:: //Nouveau système de Best
$(function(){
$(function(){
   // localisation
   var fofo=$('a.nav[href^="/f4-"],a.nav[href^="/f5-"],a.nav[href^="/f1-"],a.nav[href^="/f19-"]').length;
   if(fofo){
   // type de sujet
   var typeTopic=$('.topic-title:first').find('img[src="https://i.servimg.com/u/f20/20/11/87/27/annonc10.png"],img[src="https://i.servimg.com/u/f20/20/11/87/27/annonc11.png"],img[src="https://i.servimg.com/u/f20/20/11/87/27/note10.png"]').length;
   if(typeTopic)return;
   // $editor = $('.sceditor-container');
   // if ($editor.hasClass('wysiwygMode')) $editor.removeClass('wysiwygMode').addClass('sourceMode') ;
   // utilisateur
   var member=_userdata["username"];
   var liketest=$('span[class="rep-nb"]:first').text();
   // pour chaque premier message
   $('div[class*="post--"]:first').each(function(){
   // invités
   if (_userdata["user_id"] < (0)){
   $(this).find('.fa_like_div').wrap('<a title="Si vous souhaitez réagir à ce message, merci de vous connecter ou de vous enregistrer."></a>');
   }
   // auteur
   var speudo=$('div[class*="post--"]:first .author a[href^="/u"]').text() ;
   // utilisateur = auteur
   if(speudo==member){
   // montrer les boutons
   $(this).find('.fa_like_div').show().each(function(){
   // il n'y a aucun like
   var a=$(this).find('.fa_like_list').text().length;
   if(a==0){$(this).after('<span class="zerobest">0\n\n <img src="https://i.servimg.com/u/f31/19/32/37/01/059012.gif" style="top: 4px;position: relative;"/> pour le moment.</span>');}
   //il y a des likes
   else{
   $(this).before('<span class="bestmembre">'+liketest+''+" "+'<img src="https://i.servimg.com/u/f31/19/32/37/01/059012.gif" style="top: 4px;position: relative;"/> mis par:</span>');
   }

   //recacher le bouton
   $(this).find('button').remove();
   });
   }

   // l'utilisateur n'est pas l'auteur : montrer les boutons
   else{
   $(this).find('.fa_like_div').show();
   }

if (_userdata["user_id"] >= (0)){
   var base=$('#text_editor_textarea').sceditor("instance").val();
   // dubliquer le bouton à côté de la réponse rapide
   $("#quick_reply").wrap('<div id="rep-rapide" ></div>');
   $("#rep-rapide").append('<div id="fa_like_clone"></div>');
   $(".fa_like_div").clone().appendTo("#fa_like_clone");

$("#rep-rapide").append('<span class="bestmembre_clone"></span>');
$("#bestmembre").clone().appendTo("#fa_like_clone");
  }
   //repositionner les boutons
   //si aucun like
   var a=$(this).find('.fa_like_list').text().length;
   if(a==0){
   $('#fa_like_clone').css({"width":"235px","padding-top":"15px"});
   }
   //si like
   else{
   $('#fa_like_clone').css('width','285px');

   // auteur
   var speudo=$('div[class*="post--"]:first .author a[href^="/u"]').text() ;
   // utilisateur = auteur
   if(speudo==member){
$('div#fa_like_clone p.fa_like_list').before('<span class="bestmembre_clone">'+liketest+''+" "+'<img src="https://i.servimg.com/u/f31/19/32/37/01/059012.gif" style="top: 4px;position: relative;"/> mis par:</span>');
$('div#fa_like_clone p.fa_like_list').css('margin-top','10px');
   }
   }

   //Met la couleur du groupe aux membres
   $(function(){
   $('p.fa_like_list,div#fa_like_clone p.fa_like_list').find('a[href^="/u"]').each(function(){
   var $this=$(this);var texte=$(this).text();var s="spa/";
   $.get(s+texte, function(data){
   var color= $(data).find('dt.author:eq(0) a[href^="/u"] span').css('color');
   if(color){$this.wrapInner('<span style="color:'+color+';"></span>');}
   });});});

   //LE TEXTE AJOUTE DANS L EDITEUR
   var message=" + 1 ";
   //LE CODE SMILEY
   var pictures=":BEST: ";
   //LE TEXTE DE L EDITEUR
   var texte=" un Best va être ajouté à ton message dans l\'éditeur. \nNe pas oublier de valider ton message.";

   //ajouter un lien autour des boutons vers l'éditeur rapide
   $(this).add('#fa_like_clone').find('button.rep-button.fa_like').wrap('<a href="#quickreply"></a>').click(function(){
   $(this).unbind();
   $(this).unwrap();
   alert(''+member+','+texte+'');

   if(liketest == 0){
   $('#text_editor_textarea').sceditor("instance").insert(base+'\n'+pictures+'\n\n');
   }
   else {
   $('#text_editor_textarea').sceditor("instance").insert(base+'\n'+message+' '+pictures+'\n\n');
   }
   });
   });
   };
  });
});

Je ne mesure pas ce que l'ajout de nouveaux boutons vote sur d'autres messages peut impliquer sur les autres scripts.

En tout cas faire au plus simple Lixyr.

par photoclic Mar 29 Oct 2024 - 16:09

par photoclic Dim 3 Nov 2024 - 21:57

par photoclic Jeu 7 Nov 2024 - 23:45

Script complexe pour bouton

Entraide & Support...

Problème avec un script, un code