La date/heure actuelle est Ven 9 Déc 2016 - 02:02 - créer un forum

Avertissement des MP plus important

Aller au contenu

Poster un nouveau sujet Répondre au sujet

Avertissement des MP plus important
Auteur Message
Chanata
Membre


Hors ligne
Membre

Inscrit le: 13 Juin 2015
Messages: 7
Niveau:
Point(s): 5
Moyenne: 0,71
Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Verseau (20jan-19fev) 龍 Dragon

MessagePosté le: Mar 14 Juin 2016 - 13:03    Sujet du message: Avertissement des MP plus important Répondre en citant

PublicitéSupprimer les publicités ?
Bonjour!
Quand on reçoit un MP, un message apparait et lorsqu'on change de page, il disparait.
C'est un flash. Ce n'est pas assez long pour qu'on s'apercoive qu'on a un MP et on se retrouve avec des MP envoyés il y a 1 mois.
Il y a-t-il une fonctionnalité qui permettrait une insistance plus importante ?
Ce serait très intéressant je pense.

Au revoir,
Chanata de La Plume Tagada


Forum
Auteur Message
The End


Hors ligne
Invité




MessagePosté le: Jeu 1 Sep 2016 - 15:47    Sujet du message: Avertissement des MP plus important Répondre en citant

Bonjour

Ça dépend de ton thème.


Auteur Message
RotorMan
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 21 Déc 2006
Messages: 501
Niveau:
Point(s): 488
Moyenne: 0,97
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Jeu 1 Sep 2016 - 16:47    Sujet du message: Avertissement des MP plus important Répondre en citant

Bonjour,

Notre ami Kyosuke avait fait et mis à disposition un script vocal pour les alertes MP. Tuto que je n'ai pas retrouvé sur xooit, même via la recherche. Il a dû être effacé, donc je ne peux me permettre de le donner sans sa permission (normal il en est le créateur et héberge les js).

Par contre pour dépanner, il y a un tuto qui permet d'avoir un Pop-up persistant lors de la notification de nouveau(x) MP(s).

Cordialement
_______________________
Je ne répond plus aux demandes d'aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.
Les membres suivants remercient RotorMan pour ce message :
Kyosuke (06/09/16)


Forum
Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 441
Niveau:
Point(s): 537
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Mar 6 Sep 2016 - 16:50    Sujet du message: Avertissement des MP plus important Répondre en citant

RotorMan a écrit:
Notre ami Kyosuke avait fait et mis à disposition un script vocal pour les alertes MP. Tuto que je n'ai pas retrouvé sur xooit, même via la recherche. Il a dû être effacé, donc je ne peux me permettre de le donner sans sa permission (normal il en est le créateur et héberge les js).


Si tu as toujours le bout de code sous la main, n'hésite pas ! Wink
_______________________
Les membres suivants remercient Kyosuke pour ce message :
RotorMan (07/09/16)


Forum
Auteur Message
tifan
Membre


Hors ligne
Membre

Inscrit le: 16 Déc 2010
Messages: 55
Point(s): 55
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

MessagePosté le: Mar 6 Sep 2016 - 18:02    Sujet du message: Avertissement des MP plus important Répondre en citant

Bonjour !

je ne sais pas si c'est le bon mais je vous mets ce tuto à envisager avec précautions .

........................................................................................................


dans le template overall_header.tpl de ton forum, cherche ceci :


<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
..............................................

remplace par :


<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
/*****
Notification sonore & visuelle de la reception d'un nouveau message.
DEBUT
*****/

function newMessageAudio() {
var body = document.body || document.getElementsByTagName('body')[0],
opacity = 0,
html = '<audio autoplay>'
+ ' <source src="https://dl.dropboxusercontent.com/s/9n3h3ejb179o9bp/newmessage.mp3" type="audio/mpeg">'
+ '
Vous avez reçu un nouveau message.
'
+ '</audio>'
+ 'Vous avez reçu un nouveau message.';
body.insertAdjacentHTML('afterEnd', html);
var fadeIn = window.setInterval(function () {
if (opacity < 1) {
opacity += 0.1;
document.getElementById('newMessageNotification').style.opacity = opacity;
} else {
clearInterval(fadeIn);
}
}, 50);
}
if ( {PRIVATE_MESSAGE_NEW_FLAG} ) {
Event.observe(window, 'load', newMessageAudio, false);
}

