[PHPBB3] Remplacer un bouton par un autre

Hello Serge,

comment est insérée la première image sur la catégorie C2?

Le script que tu mentionnes ne peut pas fonctionner car
la condition n'est pas fermée:

Code:

};

Et pourquoi avoir un else ???????????????

Le script suivant:
Va mettre l'image ( https://i.imgur.com/DmZrfKT.png )

Sur la catégorie c2:

Va mettre l'image ( https://i.imgur.com/iZqElcb.png )

Sur le forum f5:

Si on est sur la catégorie c2 ou le forum f5 on affiche le bouton:

Code:

if(catC2||fofoF5)
{$('img#bouton_poster').show();}

Si on est sur la catégorie c2 et si on est sur le forum f5 alors on affiche leur
image respective:

Code:

if(catC2)
{
$('img#bouton_poster').attr('src','https://i.imgur.com/DmZrfKT.png');
}
if(fofoF5)
{
$('img#bouton_poster').attr('src','https://i.imgur.com/iZqElcb.png');
 
}

Le script complet:

Code:

//Remplace boutons cachés "Nouveau" par "Poster une photo" dans SF sur C2
$(function(){     
var catC2=$('a.nav[href^="/c2-"]').length; 
var fofoF5=$('a.nav[href^="/f5-"]').length;
if(catC2||fofoF5)
{$('img#bouton_poster').show();}
if(catC2)
{
$('img#bouton_poster').attr('src','https://i.imgur.com/DmZrfKT.png');
}
if(fofoF5)
{
$('img#bouton_poster').attr('src','https://i.imgur.com/iZqElcb.png'); 
}
});

Bonjour Philippe,

Merci pour ce travail.
Tes raisonnements sont infaillibles, j'adore.

Le script que tu mentionnes ne peut pas fonctionner car
la condition n'est pas fermée:

Les conditions sont bien fermées Phil, mais sans le point virgule.

comment est insérée la première image sur la catégorie C2?

En fait dans le template, j'ai les 2 images masquées ainsi:

Code:


 <div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img style="display:none;margin: -15px 0 8px 5px;" src="https://i.imgur.com/DmZrfKT.png" id="bouton_poster" alt="{L_POST_NEW_TOPIC}" /></a></div>
 <div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img style="display:none;" src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></div>

Et avec le script, j'affichais l'un ou l'autre.

Et pourquoi avoir un else ???????????????

Si je n'ai pas le else, je n'ai aucune image sur les autres forums où il doit y avoir le bouton "Nouveau" d'origine.
D'ailleurs sur ton script, j'ai du l'ajouter pour avoir sur les autres forums le bouton "Nouveau" d'origine.

Ton script fonctionne à merveille Philippe, mais il a donc fallu que je rajoute le else pour avoir le bouton nouveau classique ailleurs que sur /c2 ainsi:

Code:


    //Remplace boutons cachés "Nouveau" par "Poster une photo" dans SF sur C2
    $(function(){    
    var catC2=$('a.nav[href^="/c2-"]').length;
    var fofoF5=$('a.nav[href^="/f5-"]').length;
    if(catC2||fofoF5)
    {$('img#bouton_poster').show();}
    if(catC2)
    {
    $('img#bouton_poster').attr('src','https://i.imgur.com/DmZrfKT.png');
    }
    if(fofoF5)
    {
    $('img#bouton_poster').attr('src','https://i.imgur.com/iZqElcb.png');
    }
       else  {            
  $('a img.i_post').show();
}
      
    });

Est-ce convenable ainsi Phil?


PS: Je viens d'éditer mon message, et je n'ai plus les codes autour comme avant. Bien mieux ainsi Philippe.

Re Serge,
actuellement je navigue avec mon Android.
Juste pour avoir plus d'informations. Tu as donc répété à deux reprises en haut et en bas du template ?
C'est une grossière erreur Serge.
Il faut laisser l'id à deux reprises sur le dit bouton et ensuite agir sur les forums ou catégories voulus.

Re Phil,

Dans le template, j'ai effectivement ces deux lignes modifiées comme mis au dessus où je masque le bouton d'origine et le bouton https://i.imgur.com/DmZrfKT.png.
Et avec ton script, on démasque en fonction du besoin l'un ou l'autre bouton dans /c2, et on substitue dans /f5  le bouton https://i.imgur.com/iZqElcb.png.

Faut peut-être tout revoir alors Phil?

A noter aussi que le forum /f5 se trouve dans la catégorie /c2.

En bas du template, j'ai retiré les boutons que je trouvais redondant.

Re Serge,
on part du principe que cette ligne soit supprimée:

Code:

<div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img style="display:none;margin: -15px 0 8px 5px;" src="https://i.imgur.com/DmZrfKT.png" id="bouton_poster" alt="{L_POST_NEW_TOPIC}" /></a></div>

Puis remplacer:

Code:

<div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow">
<img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></div>

Par:

Code:

<div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" id="bouton_poster" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></div>

Tu ne mentionnes pas non plus si tu as aussi ajouté l'identique en bas du template.
Il faut procéder de la même façon:


Ni dans le template :viewtopic_body

Ou on retrouve à deux reprises ce bouton:

Il faut juste trouver cette partie à deux reprises:

Code:

<img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" />

Et ajouter l'id:

Code:

<img src="{POST_IMG}" class="{POST_IMG_CLASS}" id="bouton_poster" alt="{L_POST_NEW_TOPIC}" />

