doulun1666 2014-05-28 02:53
浏览 75

来自数据库的onClick Shuffle按钮

For example I have this sentence, 'I like to play the piano.' It it separated into 4 elements, which will be taken out from the database(myphpadmin). How can make it as in only when I press the shuffle button, then it will shuffle. 

   <body>
   <?php
// Connect to database server
mysql_connect("localhost", "root", "password") or die (mysql_error ());

// Select database
mysql_select_db("login") or die(mysql_error());

// Get data from the database depending on the value of the id in the URL
$strSQL = "SELECT * FROM sentences WHERE id 
    ORDER BY RAND() LIMIT 1;";

//create an array with numbers 1-4
$order = array(1,2,3,4);

//shuffle them in random order
shuffle($order);

$rs = mysql_query($strSQL);

// Loop the recordset $rs
while($row = mysql_fetch_array($rs)) {
    // Write the data of the person
    //Display all the array values from 0-3 (array index starts from 0)
    echo "<dt>Sentence:</dt><dd>" . $row[$order[0]] . " " . $row[$order[1]] . " " .                       
    $row[$order[2]] . " " . $row[$order[3]] ."</dd>";

    }
// Close the database connection
mysql_close();
?>

   <button onClick="Shuffle()">Scramble</button>

    </body>
  • 写回答

1条回答 默认 最新

  • dongnuo2879 2014-05-28 03:10
    关注

    You'd basically need to do this with jQuery.

    Harnessing jQuery.get() to run an ajax request to your seperate php script. Basically you'd have a php script with your code set up like this:

    Lets call it sentence.php.

    <?php
// Connect to database server
mysql_connect("localhost", "root", "password") or die (mysql_error ());

// Select database
mysql_select_db("login") or die(mysql_error());

// Get data from the database depending on the value of the id in the URL
$strSQL = "SELECT * FROM sentences WHERE id 
    ORDER BY RAND() LIMIT 1;";

//create an array with numbers 1-4
$order = array(1,2,3,4);

//shuffle them in random order
shuffle($order);

$rs = mysql_query($strSQL);

// Loop the recordset $rs
while($row = mysql_fetch_array($rs)) {
    // Write the data of the person
    //Display all the array values from 0-3 (array index starts from 0)
    echo "<dt>Sentence:</dt><dd>" . $row[$order[0]] . " " . $row[$order[1]] . " " .                       
    $row[$order[2]] . " " . $row[$order[3]] ."</dd>";

    }
// Close the database connection
mysql_close();
?>

    Now you'd have your html file, lets call that index.html

    <html>
    <head>
        <script src="https://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
        <script src="script.js" type="text/javascript"></script>
    </head>

    <body>
        <button id="showcontent">Scramble</button>
        <div id="content"></div>
    </body>

</html>

    In your script.js you'd be running your jQuery.

    $(document).ready(function() {

    $(document).on('click', '#showcontent', function(event) {
        event.preventDefault();

        $.get("sentence.php", function(data) {
            $("div#content").html(data);
        });
    });

});
    评论

报告相同问题？

悬赏问题

  • ¥15 改算法，照着压缩包里边，参考其他代码封装的格式 写到main函数里
  • ¥15 用windows做服务的同志有吗
  • ¥60 求一个简单的网页(标签-安全|关键词-上传)
  • ¥35 lstm时间序列共享单车预测，loss值优化，参数优化算法
  • ¥15 Python中的request，如何使用ssr节点，通过代理requests网页。本人在泰国，需要用大陆ip才能玩网页游戏，合法合规。
  • ¥100 为什么这个恒流源电路不能恒流？
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson，入参实体类Person，出参布尔值
  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题，上传的坐标文件里是怎么对无序点进行编号的，以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 一直显示正在等待HID—ISP