/*****
Notification sonore & visuelle de la reception d'un nouveau message.
FIN
*****/
</script>
<style type="text/css" media="all">
#newMessageNotification {
position: fixed;
bottom: 25px;
left: 15px;
padding: 15px 15px 15px 57px;
background: url(http://img.xooimage.com/files101/a/a/4/chat-4620e1e.png) no-repeat 15px center rgba(255, 255, 255, 0.95);
border: 1px solid #A2A2A2;
border-radius: 3px;
box-shadow: 0 2px 3px #9C9C9C;
font-family: Arial, Sans-Serif;;
font-size: 12px;
color: #225892;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
opacity:0;
}
</style>
<!-- END switch_enable_pm_popup -->
............................................................................................................................

si ça n'aboutit pas :


Dans ce cas, dans le template overall_header.tpl, supprime ceci :

<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
.......................................................................

et place le code suivant juste après <body> :


<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
/*****
Notification sonore & visuelle de la reception d'un nouveau message.
DEBUT
*****/

var newMessages = "{PRIVATE_MESSAGE_INFO}";
function newMessageAudio() {
var body = document.body || document.getElementsByTagName('body')[0],
opacity = 0,
html = '<audio autoplay>'
+ ' <source src="https://dl.dropboxusercontent.com/s/9n3h3ejb179o9bp/newmessage.mp3" type="audio/mpeg">'
+ '
Vous avez reçu un nouveau message.
'
+ '</audio>'
+ 'Vous avez reçu un nouveau message.';
body.insertAdjacentHTML('afterEnd', html);
var fadeIn = window.setInterval(function () {
if (opacity < 1) {
opacity += 0.1;
document.getElementById('newMessageNotification').style.opacity = opacity;
} else {
clearInterval(fadeIn);
}
}, 50);
}
if ( newMessages.indexOf("Vous avez") > -1 ) {
Event.observe(window, 'load', newMessageAudio, false);
}

/*****
Notification sonore & visuelle de la reception d'un nouveau message.
FIN
*****/
</script>
<style type="text/css" media="all">
#newMessageNotification {
position: fixed;
bottom: 25px;
left: 15px;
padding: 15px 15px 15px 57px;
background: url(http://img.xooimage.com/files101/a/a/4/chat-4620e1e.png) no-repeat 15px center rgba(255, 255, 255, 0.95);
border: 1px solid #A2A2A2;
border-radius: 3px;
box-shadow: 0 2px 3px #9C9C9C;
font-family: arial;
font-size: 12px;
color: #225892;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
opacity:0;
}
</style>
<!-- END switch_enable_pm_popup -->


Forum
Auteur Message
The End


Hors ligne
Invité




MessagePosté le: Mar 6 Sep 2016 - 18:43    Sujet du message: Avertissement des MP plus important Répondre en citant

Refais un nouveau message et colle ton code entre les balises [ code ]

Car la, ton message à été interprété et donc il est détruit.


Auteur Message
tifan
Membre


Hors ligne
Membre

Inscrit le: 16 Déc 2010
Messages: 55
Point(s): 55
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

MessagePosté le: Mar 6 Sep 2016 - 18:58    Sujet du message: Avertissement des MP plus important Répondre en citant

Ok je repose mon message dans l'espoir qu'il soit conservé tel quel :
 
Code: Sélectionner - Agrandir
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
..............................................

remplace par :


<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
/*****
Notification sonore & visuelle de la reception d'un nouveau message.
DEBUT
*****/

function newMessageAudio() {
var body = document.body || document.getElementsByTagName('body')[0],
opacity = 0,
html = '<audio autoplay>'
+ ' <source src="https://dl.dropboxusercontent.com/s/9n3h3ejb179o9bp/newmessage.mp3" type="audio/mpeg">'
+ ' 
[b]Vous avez reçu un nouveau message.[/b]
'
+ '</audio>'
+ '[url=http://privmsg.php/?folder=inbox]Vous avez reçu un nouveau message.[/url]';
body.insertAdjacentHTML('afterEnd', html);
var fadeIn = window.setInterval(function () {
if (opacity < 1) {
opacity += 0.1;
document.getElementById('newMessageNotification').style.opacity = opacity;
} else {
clearInterval(fadeIn);
}
}, 50);
}
if ( {PRIVATE_MESSAGE_NEW_FLAG} ) {
Event.observe(window, 'load', newMessageAudio, false);
}

/*****
Notification sonore & visuelle de la reception d'un nouveau message.
FIN
*****/
</script>
<style type="text/css" media="all">
#newMessageNotification {
position: fixed;
bottom: 25px;
left: 15px;
padding: 15px 15px 15px 57px;
background: url(http://img.xooimage.com/files101/a/a/4/chat-4620e1e.png) no-repeat 15px center rgba(255, 255, 255, 0.95);
border: 1px solid #A2A2A2;
border-radius: 3px;
box-shadow: 0 2px 3px #9C9C9C;
font-family: Arial, Sans-Serif;;
font-size: 12px;
color: #225892;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
opacity:0;
}
</style>
<!-- END switch_enable_pm_popup -->
............................................................................................................................

si ça n'aboutit pas :


Dans ce cas, dans le template overall_header.tpl, supprime ceci :

<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
.......................................................................

et place le code suivant juste après <body> :


<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
/*****
Notification sonore & visuelle de la reception d'un nouveau message.
DEBUT
*****/

var newMessages = "{PRIVATE_MESSAGE_INFO}";
function newMessageAudio() {
var body = document.body || document.getElementsByTagName('body')[0],
opacity = 0,
html = '<audio autoplay>'
+ ' <source src="https://dl.dropboxusercontent.com/s/9n3h3ejb179o9bp/newmessage.mp3" type="audio/mpeg">'
+ ' 
[b]Vous avez reçu un nouveau message.[/b]
'
+ '</audio>'
+ '[url=http://privmsg.php/?folder=inbox]Vous avez reçu un nouveau message.[/url]';
body.insertAdjacentHTML('afterEnd', html);
var fadeIn = window.setInterval(function () {
if (opacity < 1) {
opacity += 0.1;
document.getElementById('newMessageNotification').style.opacity = opacity;
} else {
clearInterval(fadeIn);
}
}, 50);
}
if ( newMessages.indexOf("Vous avez") > -1 ) {
Event.observe(window, 'load', newMessageAudio, false);
}

/*****
Notification sonore & visuelle de la reception d'un nouveau message.
FIN
*****/
</script>
<style type="text/css" media="all">
#newMessageNotification {
position: fixed;
bottom: 25px;
left: 15px;
padding: 15px 15px 15px 57px;
background: url(http://img.xooimage.com/files101/a/a/4/chat-4620e1e.png) no-repeat 15px center rgba(255, 255, 255, 0.95);
border: 1px solid #A2A2A2;
border-radius: 3px;
box-shadow: 0 2px 3px #9C9C9C;
font-family: arial;
font-size: 12px;
color: #225892;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
opacity:0;
}
</style>
<!-- END switch_enable_pm_popup -->
Les membres suivants remercient tifan pour ce message :
(06/09/16)


Forum
Auteur Message
RotorMan
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 21 Déc 2006
Messages: 501
Niveau:
Point(s): 488
Moyenne: 0,97
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Mer 7 Sep 2016 - 11:58    Sujet du message: Avertissement des MP plus important Répondre en citant

Kyosuke a écrit:
RotorMan a écrit:
Notre ami Kyosuke avait fait et mis à disposition un script vocal pour les alertes MP. Tuto que je n'ai pas retrouvé sur xooit, même via la recherche. Il a dû être effacé, donc je ne peux me permettre de le donner sans sa permission (normal il en est le créateur et héberge les js).


Si tu as toujours le bout de code sous la main, n'hésite pas ! Wink


Bonjour,

@Kyosuke,merci pour nos amis, mais tifan a été plus rapide que moi sur ce coup.

Pour les intéressés qui désirent utiliser le système vocal de notification des nouveaux messages, c'est bien la mise en oeuvre que Kyosuke avait crée et proposé sur xooit.

Cordialement

EDIT:

Le tout en version "TUTO" pour que ce soit plus explicite :
Info à la modération : J'édite le tout en supp et le propose comme tuto dans cette section sous cet intitulé : [Tutoriel] Avertissement vocal pour les nouveaux MP
Merci au Modérateur de le placer dans la liste des tutos. Ainsi il ne sera plus perdu et donc plus facilement accessible.

Merci aussi et surtout à Kyosuke pour sa générosité et sa gentillesse.




Tutoriel : Avertissement vocal avec Pop-up pour les nouveaux messages privés



Créateur : Kyosuke (tuto proposé avec son aimable autorisation)




Ce tutoriel va vous permettre d'avoir un message vocal et un pop-up qui vous avertiront de l'arrivée d'un (ou des) nouveau(x) message(s) privés



  • Difficulté du tutoriel : Très facile
  • Temps d'installation : 2 minutes

  • Inconvénients : Aucun





TUTO : Avertissement vocal de nouveaux Messages privés (MP)


Lorsque vous recevrez un nouveau message privé (ou plusieurs), une alerte vocale ainsi qu'un pop-up persistants se déclencheront.

Pour installer ce système, crée par notre ami
Kyosuke, il faut procéder ainsi :




- Première méthode :




Aller dans les templates du thème principal, sauvegarder le template "Overall_Header". L'ouvrir.

Au début, chercher ceci :

Code: Sélectionner - Agrandir
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
}
//-->
</script>
<!-- END switch_enable_pm_popup -->


Le remplacer par cela :

Code: Sélectionner - Agrandir
<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
/*****
Notification sonore & visuelle de la reception d'un nouveau message.
DEBUT
*****/

function newMessageAudio() {
var body = document.body || document.getElementsByTagName('body')[0],
opacity = 0,
html = '<audio autoplay>'
+ ' <source src="https://dl.dropboxusercontent.com/s/9n3h3ejb179o9bp/newmessage.mp3" type="audio/mpeg">'
+ '
[b]Vous avez reçu un nouveau message.[/b]
'
+ '</audio>'
+ '[url=http://privmsg.php/?folder=inbox]Vous avez reçu un nouveau message.[/url]';
body.insertAdjacentHTML('afterEnd', html);
var fadeIn = window.setInterval(function () {
if (opacity < 1) {
opacity += 0.1;
document.getElementById('newMessageNotification').style.opacity = opacity;
} else {
clearInterval(fadeIn);
}
}, 50);
}
if ( {PRIVATE_MESSAGE_NEW_FLAG} ) {
Event.observe(window, 'load', newMessageAudio, false);
}

/*****
Notification sonore & visuelle de la reception d'un nouveau message.
FIN
*****/
</script>
<style type="text/css" media="all">
#newMessageNotification {
position: fixed;
bottom: 25px;
left: 15px;
padding: 15px 15px 15px 57px;
background: url(http://img.xooimage.com/files101/a/a/4/chat-4620e1e.png) no-repeat 15px center rgba(255, 255, 255, 0.95);
border: 1px solid #A2A2A2;
border-radius: 3px;
box-shadow: 0 2px 3px #9C9C9C;
font-family: Arial, Sans-Serif;;
font-size: 12px;
color: #225892;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
opacity:0;
}
</style>
<!-- END switch_enable_pm_popup -->


