Fenêtre pop-up à un nombre de message atteint

[Invité]

Détails techniques

Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://diamant-mandarin-evo.superforum.fr/

Description du problème

Bonsoir,

J'ai sur mon forum mis en place un systéme d'apparition de rubrique au fur et à mesure de la participation (nombre de message posté) grace a la création de groupe.

Ma question est:

Peut-on avoir une fenêtre pop-up qui s'ouvrirait à un nombre de post définis? pour avertir le déblocage d'une nouvelle rubrique.

Merci d'avance

[Invité]

Petit up

[Invité]

Up du jour

[Invité]

Salut tony26,

tu as un texte particulier à déposer , liens etc etc .
Ce ne sera pas une PopUp car la plupart des navigateurs récents les bloquent ,
mais plutôt une fenêtre simple qui s'affichera au milieu de ta page .

Tu peux déposer ton contenu entre les balises Hide si tu préfères .

a++

[Invité]

Salut Milouze14,

Le texte serait du genre "Félicitation! la rubrique xxx est désormais accessible grâce à votre participation"

Les balises Hide??

[Invité]

Salut tony26,

ok merci, on va utiliser un Javascript qui affichera au membre ayant atteint un nombre de messages précis verra s'afficher une fenêtre (non PopUp) juste en dessous de la Toolbar.

Ensuite via la C.S.S tu pourras la personnaliser comme bon te semble.

Pour le Javascript il faudra ajouter un espace (html) afin de corriger les caractères accentués:
Je ne peux te les déposer ici car il ne seront pas affichés.

https://milouze14.error/Espace.html

Comme pour ton message:

La rubrique xxx est désormais accessible grâce(ESPACE HTML)à(ESPACE HTML)votre participation.

Pour l'exemple , on part du principe que le membre X ayant atteint 300 messages
se voit afficher un message sur toutes les pages du forum.

Tant qu'il n'aura pas posté cette fenêtre restera affichée, mais il pourra la fermer à l'aide d'un bouton
de fermeture.

Bon aller on va déposer le Javacript en n'oubliant pas de renseigner le bon nombre .


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.

Déposes ce script:

Code:


