Edition des icônes depuis la liste des sujets

[Zeste]

Rappel du premier message :

Bonjour à tous ^^
Suite à la demande de Matriochka, je poste mon propre topic ici.

Ea > J'ai essayé de mettre en place votre code, mais mes outils de modération ne s'affichent plus.
Votre code :

Code:


var lock_img = "http://img11.hostingpics.net/pics/689379lock.png";
var unlock_img = "http://img11.hostingpics.net/pics/269944lockunlock.png";
var trash_img = "http://img11.hostingpics.net/pics/781353bin.png";
var delete_img = "http://img11.hostingpics.net/pics/204355cross.png";
var rename_img = "http://i39.tinypic.com/2dkha3p.png";
var cookie = my_getcookie('fa_nara_jdrforum_com_sid');
$(function () {
    if ($('#is_allowed:contains("modérer")').length > 0) {
        $('.mod_tools').each(function () {
            if ($(this).parent().parent().children('.row1').children('img').attr('title').slice(13, 19) == "verrou") {
                $(this).append('<img src="' + rename_img + '" class="mod_rename"/><img src="' + unlock_img + '" class="mod_unlock"/><img src="' + trash_img + '" class="mod_trash"/><img src="' + delete_img + '" class="mod_delete"/>')
            } else {
                $(this).append('<img src="' + rename_img + '" class="mod_rename"/><img src="' + lock_img + '" class="mod_lock"/><img src="' + trash_img + '" class="mod_trash"/><img src="' + delete_img + '" class="mod_delete"/>')
            }
        })
    }
    $('.mod_unlock').click(function () {
        if (confirm("Êtes-vous sûr ?")) {
            $.get('/modcp.forum?t=' + $(this).parent().parent().find('a.topictitle').attr('href').replace(/^\/t([1-9][0-9]).*$/, '$1') + '&mode=unlock&sid=' + cookie);
            $(this).addClass('mod_lock').removeClass('mod_unlock');
            $(this).attr('src', lock_img)
        }
    });
    $('.mod_lock').click(function () {
        if (confirm("Êtes-vous sûr ?")) {
            $.get('/modcp.forum?t=' + $(this).parent().parent().find('a.topictitle').attr('href').replace(/^\/t([1-9][0-9]).*$/, '$1') + '&mode=lock&sid=' + cookie);
            $(this).addClass('mod_unlock').removeClass('mod_lock');
            $(this).attr('src', unlock_img)
        }
    });
    $('.mod_trash').click(function () {
        if (confirm("Êtes-vous sûr ?")) {
            $.get('/modcp.forum?t=' + $(this).parent().parent().find('a.topictitle').attr('href').replace(/^\/t([1-9][0-9]).*$/, '$1') + '&mode=trash&sid=' + cookie)
        }
    });
    $(this).closest('tr').remove();
    $('.mod_delete').click(function () {
        if (confirm('Vraiment supprimer ?')) {
            $(this).closest('tr').remove()
        }
        var tid = $("input[name=tid]:first").val() || ($("a[href*='&tid=']:first").attr("href") || "").replace(/^.*&tid=([a-f0-9]*)?.*$/, "$1");
        var fid = location.href.replace(/^.*\/f([0-9]+)[p-].*$/, '$1');
        var topic_id = $(this).parent().parent().find('a.topictitle').attr('href').replace(/^\/t([1-9][0-9]*)[p-].*$/, '$1');
        $.post("/modcp?tid=" + tid, {
            f: fid,
            t: topic_id,
            tid: tid,
            mode: "delete",
            confirm: "1"
        })
    })
    $('.mod_rename').click(function () {
        var b = $(this);
        if (b.data('topictitle')) {
            b.closest('td').find('.modiftitle').replaceWith(b.data('topictitle'));
            b.removeData('topictitle');
        } else {
            var title = b.closest('td').find('a.topictitle').first();
            var num = title.attr('href').replace(/^\/t([1-9][0-9]*)(p[0-9]+)?-.*$/, "$1")
            b.data('topictitle', title.parent().html());
            $('<span class="modiftitle"><input type="text" value="' + title.html().replace(/"/g, """) + '" style="width:150px"> <input type="button" value="Mettre à jour" /></span>').replaceAll(title).find('input').last().click(function () {
 
                /* saisie d'une page du sujet */
                $.get("/t" + num + "-", function (c) {
                    /* prendre identifiant du premier message */
                    var first_post_id = $(".post a[name]", c).first().attr("name");
                    /* si pas on fait rien */
                    if (!first_post_id) {
                        return
                    }
                    /* saisie du formulaire d'édition du message */
                    $.get("/post?p=" + first_post_id + "&mode=editpost", function (c) {
                        /* envoi de ce formulaire en ayant changé le titre */
                        var nouveau_titre = $('this').parent().find('input').first().val();
                        $.post("/post", $('form[name="post"]', c).serialize().replace(/(^|&)subject=[^&]+(&|$)/, "$1subject=" + encodeURIComponent(nouveau_titre) + "$2") + "&post=1", function (c) {
                            /* test pour voir si ça s'est bien passé */
                            if (c.indexOf('Message enregistré avec succès') != -1) $(b.data()).replaceAll($(this).parent()).text(nouveau_titre);
                        })
                    })
                });
            });
        }
    });
 
});


