Récupérer valeur input ajax

Bonjour

je vous expliques mon probleme j'ai une premieree page qui ouvre des popup box quand un membre clique sur un pseudo dans la parti corp du message j'appelle une iframe avec comme lien essai.php?user_to=idducontactselectionne

et dans un j'execute un js pour raffraichir les messages des receptions de ceux site

voila essai.php (pour la parti php c'est pour tester c'est hors sujet)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?
session_start();
include("mysqlcon.php");
 
$cUserId = "1";
 
$cUserIdto = $_GET["essai"];
 
 
 
$sql_msg = mysql_query("Select * from chats WHERE (user_id = '$cUserId' AND user_to = '$cUserIdto') OR (user_id = '$cUserIdto' AND user_to = '$cUserId') ORDER BY sent_on ");
$sql_num = mysql_fetch_array($sql_msg);
$message = $sql_num["message"];
?>
    <script type="text/javascript" src="scripts/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="scripts/chat.js"></script>
 
<div class="msg-wgt-body">
<input type="text" id="essai" name="essai" value="<? echo $recu; ?>">
</div>

donc voila ma page chat.js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
// OOP Way
fbChat = {
  bootChat: function() {
    var chatArea = $('#chatMsg'),
            that = this;
 
    // Load the messages every 5 seconds
    setInterval(this.getMessages, 1000);
 
    // Bind the keyboard event
    chatArea.bind('keydown', function(event) {
      if (event.keyCode == 13 && event.shiftKey == false) {
        var message = chatArea.val();
 
        if (message.length !== 0) {
          that.sendMessage(message);
          event.preventDefault();
        } else {
          alert('Provide a message to send!');
        }
      }
    });
  },
  sendMessage: function(message) {
    var that = this;
    $.ajax({
      url: 'ajax/add_msg.php',
      method: 'post',
      data: {msg: message},
      success: function(data) {
        $('#chatMsg').val('');
        that.getMessages();
      }
    });
  },
  getMessages: function() {
    $.ajax({
      url: 'essai.php',
      method: 'GET',
      success: function(data) {
        $('.msg-wgt-body').html(data);
      }
    });
  }
};
 
// Initialize the chat
//fbChat.bootChat();
 
// Procedural way
/**
 * Add a new chat message
 * 
 * @param {string} message
 */
function send_message(message) {
  $.ajax({
    url: 'ajax/add_msg.php',
    method: 'post',
    data: {msg: message},
    success: function(data) {
      $('#chatMsg').val('');
      get_messages();
    }
  });
}
 
/**
 * Get's the chat messages.
 */
function get_messages() {
  $.ajax({
    url: 'essai.php',
    method: 'GET',
    success: function(data) {
      $('.msg-wgt-body').html(data);
    }
  });
}
 
/**
 * Initializes the chat application
 */
function boot_chat() {
  var chatArea = $('#chatMsg');
 
  // Load the messages every 5 seconds
  setInterval(get_messages, 1000);
 
  // Bind the keyboard event
  chatArea.bind('keydown', function(event) {
    // Check if enter is pressed without pressing the shiftKey
    if (event.keyCode == 13 && event.shiftKey == false) {
      var message = chatArea.val();
      // Check if the message is not empty
      if (message.length !== 0) {
        send_message(message);
        event.preventDefault();
      } else {
        alert('Provide a message to send!');
        chatArea.val('');
      }
    }
  });
}
 
// Initialize the chat
boot_chat();

j'effectue donc un setinterval toute les x secondes et ce que je voudrais c'est gardé le GET a chaque refresh de la page.