titre des MP

[reikimeditation]

bonjour a tous

je reviens vers vous pour un complément d'info.

Mon problème était que je voulais avoir un minimum de caractère a insérer pour le titre d'un MP car si il est trop petit on ne détecte pas la "zone cliquable" pour l'ouvrir:

Voici l'aide qui m'a été proposé et qui a résolu le probleme :

Spoiler:

donc la c'est résolu sauf 2 petit nouveaux soucis:

*quand on n'entre pas de titre , ca va envoyer le mp quand meme avec en titre " entrez 8 caracteres minumum"

*et avant quand on faisait "répondre" a un message ca reprenais le titre du message auquel on répondait sauf que la du coup ca fait pareil que au dessus..."entrez......"

auriez vous la solution??

mil merci.

[Neptunia]

Bonjour ^^

A mon avis, le javascript aurait été inutile si vous aviez configuré convenablement le positionnement des titres des MP
Position des cellules de la messagerie.

Il y a juste un bloc de css à rajouter, ou une seule ligne à modifier si vos titres de sujets dans les sous-forums sont déjà correctement configurés.

[reikimeditation]

donc si je comprend bien, je peux supprimer le javascrip, et c'est modifiable dans le css ? (rapel: je parle du titre des messages privés)

voici le mien:

Spoiler:

[-Tancrède-]

Salut,
je pourrais avoir ta template privmsgs_body stp:)

[reikimeditation]

voici la template

Spoiler:

[Self]

Bonjour,

Pardonnez moi d'avoir laissé votre MP sans réponse, ça m'était sorti de la tête (il aurait de toute façon fallu poster de nouveau ^^).
Voici une adaptation du code que je vous ai donné qui devrais fonctionner :

Code:

$(function(){
   if(location.pathname == '/privmsg' && /^\?mode=post$/.test(document.location.search)){
      var title = $('form[action="/privmsg"] input[name="subject"]');
      var value = 'Entrez au minimum 8 caractères';
         
      $(title).after('<span class="title_error" style="display:none;">'+value+'</span>');
      $(title).attr('value', value).css('color', 'rgba(0, 0, 0, .3');
             
      $(title).on({
         focus: function(){
            if($(title).val() == value){
                  $(title).attr('value', '').css('color', 'rgba(0, 0, 0, 1');
            };
         },
         blur: function(){
            if($(title).val().length == 0){
                  $(title).attr('value', value).css('color', 'rgba(0, 0, 0, .3');
            };
         },
         keypress: function(){
            $(title).css('box-shadow', 'none');
            $('.title_error').fadeOut();
         };
      });
         
      $('form[action="/privmsg"] input[value="Envoyer"]').on('click', function(){
         if($(title).val().length < 8){
            $(title).css('box-shadow', '0px 0px 6px #ff0000 inset');
            $('.title_error').fadeIn();
            return false;
         }else if($(title).val() == value){
            $(title).css('box-shadow', '0px 0px 6px #ff0000 inset');
            $('.title_error').fadeIn();
            return false;
         };
      });
   };
});

Cordialement !

[-Tancrède-]

A placer dans ta template :

Code:

<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>

<ul id="privmsgs-menu">
<li>{INBOX_IMG} {INBOX}</li>
<li>{SENTBOX_IMG} {SENTBOX}</li>
<li>{OUTBOX_IMG} {OUTBOX}</li>
<li>{SAVEBOX_IMG} {SAVEBOX}</li>
</ul>

<form action="{S_PRIVMSGS_ACTION}" method="post" name="privmsg_list">

<div class="topic-actions">
<div class="buttons">
<div class="post-icon">{POST_PM_IMG}</div>
</div>
</div>
<div class="clear"></div>

<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN switch_box_size_notice -->
<p class="left-box">{BOX_SIZE_STATUS}</p>
<!-- END switch_box_size_notice -->
<p class="right-box">
{L_DISPLAY_MESSAGES}: <select name="msgdays">
{S_SELECT_MSG_DAYS}
</select> <input class="button2" type="submit" name="submit_msgdays" value="{L_GO}" />
</p>
<div class="clear"></div>
<span class="corners-bottom"><span></span></span></div>
</div>

<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>

<ul class="topiclist">
<li class="header">
<dl>
<dt><span class="nomp">{L_SUBJECT}</span></dt>
<dd class="mark">{L_MARK}</dd>
</dl>
</li>
</ul>

<ul class="topiclist pmlist bg_none">
<!-- BEGIN listrow -->
<li class="row {listrow.ROW_CLASS}">

<div style="position:absolute; width:24px; height:20px; padding-top:20px; padding-left:24px;">{listrow.PRIVMSG_ICON}</div>

<dl class="icon" style="background-image: url({listrow.PRIVMSG_FOLDER_IMG});">
<dt>
<a href="{listrow.U_READ}" class="topictitle">{listrow.SUBJECT}</a><br />
<span style="margin: 0 5px"><em>{listrow.FROM} - {listrow.DATE}</em></span>
</dt>
<dd class="mark"><input type="checkbox" name="mark[]2" value="{listrow.S_MARK_ID}" /></dd>
</dl>
</li>
<!-- END listrow -->
<!-- BEGIN switch_no_messages -->
<li class="row row1">
<dl class="icon">
<dt>
<strong>{L_NO_MESSAGES}</strong>
</dt>
<dd class="mark"> </dd>
</dl>
</li>
<!-- END switch_no_messages -->
</ul>

<span class="corners-bottom"><span></span></span></div>
</div>
<p class="right-box" style="margin: 0;"><a href="javascript:select_switch_privmsg(true);">{L_MARK_ALL}</a> :: <a href="javascript:select_switch_privmsg(false);">{L_UNMARK_ALL}</a></p>
<div class="clear"></div>
<p><span class="pagination">{PAGINATION}</span>{PAGE_NUMBER}</p>
<div class="clear"></div>
<div class="topic-actions">
<div class="buttons">
<div class="post-icon">{POST_PM_IMG}</div>
</div>
<div class="pagination">
<p>{S_HIDDEN_FIELDS}
<!-- BEGIN switch_save -->
<input class="button1" type="submit" name="save" value="{L_SAVE_MARKED}" />&nbsp;&nbsp;
<!-- END switch_save -->
<!-- BEGIN switch_move_profile -->
<input class="button1" type="submit" name="moveprofile" value="{L_MOVE_PROFILE_MARKED}" />&nbsp;&nbsp;
<!-- END switch_move_profile -->
<input class="button2" type="submit" name="delete" value="{L_DELETE_MARKED}" />&nbsp;&nbsp;
<input class="button2" type="submit" name="deleteall" value="{L_DELETE_ALL}" /></p>
</div>
</div>
</form>

<div class="clear"></div>
{JUMPBOX}

<br style="clear:both" />

et dans ton CSS :

Code:

.test
{
display: block;   
}

Après tu peux faire des effets (comme les sujets sur mon forum)

[-Tancrède-]

Ciel ! précédé ^^
Juste que j'explique ce que j'ai fait, ça permet d'étaler le lien sur toute la largeur, pas juste au texte

[reikimeditation]

oh la ! je suis encore novice les gens   doucement j'apprendd au fur et a mesure lol

donc il faut quoi au final?

1.rajouter un nouveau JS, est ce utile ou pas?
2.que dois je placer en plus dans ma template de base ?
3.ce que je dois rajouter dans le css il y a un endroit precis?

merci du coup de main

[Self]

Non, vous remplacez le code javascript par celui que je viens de vous donner et ça devrait fonctionner ^^.
Pas besoin de modification dans le template .

[Neptunia]

donc si je comprend bien, je peux supprimer le javascrip, et c'est modifiable dans le css ? (rapel: je parle du titre des messages privés)

Pour le rappel, je parlais des sujets, parce que le fonctionnement, ainsi que les icônes sont les mêmes pour la messagerie privée. Seuls les identifiants css changent

A priori il suffirait de remplacer

Code:

        ul.pmlist dt {
        padding-left: 30px ;
        }

par

Code:

        ul.pmlist dt,ul.pmlist dd.dterm {
        padding-left: 30px ;
        }

pour résoudre le problème sans passer par un quelconque javascript.

[reikimeditation]

nikel merci, effectivement selphde avec ce javascrip ca fonctionne parfaitement!

parcontre je suis intérressé de savoir pourquoi utiliser une méthode plus que l'autre...bon la c'est sur que c'est pas compliqué de rajouté un javascrip, c'est assez accesible pour les debutant....

[-Tancrède-]

Je crois qu'il y a trop de réponse d'un coup là ^^
Ça dépend de comment vous voulez résoudre le problème :
Obliger a remplir 8 caractères minimums pour le sujet ==>Javascript
Déplacer le sujet vers la droite pour le rendre plus facilement cliquable==>Le CSS de Neptune
Agrandir le lien sans se soucier du sujet==>la template modifié que je vous ai donné
Après je n'ai pas vraiment regardé en détail ce que faisait les solutions de Neptune et de SeLfde4Th7 et il se peut que j'ai mal compris ce qu'ils vous on proposé ^^

[Self]

pour résoudre le problème sans passer par un quelconque javascript.

Dans le premier sujet : https://forum.forumactif.com/t368978-nombre-de-caractere-du-titre-d-un-mp
il est demandé un nombre de caractère minimum, ce qui ne se fera pas avec du CSS !

[-Tancrède-]

Je ne l'avais pas vu

[Neptunia]

Pour ma part je suis parti du principe que tu demandais un nombre de caractères minimum parce que avec trop peu de caractères la zone titre était non cliquable (car utilisé par l'image)

Et j'ai préféré résoudre le problème de base (décaler le titre dans une zone cliquable) plutôt que résoudre un autre problème qui ne résolvait rien mais contournait le problème initial.

Concernant la pertinence de passer par une méthode plutôt que par l'autre :
- Utiliser le javascript en dernier recours (parce que désactivable par l'utilisateur donc contournable, charge un peu plus le forum et risques de conflit quand plusieurs javascripts sont actifs)
- Modifier le template quand cela simplifie le travail ou n'est pas possible par CSS
- Quant au CSS, à utiliser sans modération (facile à modifier, facile à entretenir)

Concernant la résolution du problème, -Tancrède- a bien résumé la situation.

A vous de savoir ce dont vous avez réellement besoin :
- Des titres cliquables quels que soit leur longueur => CSS
- Des titres de x caractères minimum => Javascript.

[reikimeditation]

merci a vous tous pour ces explications....

effectivement mon but principal était de pouvoir cliquer sur le lien du message meme si celui ci n'a qu'une lettre, ceci dit avec le recul, un minimum de caractère a remplir permetrait de ne pas se retrouver toujours avec des titres du genre "p" ....( bon j'avoue je pense avoir maintenant "pppppppp" lol   ).


Merci a tous , je retiens la solution de selfde, qui me convient, peut etre par la suite les autres réponses seront a étudier ( quand j'aurais plus d'experience lol)

bonne journee.

[reikimeditation]

vu que vous etes bien calé si vous pouviez jeter un oeil ici aussi car pas de reponse pour le moment

https://forum.forumactif.com/t368959-derniers-sujets-nom-du-createur-du-sujet

merci

[-Tancrède-]

Si c'est résolu ->  

[reikimeditation]

oui merci :p