Mon ancien code (qui marche !) est le suivant (c'est celui que j'ai actuellement) :

Code:

/* adresse img modération lock */
var lock_img = "http://2img.net/i/fa/subsilver/topic_lock.gif";
/* adresse img modération unlock */
var unlock_img = "http://2img.net/i/fa/subsilver/topic_unlock.gif";
/* adresse img modération corbeille */
var trash_img = "http://2img.net/i/fa/subsilver/topic_trashcan.gif";
/* adresse img modération supprimer */
var delete_img = "http://2img.net/i/fa/subsilver/topic_delete.gif";
/* adresse cookie contenant le sid (ne pas éditer) */
var cookie = my_getcookie('fa_'+location.hostname.replace(/\./g,'_')+'_sid');
$(function() {
   /* Si l'utilisateur a les droits de modération, on affiche les outils de modération */
   if($('#is_allowed:contains("modérer")').length > 0) {
      $('.mod_tools').each(function() {
         /* Si le topic est verrouillé on affiche le bouton déverrouiller */
         if($(this).children('img').attr('alt').slice(13,19) == "verrou") {
            $(this).append('<img src="'+unlock_img+'" class="mod_unlock"/><img src="'+trash_img+'" class="mod_trash"/><img src="'+delete_img+'" class="mod_delete"/>');
         }
         /* Sinon on affiche le bouton verrouiller */ else {
            $(this).append('<img src="'+lock_img+'" class="mod_lock"/><img src="'+trash_img+'" class="mod_trash"/><img src="'+delete_img+'" class="mod_delete"/>');
         }
      }
      );
   }
   /* Clic sur le bouton déverrouiller */
   $('.mod_unlock').click(function() {
      if (confirm("Êtes-vous sûr ?")) {
         $.get('/modcp.forum?t='+$(this).closest('tr').find('a.topictitle').attr('href').replace(/^\/t([1-9][0-9]*)[p-].*$/,'$1')+'&mode=unlock&sid='+cookie);
         $(this).addClass('mod_lock').removeClass('mod_unlock');
         $(this).attr('src',lock_img);
      }
   }
   );
   /* Clic sur le bouton verrouiller */
   $('.mod_lock').click(function() {
      if (confirm("Êtes-vous sûr ?")) {
         $.get('/modcp.forum?t='+$(this).closest('tr').find('a.topictitle').attr('href').replace(/^\/t([1-9][0-9]*)[p-].*$/,'$1')+'&mode=lock&sid='+cookie);
         $(this).addClass('mod_unlock').removeClass('mod_lock');
         $(this).attr('src',unlock_img);
      }
   }
   );
   /* Clic sur le bouton corbeille */
   $('.mod_trash').click(function() {
      if (confirm("Êtes-vous sûr ?")) {
         $.get('/modcp.forum?t='+$(this).closest('tr').find('a.topictitle').attr('href').replace(/^\/t([1-9][0-9]*)[p-].*$/,'$1')+'&mode=trash&sid='+cookie);
         $(this).closest('tr').remove();
      }
   }
   );
   /* Clic sur le bouton supprimer */
   $('.mod_delete').click(function() {
      if (confirm("Êtes-vous sûr ?")) {
         // prendre le tid
         var tid= $("input[name=tid]:first").val() ||  ($("a[href*='&tid=']:first").attr("href")||"").replace(/^.*&tid=([a-f0-9]*)?.*$/,"$1");
         // prendre le fid
         var fid= location.href.replace(/^.*\/f([0-9]+)[p-].*$/,'$1');
         // prendre le topic_id
         var topic_id= $(this).closest('tr').find('a.topictitle').attr('href').replace(/^\/t([1-9][0-9]*)[p-].*$/,'$1');
         $.post("/modcp?tid="+tid, {
            f:fid, t:topic_id, tid: tid, mode:"delete",confirm:"1"
         }
         );
         $(this).closest('tr').remove();
      }
   }
   );
}
);

