MESSAGERIE INTERNE ESPACE MEMBRE JQUERY - PHP/PDO - CSS3

Introduction

- Cette toute nouvelle messagerie interne à été revue entiérement et recodée en PDO.

- L'ajout de cette messagerie dans l'espace membre actuel (sur le site) n'est pas du tout compatible.

- Si vous voulez intégrer cette messagerie dans votre espace membre, vous devez disposer obligatoirement d'une table (membre).

- Vous devrez également protéger ces pages comme pour les autres pages de votre espace membre (sessions)

- La session ($_SESSION['MM_Username']) fait référence au champ (email) de la table membre

- La table membre utilisée est nommé (free_membre) que vous devrez remplacer par la votre.

- La table membre doit comporter ou avoir les noms de champs exacts pour fonctionner soit (pseudo, email)

- Ci-dessous des screenshots des interfaces principales.

Screenshots

Interface messagerie

courrier_archive
courrier_envoye
ecrire_message
envoi_message
lire_message
lire_message_recu
menu_messagerie
repondre_message





Scripts dépendants

JQuery

Sont utilisés la librairie JQuery, JQuery UI et le thème CSS (à choisir selon le design de votre site) celui utilisé est (Smoothness).

DataTables

Le plugin DataTables est utilisé dans sa toute nouvelle version (1.10.x), un seul script est commun pour chaque page qui l'utilise.

Chosen

Le composant Chosen est utilisé pour la liste déroulante lors du choix du destinataire, permettant d'effectuer une recherche de destinataire.

CKeditor

Le plugin CKeditor est utilisé dans plusieurs variantes notamment pour lire, répondre, écrire, voir un message, pour chacun un script différent leur est dédiés.

Informations

Tous les fichiers de la messagerie sont codés avec PDO => PHP > 5.1, testé avec PHP 5.5.12.

Pour vous aider je vous propose de télécharger cette archive rar * Téléchargé ( 19  fois)

Composition des fichiers de la messagerie

Liste des fichiers de la messagerie

Dossier racine

Le dossier racine est le dossier dans lequel vous avez déjà des fichiers concernant votre espace membre.

Toute la liste ci-dessous y compris les dossiers devront être dans ce dossier racine.

L'archive zip contient tous ces dossiers et fichiers, toutefois les fichiers propres à la messagerie sont sans templates, il vous suffira donc d'insérer les codes, dans votre templates dont les fichiers ci-dessous ont devant leur nom cet astérisque (#).
Cependant, il est fortement conseillé de garder les noms de fichiers identiques.

  • Dossier "chosen"
  • Dossier "ckeditor"
  • Dossier "js"
    • pagin_table_messagerie.php
    • script_archive_message.js
    • script_courrier_envoye.js
    • script_lire_message.js
  • Dossier "css"
    • messagerie.css
  • Dossier "images"
    • Dossier "sitemenu" contenant toutes les icônes
  • (#)lire_message.php
  • (#)lire_message_recu.php
  • (#)courrier_archive.php
  • (#)courrier_envoye.php
  • (#)ecrire_message.php
  • (#)archive_message.php
  • (#)confirm_ecrire_message.php
  • chosen.php
  • (#)repondre_message.php
  • script_ckeditor_mes_env.php
  • script_ckeditor_mes_inc.php
  • script_ckeditor_mes_read.php
  • supp_lire_message.php
  • supp_messages_archive.php
  • supp_messages_envoye.php
  • messagerie_sql.txt (table MySQL de la messagerie)
  • cnxpPDO.php (fichier de connexion à la base de donnée en PDO)
  • script_arrive_mail.php (fichier contenant le code lorsqu'un nouvel email arrive, placer ce code dans votre menu membre)

Dépendance

Pour fonctionner la messagerie à besoin des fichiers ci-dessous.
Tous sont utilisés en CDN, les trois premiers concernent les scripts JQuery dans leur dernière versions,
Tandis que les trois autres sont les fichiers dans leur dernières versions pour le plugin DataTables.

Script JQuery

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

Script DataTables

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.10/css/dataTables.jqueryui.min.css">
<script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.10/js/dataTables.jqueryui.min.js"></script>