$(document).ready(function(){
//On affiche la fenêtre quand le membre atteint 300 messages
if (_userdata["user_posts"] == 300)
$(function(){
//On affiche alors la fenêtre
$('.pun').append('
<div id="M14_PopUp_cont">
//Le bouton de fermeture
<span id="M14_PopUp_Close"title="Fermer la notification">X</span>
<div>
<p>Félicitation!</p><br />
//Le texte
<span>La rubrique xxx est désormais accessible grâce&nbsp;à&nbsp;votre participation.

</span>

</div>
</div>
 ');
//La fermeture de la fenêtre
$('#M14_PopUp_Close').click(function(){
$('#M14_PopUp_cont').slideUp();

});
})});


Penses à cliquer sur le bouton

Changes ici le nombre de messages:

Code:

if (_userdata["user_posts"] == 300 )

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

déposes ceci et modifies les couleurs selon ton choix:

Code:


/*La fenetre popUp*/
#M14_PopUp_cont
{
position:fixed;
background:#ADCF4F;
border:2px solid black;
top:35px;
left:25%;
width:550px;
height:150px;
z-index:999;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

/*le bouton de fermeture*/
#M14_PopUp_Close
{
float:right;
width:16px;
height:16px;
margin:10px 10px 0px;
color:darkred;
font-size:14px;
font-style:italic;
cursor:pointer;
}
/*Le contenant*/
#M14_PopUp_cont div
{
width:550px;
height:150px;
}
/*Le texte information*/
#M14_PopUp_cont div  p
{
font-size:14px;
text-align:center;
color:darkgreen;
}
/*Le contenant et apparence du texte*/
#M14_PopUp_cont div span
{
position:absolute;
margin:5% ;
font-size:12px;
color:#000000;
font-style:italic;
font-weight:bold;
}


Penses à cliquer sur le bouton

La fenêtre sera fixe donc toujours présente lors du scrolling de la page, pour retirer cette affichage ,
il faut ici:

Code:

#M14_PopUp_cont

Changer fixed par absolute .


Et voilà cher ami .

a++

[Invité]

Salut Milouze 14,

Merci! je vais testé et ajusté tous cela en fonction de mon forum

Par contre je vais peut être laisser de coté le HTML..

Je peux mettre un lien à la place des "xxx" pour rejoindre la rubrique directement?

[Invité]

Re,

oui dans cette partie:

Code:

<span>

La rubrique <a href="LE LIEN">Le titre</a> est désormais accessible grâce&nbsp;à&nbsp;votre participation.
 
</span>


a++

[Invité]

Salut Milouze14,

J'ai testé, cela fonctionne bien sur mon forum de test, merci.

Par contre j'ai constaté que cette fenêtre ne s'ouvre qu'une fois, et j'ai plusieurs rubriques qui s'ouvre a des nombres de messages posté différent.

J'ai essayé de mettre plusieurs javascript avec des nombres de messages différents pour chaque rubriques optionnelles, mais cela ne marche que pour la 1er.

Une fois que la fenêtre à été fermé, elle est fermé aussi pour les autres javascript apparemment.

Exemple: je post 5 messages , la fenêtre s'ouvre, je la ferme. Au 10e messages une fenêtre devrait s'ouvrir.. mais elle à été fermé, donc ne s'ouvre plus.

Je dois avoir 4 rubriques optionelles..



Vois-tu une solution?

a+

[Invité]

Salut Tony26,

Par contre j'ai constaté que cette fenêtre ne s'ouvre qu'une fois, et j'ai plusieurs rubriques qui s'ouvre a des nombres de messages posté différent.

La fenêtre s'ouvre dès que le membre a atteint les 300 messages, c'était ta demande .

J'ai essayé de mettre plusieurs javascript avec des nombres de messages différents pour chaque rubriques optionnelles, mais cela ne marche que pour la 1er.

La fenêtre est propre au membre et donc quelque soit le nombre de messages , le script devra être comme ceci pour ajouter un message au membre ayant atteint 200 messages:

Code:


if (_userdata["user_posts"] == 300||_userdata["user_posts"] == 200)


Une fois que la fenêtre à été fermé, elle est fermé aussi pour les autres javascript apparemment.

La fenêtre se ferme au clic sur le bouton dès que le membre sans avoir posté change de page , automatiquement cette dernière apparaitra de nouveau.

Si tu ne désires pas avoir la possibilité de fermer cette fenêtre, il faudra alors supprimer ceci dans le script:

Code:


//Le bouton de fermeture
<span id="M14_PopUp_Close"title="Fermer la notification">X</span>


et ceci:

Code:


//La fermeture de la fenêtre
$('#M14_PopUp_Close').click(function(){
$('#M14_PopUp_cont').slideUp();
 
});


Puis la css:

Code:


/*le bouton de fermeture*/
#M14_PopUp_Close
{
float:right;
width:16px;
height:16px;
margin:10px 10px 0px;
color:darkred;
font-size:14px;
font-style:italic;
cursor:pointer;
}


a++

[Invité]

J'ai bien intégré le code

Code:

$(document).ready(function(){
//On affiche la fenêtre quand le membre atteint xx messages
 
if (_userdata["user_posts"] == 60||_userdata["user_posts"] == 62||_userdata["user_posts"] == 64)
$(function(){
//On affiche alors la fenêtre
$('.pun').append('
<div id="M14_PopUp_cont">
//Le bouton de fermeture
<span id="M14_PopUp_Close"title="Fermer la notification">X</span>
<div>
<p>Félicitation!</p><br />
//Le texte
<span>La rubrique xxx est désormais accessible grâce votre participation.
 
</span>
 
</div>
</div>
 ');
//La fermeture de la fenêtre
$('#M14_PopUp_Close').click(function(){
$('#M14_PopUp_cont').slideUp();
 
});
})});

Les javascript sont activé.

Puis intégré le scc sans rien modifier et enregistré.

Le bouton de fermeture ne me gêne pas, pas de soucis.

J'ai posté jusqu'à obtenir 62 messages etc.. plus de fenêtre! pourtant au tout 1er essai cela à fonctionné.. je pige pas ce qui ne pourrait pas fonctionner!.. grr bizarre

[Invité]

Re,
actuellement sur ton fofo de test le Pseudo de test à combien de messages?

Si les conditions sont comme ceci:

Code:


if (_userdata["user_posts"] == 60||_userdata["user_posts"] == 62||_userdata["user_posts"] == 64)


Tu auras une fenêtre quand tu auras atteint 60 messages puis au 62 éme et enfin au 64 éme , ce n'est pas le cas ?

Je viens de faire un essais sur mon fofo de test Pun et tout fonctionne .

a++

[Invité]

J'incrémente le javascript quand le pseudo de test augmente ses messages.

Cela doit venir d'un réglage quelle part sur mon forum de test.. j'ai pourtant enlevé tout les scc et java présent.

Il y a un truc , je reésaierais plus tard je pense avec l'esprit plus claire lol

[Invité]

Re,
tu n'as pas besoin d’agrémenter Tony26, le script s'occupe de tout .
a++

[Invité]

Je voulais dire que quand le membre test augmente de nombre de message j'augmente dans le script pour pouvoir à nouveau tester.

Par exemple si le test n'a pas fonctionner pour 5 messages, je mets 6 dans le script puis fais le 6e message avec le membre test pour retester

Enfin j'espère que je ne fais pas une bétise en faisant comme cela

[Invité]

Re,
je reviens à ton message initial , tu voulais avoir une fenêtre annonçant un texte quelconque.
Le membre peut toujours poster, dés qu'il aura écrit un nouveau message la fenêtre disparaitra .

a++

[Invité]

Oui tout à fait

Et tu m'as donné le code pour que se processus se répète donc cela devrait fonctionner.. le problème doit être sur mon forum de test, si cela fonctionne chez toi.

[gigi68]

Bonjour à vous ,

Ce sujet est super intéressant ,
Mais comment faire pour qu'il fonctionne sous phpbb2 ??

Merci pour votre aide

[Invité]

Re,

Oui tout à fait

Et tu m'as donné le code pour que se processus se répète donc cela devrait fonctionner.. le problème doit être sur mon forum de test, si cela fonctionne chez toi.

Tu dois te mélanger les pinceaux Tony, la compréhension du script est simple .....



Salut gigi68,

Bonjour à vous ,

Ce sujet est super intéressant ,
Mais comment faire pour qu'il fonctionne sous phpbb2 ??

Merci pour votre aide

Merci de poster un nouveau sujet en mentionnant le lien stp

a++

[Invité]

Oui , je vais reprendre tout de zéro.. mais ce soir je n'ai pas l'esprit assez clair.

Je te ferais un retour Milouze, pas de soucis

Un grand merci pour ton aide

[Chacha]

..	Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses fournies. A bientôt sur ForumActif