Changer une définition sur son forum

[Dragon12901]

Bonjour,

Ma question est la suivante, dans un message que l'on crée, juste au dessous de (Titre du sujet) il y a description et d'ailleurs cette option la peut être désactiver dans le PA, Est ce que l'on peut à cette endroit changer (description) et mettre à la place (Passage) et que à coter au lieu de normalement pouvoir mettre une ligne de texte qu'il y est un menu déroulant ex :

• Vu
  
• Non vu
  
• Effacé
  

Est ce que ceci est possible, si oui ou peut ont changer sa sur le forum, ou bien peut ont le crée sur une page HTML ? ou même modifier le HTML d'origine qui comporte (description) ?

Merci beaucoup de votre aide .

[Ea]

Bonjour,


Sur quelle version ?

https://forum.forumactif.com/-t242131.htm#2206916

[Dragon12901]

bonjour

Je suis sur du phpBB2

[Ea]

Vous devriez pouvoir mettre ce script sur toutes les pages :

Code:

$(function() {
  document.forms.post && document.forms.post.description && $(document.forms.post.description).replaceWith('<select name="description"><option>Vu</option><option>Non vu</option><option>Effacé</option></select>').closest("tr").find(".row1 .gen b").text("Passage")
});

Pour changer les choix il faut changer le :

Code:

'<select name="description"><option>Vu</option><option>Non vu</option><option>Effacé</option></select>'

Et pour changer le remplacement de Description, changer le :

Code:

"Passage"

Ces deux choses sont des chaînes de textes javascript, ça entraîne qu'il faille " ou ' aux bords et éventuellement des échappements de caractères spéciaux ( soit vous savez comment faire, soit vous pouvez utiliser http://www.maonyn.com/h16- ).

[Dragon12901]

Merci beaucoup de ton aide

Alors, j'ai pris ton script et j'ai crée une nouvelle page en javascript

Code:

        $(function() {
          document.forms.post && document.forms.post.description && $(document.forms.post.description).replaceWith('<select name="description"><option>Vu</option><option>Non vu</option><option>Effacé</option></select>').closest("tr").find(".row1 .gen b").text("Passage")
        });

J'ai même rajouter un : (<option></option>) le dit qu'il y est un choix vide sa donne pas mal du tous par contre ya un ic, c'est que le mot (description) est toujours la au lieu de (Passage), as tu une solution stp ?

Et j'oubliai si je veut mettre une couleur sur chaque mot ex : Vu en jaune, Non vu en bleu, et Effacé en rouge, faut je modifie ou que je rajoute quoi dans le script stp ?

[Ea]

awi, j'ai mal combiné et ça n'était plus remplacé, voilà en corrigeant :

Code:

$(function() {
  document.forms.post && document.forms.post.description && $('<select name="description"><option>Vu</option><option>Non vu</option><option>Effacé</option></select>').val(document.forms.post.description.value).replaceAll(document.forms.post.description).closest("tr").find(".row1 .gen b").text("Passage")
});

J'ai ajouté aussi une partie, pour que si il y a par exemple "Effacé" mis, à l'édition on ait Effacé comme sélectionné ( avec le précédent on avait juste le premier élément de la liste comme sélectionné ).

Pour la couleur :

Code:

<option style="color:#123987">coloré</option>

[Dragon12901]

YESSSSS sa marche nikel chrome un grand merci par contre un dernier petit détail stp sa :

Code:

<option style="color:#123987">coloré</option>

tu l'intègre ou sa dans le script stp ?

[Dragon12901]

Ok c'est bon j'ai trouver comment le placer je suis un peu long à la détente loool, par contre les couleurs sont bien dans le message

• jaune

• rouge

• et bleu

mais une fois que tu envois sous le titre du sujet la couleur n'y est pas mouarff tu as une solution stp ?

[Ea]

Il n'y a que le texte qui est enregistré, la couleur là ce n'est que pour du style.

On pourrait mettre un deuxième script ( dans l'affichage des forums et sous-forums ) qui en fonction de la description modifie la couleur :

Code:

$('.topictitle + .genmed').each(function(){

  switch($(this).text().replace(/^\s*([\s\S]*?)\s*$/,'$1')){
    case "Vu": $(this).css('color','red');break;
    case "Non vu": $(this).css('color','blue');break;
    case "Effacé": $(this).css('color','green');break;
  }

});

( il faut changer les red, blue et green pour changer la couleur )

[Dragon12901]

Donc en gros ce que tu me dis c'est de mettre sa avec mes code couleurs comme par ex:

Code:

        $('.topictitle + .genmed').each(function(){
       
          switch($(this).text().replace(/^\s*([\s\S]*?)\s*$/,'$1')){
            case "Vu": $(this).css('color','#F70019');break;
            case "Non vu": $(this).css('color','#00C6F7');break;
            case "Effacé": $(this).css('color','#0B9D00');break;
          }
       
        });

C'est ce que tu voulait me dire ?

[Ea]

oui )

[Dragon12901]

Bonjour,

Alors j'ai mis se code :

Code:

                $('.topictitle + .genmed').each(function(){
             
                  switch($(this).text().replace(/^\s*([\s\S]*?)\s*$/,'$1')){
                    case "Vu": $(this).css('color','#F70019');break;
                    case "Non vu": $(this).css('color','#00C6F7');break;
                    case "Effacé": $(this).css('color','#0B9D00');break;
                  }
             
                });

avec dedans comme tu peut le voir mes code couleurs,

et j'ai cocher (Sur les sous-forums et Sur les sujets), mais les couleurs ne sont toujours pas voyantes une fois que je mais envois sur un message, as tu une solution stp ?

ps : defois que je me suis tromper tu le mais ou ce script la ? tu crée une page java, ou tu le mais dans le CSS ?

[Ea]

il faut le mettre en javascript ( sur les sous-forums ) donc ça devrait être ok

si j'essaye sur ce forum-ci ( en changeant les descriptions ), cela fonctionne : https://i.imgur.com/Ob5MW.png

[Dragon12901]

Alors j'ai coller le code en créant une page en JavaScript et j'ai bien cocher "Sur les sous forums" mais mes choix Vu, Non vu ect.. reste blanc et non de couleur lorsque j’envoie, dommage c'est la seule choses qui ne fonctionne pas une autre solution ?

[Ea]

En fait il faudrait changer le script en :

Code:

$(function() {
  $(".topictitle + .genmed").each(function() {
    switch($(this).text().replace(/^\s*([\s\S]*?)\s*$/, "$1")) {
      case "Vu":
        $(this).css("color", "#F70019");
        break;
      case "Non vu":
        $(this).css("color", "#00C6F7");
        break;
      case "Effacé":
        $(this).css("color", "#0B9D00")
    }
  })
});

( pour retarder le code et que les descriptions soient affichées et accessibles à l'exécution du script )

[Dragon12901]

Alors tu tes bien pris la tête pour moi depuis le début, donc je te dit UN GROSSSS MERCI SA MARCHE !!

J'espère que ce tuto pourra servir à quelqu'un d'autre

encore merci,
Amicalement.