0

私は問題があります。今のように最初のものだけでなく、ページ内のすべての「件名」(タイトル) を表示したい。新しいメッセージを追加すると、インデックスには最初のメッセージのみが表示され、[開く] ボタンをクリックしたときにのみすべてのメッセージが表示されます。

なにか提案を？

どうもありがとう。

これはコードです：

<?php
require_once("config.php");
if (isset($_SESSION['username']) === FALSE){
    header('location:login.php');
    exit();
}
$where = "";
$searchCriteria = "";
if (isset($_GET['search']) && $_GET['search'] != '') {
    $searchCriteria = mysql_real_escape_string($_GET['search']);
    $where = " WHERE subject LIKE '%" . $searchCriteria . "%'";
    $where .= " OR message like '%" . $searchCriteria . "%'";
}
$sql = "SELECT * FROM notes " . $where . " LIMIT 30";
$result = mysql_query($sql);
?>
<!DOCTYPE html>
html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

</head>
<body>
<a href="logout.php">Logout</a><br/><br/>

<div id="wrapper">

    <div id="add-message">
        <a href="add.php"><img src="images/add.png" title="Add"> Add a New   Message</a>
    </div>
    <br>
    <?php
    while ($row = mysql_fetch_assoc($result)) {
    ?>
    <?php echo $row['subject']; ?>
    <input type="button" id="opener" value="Open"/>
        <div id="playbox"> 
            <table id="general">
                <thead>
                    <tr>
                        <th class="general-header"></th>
                        <th class="general-subject">Subject</th>
                        <th class="general-message">Message</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <td colspan="4" class="general-foot"><input type="button" id="closer" value="Close"/></td>
                    </tr>
                </tfoot>
                <tbody>
                    <tr>
                        <td>
                            <a href="edit.php?id=<?php echo $row['id']; ?>"><img src="images/edit.png" title="Edit"> Edit</a>
                                                     &nbsp;|&nbsp; 
                            <a href="delete.php?id=<?php echo $row['id']; ?>"><img src="images/delete.png" title="Delete"> Delete</a>
                        </td>
                        <td class="subject"><?php echo $row['subject']; ?></td>
                        <td><?php if ($row['filename']!=''){?>
                            <img align="right" width="300px" src="<?php echo $row['filename']; ?>" />
                            <?php } ?>
                            <?php echo $row['message']; ?>
                        </td>
                    </tr>
                </tbody>
            <?php
            }
            ?>
            </table>
        </div>
</div>
</body>
</html>

<script>
$(document).ready(function(){
    $("#playbox").hide();

    $("#opener").click(function(){
        $("#playbox").slideDown(600); 
    });

    $("#closer").click(function(){
        $("#playbox").slideUp(600); 
    });
});
</script>
4

2 に答える 2

0

私はあなたがそのために使用する必要があると思います.あなたが多くを作成するmysql_num_rows必要はありません.openclose buttonswhile looprecords thenif conditionif(mysql-num_rows($result))

完全なコード

<?php
    require_once("config.php");
    if (isset($_SESSION['username']) or $_SESSION['username']=== FALSE){
        header('location:login.php');
        exit();
    }
    $where = "";
    $searchCriteria = "";
    if (isset($_GET['search']) && $_GET['search'] != '') {
        $searchCriteria = mysql_real_escape_string($_GET['search']);
        $where = " WHERE subject LIKE '%" . $searchCriteria . "%'";
        $where .= " OR message like '%" . $searchCriteria . "%'";
    }
    $sql = "SELECT * FROM notes " . $where . " LIMIT 30";
    $result = mysql_query($sql);
?>
<!DOCTYPE html>
html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
<a href="logout.php">Logout</a><br/><br/>
<div id="wrapper">
    <div id="add-message">
        <a href="add.php"><img src="images/add.png" title="Add"> Add a New   Message</a>
    </div>
    <br>
    <?php
    if(mysql_num_rows($result))
    {
        ?>
        <input type="button" id="opener" value="Open"/>
        <div id="playbox"> 
            <table id="general">
                <thead>
                    <tr>
                        <th class="general-header"></th>
                        <th class="general-subject">Subject</th>
                        <th class="general-message">Message</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <td colspan="4" class="general-foot"><input type="button" id="closer" value="Close"/></td>
                    </tr>
                </tfoot>
                <?php
                while ($row = mysql_fetch_assoc($result)) {
                ?>
                <?php echo $row['subject']; ?>

                <tbody>
                    <tr>
                        <td>
                            <a href="edit.php?id=<?php echo $row['id']; ?>"><img src="images/edit.png" title="Edit"> Edit</a>
                                                     &nbsp;|&nbsp; 
                            <a href="delete.php?id=<?php echo $row['id']; ?>"><img src="images/delete.png" title="Delete"> Delete</a>
                        </td>
                        <td class="subject"><?php echo $row['subject']; ?></td>
                        <td><?php if ($row['filename']!=''){?>
                            <img align="right" width="300px" src="<?php echo $row['filename']; ?>" />
                            <?php } ?>
                            <?php echo $row['message']; ?>
                        </td>
                    </tr>
                </tbody>
                <?php
                }

            ?>
            </table>
        </div>
        <?php
    }
    ?>
</div>
</body>
</html>

<script>
$(document).ready(function(){
    $("#playbox").hide();
    $("#opener").click(function(){
        $("#playbox").slideDown(600); 
    });
    $("#closer").click(function(){
        $("#playbox").slideUp(600); 
    });
});
</script>

別々にしたい場合はtoggle、次のようにコーディングする必要があります。

HTML

Create使用するHTML類似のレコードが 2 つあるとします。while loop

<div class="contentSubject">
    <input type="button" class="btnOpener" value="Open" />
    <div class="playbox">
        <!--your table goes here-->
    </div>
</div>

<div class="contentSubject">
    <input type="button" class="btnOpener" value="Open" />
    <div class="playbox">
        //your table goes here
    </div>
</div>

脚本

<script>
    $(document).ready(function(){
        $(".playbox").hide();
        $(".btnOpener").click(function(){
            $(this).closest('.contentSubject')
                   .find(".playbox").slideDown(600); 
        });
        // same code for close
    });
</script>
于 2013-07-31T04:40:06.633 に答える
0

そのコードを試してください

$("#opener").live("click",function(){
    $("#playbox").slideDown(600); 
});
于 2013-07-31T04:58:19.843 に答える