Sauvegarder et tester.




- Deuxième méthode :




Si cela ne fonctionne pas (cela dépend des thèmes utilisés).

Méthode que j'utilise et qui fonctionne parfaitement :

Toujours dans Overall_Header.tpl, supprimer cela :

Code: Sélectionner - Agrandir
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
}
//-->
</script>
<!-- END switch_enable_pm_popup -->


Puis rajouter le script de Kyosuke juste après la balise "body" :

Code: Sélectionner - Agrandir
<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
/*****
Notification sonore & visuelle de la reception d'un nouveau message.
DEBUT
*****/

var newMessages = "{PRIVATE_MESSAGE_INFO}";
function newMessageAudio() {
var body = document.body || document.getElementsByTagName('body')[0],
opacity = 0,
html = '<audio autoplay>'
+ ' <source src="https://dl.dropboxusercontent.com/s/9n3h3ejb179o9bp/newmessage.mp3" type="audio/mpeg">'
+ '
[b]Vous avez reçu un nouveau message.[/b]
'
+ '</audio>'
+ '[url=http://privmsg.php/?folder=inbox]Vous avez reçu un nouveau message.[/url]';
body.insertAdjacentHTML('afterEnd', html);
var fadeIn = window.setInterval(function () {
if (opacity < 1) {
opacity += 0.1;
document.getElementById('newMessageNotification').style.opacity = opacity;
} else {
clearInterval(fadeIn);
}
}, 50);
}
if ( newMessages.indexOf("Vous avez") > -1 ) {
Event.observe(window, 'load', newMessageAudio, false);
}

/*****
Notification sonore & visuelle de la reception d'un nouveau message.
FIN
*****/
</script>
<style type="text/css" media="all">
#newMessageNotification {
position: fixed;
bottom: 25px;
left: 15px;
padding: 15px 15px 15px 57px;
background: url(http://img.xooimage.com/files101/a/a/4/chat-4620e1e.png) no-repeat 15px center rgba(255, 255, 255, 0.95);
border: 1px solid #A2A2A2;
border-radius: 3px;
box-shadow: 0 2px 3px #9C9C9C;
font-family: arial;
font-size: 12px;
color: #225892;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
opacity:0;
}
</style>
<!-- END switch_enable_pm_popup -->


Sauvegarder et tester.




- Pour info, le style peut tout à fait être placé dans votre css, pour cela il suffit de ne pas mettre :

Code: Sélectionner - Agrandir
<style type="text/css" media="all">
#newMessageNotification {
position: fixed;
bottom: 25px;
left: 15px;
padding: 15px 15px 15px 57px;
background: url(http://img.xooimage.com/files101/a/a/4/chat-4620e1e.png) no-repeat 15px center rgba(255, 255, 255, 0.95);
border: 1px solid #A2A2A2;
border-radius: 3px;
box-shadow: 0 2px 3px #9C9C9C;
font-family: arial;
font-size: 12px;
color: #225892;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
opacity:0;
}
</style>


après le code en "Javascript" mais placer le tout ainsi :

Code: Sélectionner - Agrandir

#newMessageNotification {
position: fixed;
bottom: 25px;
left: 15px;
padding: 15px 15px 15px 57px;
background: url(http://img.xooimage.com/files101/a/a/4/chat-4620e1e.png) no-repeat 15px center rgba(255, 255, 255, 0.95);
border: 1px solid #A2A2A2;
border-radius: 3px;
box-shadow: 0 2px 3px #9C9C9C;
font-family: arial;
font-size: 12px;
color: #225892;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
opacity:0;
}


dans votre css (feuille de style de votre forum).




Merci à Kyosuke d'avoir permis de partager son travail.




_______________________
Je ne répond plus aux demandes d'aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.


Forum
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 02:02    Sujet du message: Avertissement des MP plus important

Montrer les messages depuis:   
Répondre au sujet Page 1 sur 1




Portail | Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401