[PHPBB3] Boutons note, normal

Hello Serge,

lorsque tu mentionnes:

serait-il possible de changer la couleur de fond actuel du bouton de l'item choisi?

Tu veux parler de quoi exactement lors d'un nouveau sujet:?

Poster le sujet en tant que: Normal   Note   Annonce   Annonce globale  

Pour l'autre question, il faudra ouvrir un autre sujet mon ami.
IL faudra mentionner que tu souhaites avoir cet ajout sur la liste des sujets.

Comme à mon habitude, j'aime bien avoir qu'une demande .

Bonsoir Philippe,

Je ne reçois plus de mail de Milouze, et découvre donc ton message que maintenant, désolé.

Pour le bouton, il s'agit de ceux-ci. Actuellement l'item choisi est noir, en rouge ce serait mieux.

Spoiler:

OK, Phil. J'ouvre un autre post pour l'autre question.


Edit: tiens maintenant que j'ai posté, le mail est arrivé :-)

Bonsoir Serge,
la couleur du bouton ne peut pas être modifié mon ami, par contre
on peut colorer les conteneurs:



Pour les les mails, c'est un peu le bazar un peu partout même sur mon réseau Internet ça merdouille......

Ah oui, très bien ça.

Donc, simplement passer le fond du conteneur de l'item sélectionné en rouge.

Merci philippe

On pourrait d'ailleurs étendre cela à tous les boutons radio du forum, s'ils ont le même label.

Hello Serge,

alors pour l'input sélectionné, il va falloir intervenir dans le template concerné:

Dans le template:posting_body
Affichage/Templates/Poster et messages privés/posting_body

Recherches cette variable:

Code:


{S_TYPE_TOGGLE}



Supprimes et remplaces par:

Code:


<span class="M14_choice-type">{S_TYPE_TOGGLE}</span>



Penser a enregistrer puis à valider en cliquant respectivement sur puis


Puis le script qui va rechercher si l'input est cochée:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher sur toutes les pages.

Déposer ceci:

Code:


$(function(){
$('span.M14_choice-type').find('input').each(function(){
var a=$(this).prop('checked');
if(a){$(this).closest('label').addClass('M14_selected');}});});


Penser a cliquer sur le bouton

Puis la c.s.s paramétrable à souhait:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


.M14_choice-type label.M14_selected{padding: 3px;background-color:red;color:white;}



Penser a cliquer sur le bouton

Merci Philippe pour ce développement.

ça fonctionne

Quand on choisit un autre bouton, il faut donc rafraichir la page pour que fond se positionne sur le nouveau choix.
Je ne sais pas s'il est possible de déplacer le fond sur le nouveau bouton sélectionné.

J'ai ajouté une ligne pour retirer le fond quand on choisit un autre bouton ainsi:

Code:


$(function(){
        $('span.M14_choice-type').find('input').each(function(){
        var a=$(this).prop('checked');
        if(a){$(this).closest('label').addClass('M14_selected');     
      }});
     $('.M14_choice-type label').click(function(){
        $('.M14_choice-type label').css('background-color', 'transparent'); 
      });
     });


Et j'ai aussi ajouté une ligne dans le css pour le hover:

Code:

.M14_choice-type label:hover{color:#60e9fa;}

On peut surement faire mieux :-)

Re Serge,

effectivement, j'avais oublié les autres sélections en cas de changements!!

Remplaces le script par celui-ci:

Code:

$(function(){
$('span.M14_choice-type').find('input').each(function(){
var a=$(this).prop('checked');
if(a){$(this).closest('label').addClass('M14_selected');}
$(this).click(function(){
$(this).closest('span.M14_choice-type').find('label.M14_selected').removeClass();
$(this).closest('label').addClass('M14_selected');
});});});

Re Phil,

Merci, encore une leçon pour moi.

Superbe, c'est tout bon l'ami

De rien Serge,