javascript -php - html5

Question

0.00/5 (No votes)

See more:

JavaScript

<html>
   <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">    </script>
    <script type="text/javascript">
        $(document).ready(function(){

        });
        function sendPushNotification(id){
            var data = $('form#'+id).serialize();
            $('form#'+id).unbind('submit');
            $.ajax({
                url: "send_message.php",
                type: 'GET',
                data: data,
                beforeSend: function() {

                },
                success: function(data, textStatus, xhr) {
                      $('.txt_message').val("");
                },
                error: function(xhr, textStatus, errorThrown) {

                }
            });
            return false;
        }
    </script>
</head>
<body>
    <?php
    include_once 'db_functions.php';
    $db = new DB_Functions();
    $users = $db->getAllUsers();
    if ($users != false)
        $no_of_users = mysql_num_rows($users);
    else
        $no_of_users = 0;
    ?>
    <div class="container">
        <h1>No of Devices Registered: <?php echo $no_of_users; ?></h1>
        <hr/>
        <ul class="devices">
            <?php
            if ($no_of_users > 0) {
                ?>
                <?php
                while ($row = mysql_fetch_array($users)) {
                    ?>
                    <li>
                        <form id="<?php echo $row["id"] ?>" name="" method="post" onsubmit="return sendPushNotification('<?php echo $row["id"] ?>')">
                            <label>Name: </label> <span><?php echo $row["name"] ?></span>
                            <div class="clear"></div>
                            <label>Email:</label> <span><?php echo $row["email"] ?></span>
                            <div class="clear"></div>
                            <div class="send_container">
                                <textarea rows="3" name="message" cols="25" class="txt_message" placeholder="Type message here"></textarea>
                                <input type="hidden" name="regId" value="<?php echo $row["gcm_regid"] ?>"/>
                                <input type="submit" class="send_btn" value="Send"  önclick=""/>
                            </div>
                        </form>
                    </li>
                <?php }
            } else { ?>
                <li>
                    No Users Registered Yet!
                </li>
            <?php } ?>
        </ul>
    </div>
</body><code><pre><pre lang="Javascript">

Posted 30-Mar-13 1:58am

datt265

Updated 3-Apr-13 7:53am

v3

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Prasad Khandekar · Answer 1 · 2013-03-30T04:42:00

Hello,

There are many things you can do like move the form, textarea outside of the while loop. Add ability to select users to whom message will be sent etc, I have modified the code which will allow you send message to selected users only. I have not changed the way data gets sent to the send_message.php. However by adding a checkbox your send_message.php will be able to find out the users to whom message needs to send. The post data should look something like shown below.

chk_0=chk_0&user_0=john435&user_1=admin&chk_2=chk_2&user_2=operator

The modified code is shown below.

HTML

<html>>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="gcm_style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
});
function sendPushNotification(id) {
    var data = $('#frmMain').serialize();
    $.ajax({
        url: "send_message.php",
        type: 'GET',
        data: data,
        beforeSend: function() {
        },
        success: function(data, textStatus, xhr) {
            $('#taMesage').val("");
        },
        error: function(xhr, textStatus, errorThrown) {
        }
    });
    return false;
 }
</script> 
</head>
<body>
<?
include_once 'db_functions.php';
$db = new DB_Functions();
$users = $db->getAllUsers();
if ($users != false)
    $no_of_users = mysql_num_rows($users);
else
    $no_of_users = 0;

if ($no_of_users > 0) {
    $cntr = 0;
?>
<form id="frmMain" name="frmMain" method="post" onsubmit="return sendPushNotification()">
<?
    while ($row = mysql_fetch_array($users)) {
        $userId = $row[0];         // Assuming that first field represents the user id
        $chkId = "chk_" . $cntr;
        $userFldId = "user_" . $cntr;
?>
    <div>
        <label>Name: </label><span class="textbox"><?=$row[1]?></span><br/>
        <label>Send Email :</label><input type="checkbox" id="<?=$chkId?>" value="<?=$chkId?>"/>
        <input type="hidden" name="<?=$userFldId?>" value="<?=$userId?>"/>
    </div>
<?
        $cntr = $cntr + 1;
    }?>
    <div>
        <label>Email:</label> 
        <textarea rows="3" name="message" cols="25" class="txt_message" id="taMesage"></textarea>
    </div>
    <input type="submit" class="send_btn" value="Send"/>
</form>
<?
} else { ?> 
No Users Registered Yet!
</body>
</html>

Regards,