Et le script mentionnait plus haut qui va placer le lien de l'image voulue sur la catégorie c2 et le fofo f5.
On a pas besoin de mettre un else car on ne touche pas au autres catégories et aux autres forums.

Code:

//Remplace boutons cachés "Nouveau" par "Poster une photo" dans SF sur C2
    $(function(){    
    var catC2=$('a.nav[href^="/c2-"]').length;
    var fofoF5=$('a.nav[href^="/f5-"]').length;
  
    if(catC2)
    {
    $('img#bouton_poster').attr('src','https://i.imgur.com/DmZrfKT.png');
    }
    if(fofoF5)
    {
    $('img#bouton_poster').attr('src','https://i.imgur.com/iZqElcb.png');
    }
    });

C'est en place Philippe sur mon fofo.

Je n'ai plus les boutons qui s’affichent.

Le template Phil à tout hasard:

Code:


<!-- BEGIN switch_user_logged_in -->
<!-- END switch_user_logged_in -->

<div class="boutons_list">
<ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
  <br/><br/>
        <!-- Ajout bouton Voir la page Facebook -->
        <li> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;" target="_blank"title="Aller sur la page Facebook du Clic" href="https://www.facebook.com/Photoclic/">Voir la page Facebook du clic</a> • </li>
          
 <li><a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;"href="{U_SEARCH_NEW}">Voir les nouveaux messages</a></li>
  
 <li class="sansrep"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;"href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>        
        <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;"href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>

 <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;"href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
        <Br/>
 <!-- END switch_user_logged_in -->
</ul>
</div>  



<h1 class="page-title"><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a></h1>

{BOARD_INDEX}

<div class="pagination">  
 <!-- BEGIN show_plus_menu -->
  
   <!-- END show_plus_menu -->
  
 {PAGINATION}
 <br />  
</div>

<div class="topic-actions">
<!-- BEGIN switch_user_authpost -->
  
 <div class="buttons">
    <div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img style="display:none;" src="{POST_IMG}" id="bouton_poster" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></div>  </div>

  <!-- END switch_user_authpost -->
  
 <div class="search-box">
 <form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
 <fieldset>
 <input class="inputbox search tiny" type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
  <input class="button2" type="submit" value="{L_SEARCH}" />
 <input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
 </fieldset>
 </form>
 </div>
  
 

    <p id="M14_ariane" class="nomargin path M14_ariane">
    <a class="nav" href="{U_INDEX}"><span>Accueil</span></a>
     {NAV_CAT_DESC}
      <script type="text/javascript">$('.M14_ariane').each(function(){$(this).html($(this).html().replace(/::/g,""));});</script>
     </p>
    </div>


{TOPICS_LIST_BOX}

<div class="topic-actions">

 <div class="pagination">
 {PAGINATION}<a href="#top">{L_BACK_TO_TOP}</a>
 <br /><br />
    
 </div>
  
<li class="rightside">  • {S_WATCH_FORUM}<br /></li>
</div>
 
<div class="clear"></div>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
 <fieldset class="vf_jumpbox">
 <label>{L_JUMP_TO}: </label>
 {S_JUMPBOX_SELECT} 
 <input class="button2" type="submit" value="{L_GO}" />
 </fieldset>
</form>

<!-- retrait utilisateurs en ligne -->

    <div id="M14_Get_user_post">{LOGGED_IN_USER_LIST}</div>

<!-- <br /><div id="active_users">{LOGGED_IN_USER_LIST}</div> -->


<div id="info_open" style="display:block;clear:both">
<div class="h3">{L_MODERATOR}</div>
<p>{MODERATORS}</p>

<div class="h3">{L_TABS_PERMISSIONS}</div>
<p>{S_AUTH_LIST}</p>

</div>


<!-- BEGIN switch_legend -->
<ul id="picture_legend">
 <li id="affiliate_title">Légende  → </li>
 <li> <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" />  {L_FOLDER_IMG}</li>
 <li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" /> {L_FOLDER_NEW_IMG}</li>
 <li><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" /> Messages verrouillés</li>
    <li><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" /> {L_FOLDER_ANNOUNCE_IMG}</li>
 <li><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" /> {L_FOLDER_STICKY_IMG}</li>
 <li><img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" />&nbsp;{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</li>
</ul>

<script>
document.getElementById('sujet_lock').innerHTML=document.getElementById('sujet_lock').innerHTML.replace(/Pas de nouveaux messages [ Verrouillé ]/,"Messages verrouillés");
    </script>
<!-- END switch_legend -->

Pour les sujets (view topic body), je laisse avec les boutons actuels pour l'instant.

Et comme dit plus haut, En bas du template pour les sous forums, j'ai retiré les boutons que je trouvais redondant.

A merdouille,

supprimes le style display none ici:

Code:


    <div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img style="display:none;" src="{POST_IMG}" id="bouton_poster" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></div>

Soit:

Code:


    <div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow">
<img  src="{POST_IMG}" id="bouton_poster" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></div>

Pour les sujets (view topic body), je laisse avec les boutons actuels pour l'instant.

Et comme dit plus haut, En bas du template pour les sous forums, j'ai retiré les boutons que je trouvais redondant.

C'est pas trop cohérent Serge

Cette fois c'est tout bon Philippe

Un grand merci l'ami.

Je sais que ce n'est pas cohérent pour l'instant.
J'y reviendrais plus tard.

Je passe en résolu Phil.

De rien Serge,

Je sais que ce n'est pas cohérent pour l'instant.
J'y reviendrais plus tard.

Pas de soucis mon ami et à bientôt.