Si vous avez une idée de ce qu'il faudrait modifier pour que les modérateurs puissent avoir les boutons de modérations au survol d'un topic ainsi que la possibilité de modifier le titre du topic depuis la liste des sujets...

Bonne journée.

[Zeste]

UP

[Zeste]

UP

[Zeste]

UP

[Zeste]

UP

[Zeste]

UP

[Zeste]

UP

[Zeste]

UP

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou à faire un UP régulièrement ! Ce sujet est corbeillé (rappel de pourquoi), merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum. A bientôt sur ForumActif

[Chacha]

Bonjour, Le topic est replacé à la demande de l'auteur du sujet. A bientôt sur ForumActif

[Zeste]

UP

[Zeste]

UP

[Zeste]

UP

[Zeste]

UP

[Zeste]

UP

[Zeste]

1 an après et toujours rien ??!

[Zeste]

UP

[Zeste]

UP

[Zeste]

UP

[Zeste]

UP

[Zeste]

UP

[Invité]

Salut Zeste,

je viens lire ton sujet initial et je n'ai pas lu toutes les autres pages
car il date de plus d'un an et je n'avais envie de me coltiner tant de lecture.
En bref qu'est ce qui cloche dans le Javascript ?

Si vous avez une idée de ce qu'il faudrait modifier pour que les modérateurs puissent avoir les boutons de modérations au survol d'un topic ainsi que la possibilité de modifier le titre du topic depuis la liste des sujets...

Si tes modérateurs ont le statut de modérer dans les forums ils doivent voire ces boutons   .

Il faut voir dans les droits via ton panneau d'administration




a++

[Zeste]

Non non, le soucis ne vient pas des permissions, mais du code JS. Les boutons de modération depuis la liste des sujets marchent très bien, ce n'est pas la question. Ce que je cherche à faire c'est pouvoir modifier les icônes des sujets depuis la liste des sujets.

Code:

/* Clic sur le bouton edit */
  $('.edit_topic').click(function() {
      var nawak = $(this).parent().parent().parent();
      nawak.find('.title_edited').remove()
                          if(nawak.find('a.topictitle').is(":visible")) {
        nawak.find('a.topictitle').hide();
        if(nawak.find('#new_title').length) {
            nawak.find('#new_title,.edit_title,select[name="postIcon"]').show()
        } else {
            nawak.find('a.topictitle').after('<input type="text" id="new_title" value="'+nawak.find('a.topictitle').text()+'"/><select name="postIcon"><option value="-1">Choisir l\'icone</option><option value="0">Aucun</option><option value="2">Etoilé</option><option value="4">En cours</option><option value="3">Résolu</option><option value="5">A évaluer</option><option value="6">Evalué</option><option value="8">En attente</option></select><input type="button" value="Changer" class="edit_title"/>');
        }
      } else {
        nawak.find('a.topictitle').show();
        nawak.find('#new_title,.edit_title').hide()
                  nawak.find('select[name="postIcon"]').hide();
      }
  }
  );
  $('.edit_title').live('click', function() {
      var temp = $(this);
      temp.closest('.container').find('a.topictitle').show().text($('#new_title').val());
      temp.parent().find('#new_title').hide();
      temp.parent().find('select[name="postIcon"]').hide();
      temp.parent().find('.edit_title').hide();
      temp.parent().find('.title_edited').remove()
      /* saisie d'une page du sujet */
      $.get($(this).closest('.container').find('a.topictitle').attr('href'), function(c) {
        /* prendre identifiant du premier message */
        var first_post_id = $(".msg-time a", c).first().attr("href").replace(/^#([1-9][0-9]*)$/,'$1');
        /* si pas on fait rien */
        if(!first_post_id) {
            return
        }
        /* saisie du formulaire d'édition du message */
        $.get("/post?p=" + first_post_id + "&mode=editpost", function(c) {
            /* récupération du formulaire */
            var fields= $('form[name="post"]', c).serializeArray();
            for (i=0;i<fields.length;i++) {
              /* changement du titre */
              if(fields[i].name=="subject") fields[i].value= temp.parent().find('#new_title').val();
              if((fields[i].name=="post_icon") && ($("select[name='postIcon'] option:selected").val() != -1)) fields[i].value= $("select[name='postIcon'] option:selected").val();
              fields[i]=escape(fields[i].name)+'='+escape(fields[i].value)
            }
            /* envoi formulaire d'édition */
            $.post("/post", fields.join('&')+"&post=1",function(c) {
              temp.parent().find('.title_edited').remove()
              /* test pour voir si ça s'est bien passé */
              if(c.indexOf('Message enregistré avec succès')!=-1) {
                  temp.after('<img src="http://nsa31.casimages.com/img/2013/02/10/130210020722226189.png" alt="sent" class="title_edited" />');
                  val = $("select[name='postIcon'] option:selected").val();
                  if (val == 0)  temp.parent().find('.f_icon img').attr('src',"http://i45.servimg.com/u/f45/15/75/02/96/2012-097.png").removeClass('posticon2');
                  if (val == 2) temp.parent().find('.f_icon img').attr('src',"http://i45.servimg.com/u/f45/15/75/02/96/mis-a-10.png").addClass('posticon2');
                  if (val == 3) temp.parent().find('.f_icon img').attr('src',"http://i45.servimg.com/u/f45/15/75/02/96/icone-12.png").addClass('posticon2');
                  if (val == 4) temp.parent().find('.f_icon img').attr('src',"http://i45.servimg.com/u/f45/15/75/02/96/pas-a-10.png").addClass('posticon2');
                  if (val == 5) temp.parent().find('.f_icon img').attr('src',"http://i45.servimg.com/u/f45/15/75/02/96/icone-11.png").addClass('posticon2');
                  if (val == 6) temp.parent().find('.f_icon img').attr('src',"http://i45.servimg.com/u/f45/15/75/02/96/2012-099.png").addClass('posticon2');
                  if (val == 7) temp.parent().find('.f_icon img').attr('src',"http://i45.servimg.com/u/f45/15/75/02/96/2012-098.png").addClass('posticon2');
                  if (val ==  temp.parent().find('.f_icon img').attr('src',"http://i45.servimg.com/u/f45/15/75/02/96/2012-098.png").addClass('posticon2');
              } else {
                  temp.after('<img src="http://2img.net/i/fa/fdf3/subject_locked.png" alt="notSent" class="title_edited" />');
              }
            }
            )
        }
        )
      }
      );
  }
  );

[Invité]

Re,
ok merci as tu une css associée stp   .
Je vais regarder tout çà calmement .
a++

[Zeste]

Non désolé, je n'ai pas le CSS associé.   

[Invité]

Re,

désolé mais je n'arrive pas trouver la solution pour faire fonctionner ce JavaScript   .
Il ne reste plus qu'à souhaiter que EA passe par là   .
a++

[Zeste]

Ce n'est pas grave, merci de vous êtres penché sur le problème !

[Invité]

Salut Zeste,

Ce n'est pas grave, merci de vous êtres penché sur le problème !

de rien , juste une petite question ou as tu trouvé ce script stp   .

a++

[Zeste]

C'est Ea qui l'a fourni en début de sujet.

[Zeste]

UP

[Zeste]

UP