Recherche des identifiants de boutons et les remplacer par du texte
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Recherche des identifiants de boutons et les remplacer par du texte
Détails techniques
Version du forum : phpBB2Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 28/12/2014
Lien du forum : http://www.teso-event.com
Description du problème
Bonjour et bonnes fêtes !Encore dans la phase de construction de mon forum, j'essaye de "simplifier" quelques éléments, et actuellement, j'en suis au fait de remplacer les images des boutons par du "texte", avec de pouvoir tout modifier facilement via le Css.
En gros, au lieu de faire une image pour par exemple le bouton "Poster un nouveau sujet" , je passe par le Css avec l'identifiant #i_post{.
Mais j'ai un souci, je ne sais pas mettre le texte dans le Css, dans le genre :
#i_post { Remplacement de l'image par le texte : Poster un nouveau message }
Mais qui fonctionne bien sur.
Pour les identifiants, j'ai les plus importants #i_post / #i_reply / #i_reply_locked / #i_icon_pm
Mais il me manque des mini boutons :
Répondre en citant #i_icon_quote
Multi-citation désélectionnée
Multi-citation sélectionnée
Editer le sujet #i_icon_edit
Supprimer ce message #i_icon_delete
Trouver tous les sujets ouverts par ...
Profil #i_icon_profile
Visiter le site web du posteur
E-mail #i_icon_email
Message Privé
Adresse AIM
Numéro ICQ
MSN Messenger
Yahoo Messenger
Skype
En ligne
Si quelqu'un peux me fournir la liste des identifiants ( et dire ceux que j'ai sont bon ), et surtout comment mettre le texte a la place des images en Css, je suis preneur, merci !
Dernière édition par Mysticals le Ven 9 Jan 2015 - 2:47, édité 4 fois
Invité- Invité
Invité- Invité
Re: Recherche des identifiants de boutons et les remplacer par du texte
Bonjour,
Je pense que cela serai moins fastidieux de retirer les images correspondant à tes icônes via le panneau admin, affichage, images.
Je pense que cela serai moins fastidieux de retirer les images correspondant à tes icônes via le panneau admin, affichage, images.
Re: Recherche des identifiants de boutons et les remplacer par du texte
Oui, mais il faut bien remplacer le vide par du texte, sinon sur quoi on cliquerais?
Je pense qu'il y a moyen aussi en passant par du javascript, genre y a celui ci pour supprimer une image :
A mon avis, doit y avoir l'équivalent en remplaçant le .hide par l'élément de notre choix, c'est à dire du texte.
J'ai trouvé ce code aussi dans une autre topic :
Je vais étudier la piste, mais c'est du bricolage, si quelqu'un passe et s'y connais mieux.
Je pense qu'il y a moyen aussi en passant par du javascript, genre y a celui ci pour supprimer une image :
- Code:
$(document).ready(function(){$('#i_icon_mini_index').parent().hide();});
A mon avis, doit y avoir l'équivalent en remplaçant le .hide par l'élément de notre choix, c'est à dire du texte.
J'ai trouvé ce code aussi dans une autre topic :
- Code:
$(function() {
$('a.mainmenu[href^="/login?logout=1&tid="]').text('Deconnexion');
});;
Je vais étudier la piste, mais c'est du bricolage, si quelqu'un passe et s'y connais mieux.
Invité- Invité
Re: Recherche des identifiants de boutons et les remplacer par du texte
Je pensais que tu souhaitais modifier uniquement via le css
Si c'est en js et non pas en css peut-être que ceci peut t'aider pour enlever les images.
Si c'est en js et non pas en css peut-être que ceci peut t'aider pour enlever les images.
- Code:
var g = [""];
$(function() {
$(".post-options img").attr("src", g)
});
Re: Recherche des identifiants de boutons et les remplacer par du texte
Je doit l'interpréter comment ce code? Je ne suis pas très doué en java. Concrètement, je veux par exemple :
Remplacer #i_post par le texte / lien "Poster un nouveau sujet"
Remplacer #i_post par le texte / lien "Poster un nouveau sujet"
Invité- Invité
Re: Recherche des identifiants de boutons et les remplacer par du texte
Allez, dernier up, sinon, je ferais à l'ancienne avec des images.
Invité- Invité
Re: Recherche des identifiants de boutons et les remplacer par du texte
Hello
Normalement à partir des ID ou classes tu peux faire quelque chose comme ceci dans ton javascript (ici j'en ai mis 2 pour te faire un exemple) :
.i_icon_quote correspond à ton sélecteur
"Citer" est le texte par quoi l'image est remplacée
Sinon c'est faisable en CSS aussi mais autrement, c'est peut-être un peu plus long... Il faut sélectionner les liens (balises a) et non pas les images ^-^
Le CSS pour un forum en phpbb2 donne quelque chose comme ça :
Normalement à partir des ID ou classes tu peux faire quelque chose comme ceci dans ton javascript (ici j'en ai mis 2 pour te faire un exemple) :
- Code:
(function(){
/* Remplacement des images par des textes */
$('.i_icon_quote').replaceWith("Citer");
$('.i_post').replaceWith("Poster un nouveau sujet");
});
.i_icon_quote correspond à ton sélecteur
"Citer" est le texte par quoi l'image est remplacée
Sinon c'est faisable en CSS aussi mais autrement, c'est peut-être un peu plus long... Il faut sélectionner les liens (balises a) et non pas les images ^-^
Le CSS pour un forum en phpbb2 donne quelque chose comme ça :
- Code:
.nav > a[href$="&mode=reply"] img {
display: none;
}
.nav > a[href$="&mode=reply"]:before {
content: "Répondre";
}
Re: Recherche des identifiants de boutons et les remplacer par du texte
Salut à toutes et à tous,
on peut aussi jouer avec les image existantes contenant un alt et avec un script
supprimant le "src" , le alt prendra sa place :
PHPBB2
On peut aussi mettre une class pour la css:
La css:
a++
on peut aussi jouer avec les image existantes contenant un alt et avec un script
supprimant le "src" , le alt prendra sa place :
PHPBB2
- Code:
$(function(){
$('img#i_post , img#i_post1').removeAttr('src');
});
On peut aussi mettre une class pour la css:
- Code:
$(function(){
$('img#i_post , img#i_post1').removeAttr('src').addClass('M14_post');
});
La css:
- Code:
#i_post.M14_post
{
LA CSS
}
a++
Invité- Invité
Re: Recherche des identifiants de boutons et les remplacer par du texte
Salutation messieurs.
Je pense qu'un Java sera préférable pour moi, j'ai déjà le css bien remplis. J'ai tester avec 4 boutons, mais ça ne fonctionne pas :
J'ai oublier quelque chose ?
Et à la limite, faudrait rajouter un renvoie au css pour gérer tout ces boutons modifiés par le java.
Je pense qu'un Java sera préférable pour moi, j'ai déjà le css bien remplis. J'ai tester avec 4 boutons, mais ça ne fonctionne pas :
- Code:
(function(){
$('.i_post').replaceWith("Créer un nouveau sujet");
$('.i_reply').replaceWith("Répondre au sujet");
$('.i_reply_locked').replaceWith("Verrouillé");
$('.i_icon_pm').replaceWith("Envoyer un message privé");
});
J'ai oublier quelque chose ?
Et à la limite, faudrait rajouter un renvoie au css pour gérer tout ces boutons modifiés par le java.
Invité- Invité
Re: Recherche des identifiants de boutons et les remplacer par du texte
Décidément Mysticals, j'accumule les petites erreurs inattentions avec tes demandes... Il faut que je sois plus attentive !
C'est avec un $ devant, comme ceci :
Et non pas comme j'avais mis :
EDIT :
Sachant que pour le CSS, tu peux très bien mettre dans ton javascript (ou "js" si tu veux faire court, java c'est un autre langage de programmation :p) :
Et ensuite styliser en CSS la classe .nouveausujet
C'est avec un $ devant, comme ceci :
- Code:
$(function(){
/* contenu à mettre ici */
})
Et non pas comme j'avais mis :
- Code:
(function(){
/* contenu à mettre ici */
})
EDIT :
Sachant que pour le CSS, tu peux très bien mettre dans ton javascript (ou "js" si tu veux faire court, java c'est un autre langage de programmation :p) :
- Code:
$('.i_post').replaceWith("<span class='nouveausujet'>Créer un nouveau sujet</span>");
Et ensuite styliser en CSS la classe .nouveausujet
Re: Recherche des identifiants de boutons et les remplacer par du texte
Pour le renvoi au css, c’était tout bête finalement.
EDIT : Ça fonctionne, avec # pour les identifiant, et pas . Pour d'autre, ça me fonctionne pas, c'est surement mon identifiant qui est incorrecte.
Je fait des essais je me manifesterais si jamais j'ai un soucis.
Merci en tout cas!
EDIT : Ça fonctionne, avec # pour les identifiant, et pas . Pour d'autre, ça me fonctionne pas, c'est surement mon identifiant qui est incorrecte.
Je fait des essais je me manifesterais si jamais j'ai un soucis.
Merci en tout cas!
Invité- Invité
Sujets similaires
» [résolu]Remplacer les boutons de la barre de navigation
» Remplacer boutons par du css
» Boutons impossibles à remplacer
» comment remplacer ces liens par des boutons "add this" ?
» Remplacer bouton par du texte
» Remplacer boutons par du css
» Boutons impossibles à remplacer
» comment remplacer ces liens par des boutons "add this" ?
» Remplacer bouton par du texte
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum