titre des MP

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu titre des MP

Message par reikimeditation le Sam 21 Juin 2014 - 10:05

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:
$(function(){
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 < Cool{
$(title).css('box-shadow', '0px 0px 6px #ff0000 inset');
$('.title_error').fadeIn();
return false;
};
});
});


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.




Dernière édition par reikimeditation le Sam 21 Juin 2014 - 15:42, édité 1 fois

reikimeditation
**

Messages : 72
Inscrit(e) le : 30/05/2014

http://echellesprirituelle.forumactif.org/
reikimeditation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par Neptunia le Sam 21 Juin 2014 - 13:08

Bonjour ^^

A mon avis, le javascript aurait été inutile si vous aviez configuré convenablement le positionnement des titres des MP
Right 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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10399
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par reikimeditation le Sam 21 Juin 2014 - 14:06

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:
body
{ background-attachment: scroll;
background-repeat:repeat;
background-position: top center;
}
ul.navlinks { border: none; }
#wrap {
background-attachment: scroll;
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/cadre_17.png");
background-repeat: no-repeat;
background-position: bottom right;
}
.topiclist dl.icon {
min-height: 30px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 30px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 30px;
}
ul.pmlist dt {
padding-left: 30px;
}
.forabg {
margin-bottom: 4px;
clear: both;
background-color: #;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
}
.forumbg {
background-color: #;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
margin-bottom: 4px;
clear: both;
}
.navbar span.corners-top { background-image: none; }
.navbar span.corners-top span { background-image: none; }
.navbar span.corners-bottom { background-image: none; }
.navbar span.corners-bottom span { background-image: none; }

.headerbar span.corners-top { background-image: none; }
.headerbar span.corners-top span { background-image: none; }
.headerbar span.corners-bottom { background-image: none; }
.headerbar span.corners-bottom span { background-image: none; }

a.button1, input.button1 {
font-weight: bold;
border: 1px solid #156389;
}
a.button2, input.button2, button.button2 {
border: 1px solid #156389;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/pf112.jpg");
background-repeat: repeat;
background-position: top left;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/pf212.jpg");
background-repeat: repeat;
background-position: top left;
}
.navbar a:hover:after {
content: ".";
}div#login_popup{
background-color:tan;
border:2p2 TYPE white;
color: red;}

body.chatbox {
background-color:Tan;
}

reikimeditation
**

Messages : 72
Inscrit(e) le : 30/05/2014

http://echellesprirituelle.forumactif.org/
reikimeditation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par -Tancrède- le Sam 21 Juin 2014 - 14:17

Salut,
je pourrais avoir ta template privmsgs_body stp:)

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par reikimeditation le Sam 21 Juin 2014 - 14:20

voici la template

Spoiler:
<!-- 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>{L_SUBJECT}</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" />

reikimeditation
**

Messages : 72
Inscrit(e) le : 30/05/2014

http://echellesprirituelle.forumactif.org/
reikimeditation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par Self le Sam 21 Juin 2014 - 14:25

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 Wink !


Dernière édition par SeLfde4Th7 le Sam 21 Juin 2014 - 14:29, édité 2 fois

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par -Tancrède- le Sam 21 Juin 2014 - 14:25

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) Smile

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par -Tancrède- le Sam 21 Juin 2014 - 14:26

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 Smile

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par reikimeditation le Sam 21 Juin 2014 - 14:41

oh la ! je suis encore novice les gens  Embarassed 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

reikimeditation
**

Messages : 72
Inscrit(e) le : 30/05/2014

http://echellesprirituelle.forumactif.org/
reikimeditation a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: titre des MP

Message par Self le Sam 21 Juin 2014 - 14:43

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 Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par Neptunia le Sam 21 Juin 2014 - 14:46

@reikimeditation a écrit: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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10399
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par reikimeditation le Sam 21 Juin 2014 - 14:50

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....



reikimeditation
**

Messages : 72
Inscrit(e) le : 30/05/2014

http://echellesprirituelle.forumactif.org/
reikimeditation a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: titre des MP

Message par -Tancrède- le Sam 21 Juin 2014 - 14:51

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é ^^

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par Self le Sam 21 Juin 2014 - 14:52

Neptune- a écrit:pour résoudre le problème sans passer par un quelconque javascript.

Dans le premier sujet : http://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 Wink !

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par -Tancrède- le Sam 21 Juin 2014 - 14:54

Je ne l'avais pas vu Wink

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: titre des MP

Message par Neptunia le Sam 21 Juin 2014 - 15:04

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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10399
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par reikimeditation le Sam 21 Juin 2014 - 15:24

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  Razz ).


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
**

Messages : 72
Inscrit(e) le : 30/05/2014

http://echellesprirituelle.forumactif.org/
reikimeditation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par reikimeditation le Sam 21 Juin 2014 - 15:30


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

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

merci

reikimeditation
**

Messages : 72
Inscrit(e) le : 30/05/2014

http://echellesprirituelle.forumactif.org/
reikimeditation a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par -Tancrède- le Sam 21 Juin 2014 - 15:34

Si c'est résolu -> résolu  Wink

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: titre des MP

Message par reikimeditation le Sam 21 Juin 2014 - 15:42

oui merci :p

reikimeditation
**

Messages : 72
Inscrit(e) le : 30/05/2014

http://echellesprirituelle.forumactif.org/
reikimeditation a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum