Remplacer les images contact du profil par du texte

[.truelove]

Bonjour,

Cela fait plusieurs jours que je recherche un code (peut-être du js )  permettant de remplacer les images contact du profil (comme celle-ci : https://imgur.com/we91UCS.png) par simplement du texte. Dans l'exemple ici, j'aimerais que l'image e-mail se transforme juste en texte e-mail que je pourrais à ma guise personnaliser avec du CSS Je suis certaine que le problème a déjà été régler, cependant je n'arrives pas à mettre la main dessus, peut-être que je n'utilise pas les bons mots clés ... Si quelqu'un pourrait m'éclairer, ça serait vraiment génial ! Merci d'avance

[mSyx]

Hello o/
Je considère que tu es bien sur phpBB2 et que tes templates ne sont pas trop modifiés;

Dans le template viewtopic_body, trouver:

Code:

<td valign="middle">
 {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
 </td>

Remplacer par:

Code:

<td valign="middle" class="pfctext">
 {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
 </td>

Le JS

Code:

 var el = $('.pfctext');
  
  el.find('img[src="https://2img.net/i/fa/subsilver3/icon_user_profile_fr.gif"]').replaceWith('<span class="u_profile">Profil</span>');
});

Pour exemple, ce JS changera l'image du lien vers le profil par le texte donné. Pour le modifier, il faudra créer une seconde ligne comme la première et la modifier:
- img[src="https ://2img.net/i/fa/subsilver3/icon_user_profile_fr.gif"]: il faut remplacer le lien ici par le lien de l'image du champ correspondant
- .replaceWith('<span class="u_profile">Profil</span>');: ici, il faudra changer le "u_profile" par une autre class de ton choix et le "Profil" par le texte remplaçant l'image.

Si on veut, toujours en exemple, changer le champ du MP dont l'image a pour lien https://2img.net/i/fa/subsilver/icon_pm.gif par une span à la class u_pm avec pour texte Message privé, ça donnerait (code intégral - corrigé):

Code:

$(function() {
var el = $('.pfctext');
  
  el.find('img[src="https://2img.net/i/fa/subsilver3/icon_user_profile_fr.gif"]').replaceWith('<span class="u_profile">Profil</span>');
  el.find('img[src="https://2img.net/i/fa/subsilver/icon_pm.gif"]').replaceWith('<span class="u_pm">Message privé</span>');
});

[.truelove]

Coucou, merci mSyx d'être passer dans le coin pour me donner un coup de main Oui c'est bien sur phpBB2, j'ai oublié de le signaler ! Alors j'ai suivi ta petite explication à la lettre, cependant je n'arrive pas au résultat que je souhaite, enfin ça ne change rien pour faire simple J'arrive à supprimer carrément l'image mais le texte n’apparaît pas   Je dois certainement mal m'y prendre ... Dans le doute d'avoir une petite bêtise dans mes codes, je te copie / colle mon template d’origine sans ta petite modification ainsi que l'adresse du forum en question. Merci d'avance

[mSyx]

Re o/

Petit oubli dans le code. En corrigé:

Code:

$(function() {
var el = $('.pfctext');
  
  el.find('img[src="https://2img.net/i/fa/subsilver3/icon_user_profile_fr.gif"]').replaceWith('<span class="u_profile">Profil</span>');
  el.find('img[src="https://2img.net/i/fa/subsilver/icon_pm.gif"]').replaceWith('<span class="u_pm">Message privé</span>');
});

Vérifie que tu as les bonnes images en lien dans chaque src; l'icône PM, par exemple, n'est pas la même: https://2img.net/i/fa/subsilver/icon_pm_en.gif

(p.s: je me suis inscrit pour regarder; n'hésite pas à supprimer le compte dès que le problème sera réglé )

[Invité]

Hello mSyx ,
l'oublie se perpétue .
Il manque la variable .

a++

[mSyx]

Hello mSyx  ,
l'oublie se perpétue .
Il manque la variable .

a++

Salut Milouze o/
J'ai besoin de repos, très clairement.
C'est corrigé, je te remercie !

[Invité]

De rien cher ami,

J'ai besoin de repos, très clairement.

De mon côté il m'en faut souvent .
a++

[.truelove]

Merci à tous les deux de votre aide, malgré tout, je n'arrive toujours pas à réussir

Code:

$(function() {
var el = $('.pfctext');
  
  el.find('img[src="https://2img.net/i/fa/subsilver/icon_profile_en.gif"]').replaceWith('<span class="icon_profile">Profil</span>');
  el.find('img[src="https://2img.net/i/fa/subsilver/icon_pm_en.gif"]').replaceWith('<span class="icon_pm">Message privé</span>');
});

J'ai vérifier que c'était les bons liens et des bonnes class correspondantes à chacun, sauf que ça ne change rien Ça me supprime entièrement l'image et le texte n’apparaît pas. J'ai bien activé le JS sur les sujets

[mSyx]

Re o/
Je sais pas si ça changera grand chose, mais en regardant directement dans ton JS (tonforum/13423.js), il manque un point-virgule à la 5ème ligne. Sois donc bien sûr(e) d'avoir le code tel quel:

Code:

$(function() {
var el = $('.pfctext');
  
  el.find('img[src="https://2img.net/i/fa/subsilver/icon_profile_en.gif"]').replaceWith('<span class="icon_profile">Profil</span>');
  el.find('img[src="https://2img.net/i/fa/subsilver/icon_pm_en.gif"]').replaceWith('<span class="icon_pm">Message privé</span>');
});

[.truelove]

Désolé de la réponse tardive, mais le ; est bien à la 5ème ligne ... Je ne vois vraiment pas d'où vient le problème

EDIT : J'ai finalement réussit à trouver un autre code qui fonctionne bien ! Le seul soucis que je rencontre dessus c'est que quand je veux rajouter d'autres liens, ici j'ai rajoutée deux liens externes au forum, je n'arrive pas à les personnaliser ... Je ne vois pas de class pouvant y correspondre

Code:

$(function(){
$('.i_icon_profile').replaceWith("<span class='nouveausujet'>profil</span>");
$('.i_icon_pm').replaceWith("<span class='nouveausujet'>message privé</span>");
})

[Invité]

Hello .truelove,

ici j'ai rajoutée deux liens externes au forum, je n'arrive pas à les personnaliser ... Je ne vois pas de class pouvant y correspondre

C'est bien, mais comment veux tu avoir de l'aide si tu ne renseignes pas ce que tu as créé!!

a++

[.truelove]

Voici les deux champs que j'ai rajouter dans le profil (ils sont visible par l'image www). Il s'agit de deux liens. J'aimerais donc changer l'image, par du texte par exemple l'une " présentation " et l'autre " site web ". En espérant avoir été claire

[mSyx]

Re,
Il faudrait changer l'image du champ Présentation par une autre que l'image WWW. Ça donnerait (en exemples):

Code:

$('td.messaging img[src="lien de img du champ présentation"]').replaceWith("<span class='lienprez'>présentation</span>");
$('td.messaging img[src="https://2img.net/i/fa/m/www1.gif"]').replaceWith("<span class='csitewww'>site web</span>");

[.truelove]

Re, j'ai essayé ta solution malheureusement ça ne donne rien

[mSyx]

Il faut les ajouter à ton code :b

Code:

$(function(){
$('.i_icon_profile').replaceWith("<span class='nouveausujet'>profil</span>");
$('.i_icon_pm').replaceWith("<span class='nouveausujet'>message privé</span>");
$('td.messaging img[src="lien de img du champ présentation"]').replaceWith("<span class='lienprez'>présentation</span>");
$('td.messaging img[src="https://2img.net/i/fa/m/www1.gif"]').replaceWith("<span class='csitewww'>site web</span>");
})

[.truelove]

C'est ce que j'ai fais justement, ça n'a rien changer

[mSyx]

Je viens de réessayer mon code sur ton forum (console) et ça fonctionne correctement.

Vérifies qu'aucun autre JS n'ait quoi que ce soit qui empêcherait le bon fonctionnement de celui-ci; sinon, ajoute directement ce JS dans le template concerné (viewtopic_body):

Code:

<script type="text/javascript">
$(function(){
$('.i_icon_profile').replaceWith("<span class='nouveausujet'>profil</span>");
$('.i_icon_pm').replaceWith("<span class='nouveausujet'>message privé</span>");
$('td.messaging img[src="lien de img du champ présentation"]').replaceWith("<span class='lienprez'>présentation</span>");
$('td.messaging img[src="https://2img.net/i/fa/m/www1.gif"]').replaceWith("<span class='csitewww'>site web</span>");
})
</script>

Si vraiment ça ne change rien, il faudrait que tu colles ton template ici pour vérifier quelque chose ~

[.truelove]

Je l'ai copier directement dans le template et : CA FONCTIONNE
Merci à toi et d'avoir prit autant de temps pour moi, merci milles fois vraiment

[mSyx]

Ah, niquel
À savoir que si ça fonctionne dans le template mais pas dans la gestion des codes JS, c'est que le système de gestion de codes JS est désactivé ou qu'un des JS présents là-dedans est incorrect. Faudra voir ça ! :b