在div中显示PHP变量

时间:2013-07-29 12:53:12

标签: php html css

我在计算器的div中显示输入时遇到问题。它没有显示任何内容。我究竟做错了什么?我是PHP的新手,所以请尽可能地解释,以便我可以从中学习。如果可能,那么应该不断刷新变量,以便它始终是最新的输入。这是我的代码,问题可以在代码的PHP部分找到:

HTML:

<!DOCTYPE HTML>
<html>
    <head>
        <title>Calculator</title>

        <link rel="stylesheet" type="text/css" href="stylesheet.css">


        <script src="http://code.jquery.com/jquery-2.0.2.min.js"></script>
        <script src="http://code.jquery.com/color/jquery.color.plus-names-2.1.2.min.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>       
        <script src="http://ricostacruz.com/jquery.transit/jquery.transit.min.js"></script>
        <script type="text/javascript" src="script.js"></script>

    </head>

    <body>
        <div id="device">

            <div class="row">
                <div id="C" class="button">
                    C
                </div>

                <div id="MCR" class="button">
                    MCR
                </div>

                <div id="M+" class="button">
                    M+
                </div>

                <div id="M-" class="button">
                    M-
                </div>
            </div>

            <div class="row">
                <div id="7" class="button" >
                    7
                </div>

                <div id="4" class="button">
                    4
                </div>

                <div id="1" class="button">
                    1
                </div>

                <div id="0" class="button">
                    0
                </div>
            </div>

            <div class="row">
                <div id="8" class="button">
                    8
                </div>

                <div id="5" class="button">
                    5
                </div>

                <div id="2" class="button">
                    2
                </div>

                <div id="." class="button">
                    .
                </div>
            </div>

            <div class="row">
                <div id="9" class="button">
                    9
                </div>

                <div id="6" class="button">
                    6
                </div>

                <div id="3" class="button">
                    3
                </div>

                <div id="=" class="button">
                    =
                </div>
            </div>

            <div class="row">
                <div id="+" class="button">
                    +   
                </div>

                <div id="-" class="button">
                    -
                </div>

                <div id="x" class="button">
                    x
                </div>

                <div id="/" class="button">
                    /
                </div>

                <div id="display">
                        <?php 
                            var $input = "0";

                            function showInput()    {
                                echo $input;
                            };

                            while () {
                                showInput();
                            };
                        ?>
                </div>
            </div>
        </div>
    </body>
</html>

CSS:

body, html {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

#device {
    width: 450px;
    height: 400px;
    background-color: #AB988B;
    margin: 150px;
    margin-top: 50px;
    padding: 30px;
    border-radius: 25px;
    border: solid 10px #B06A3B;
    padding-top: 100px;
}

#display    {
    width: 450px;
    height: 75px;
    background-color: #D4E7ED;
    margin: auto;
    border-radius: 5px;
    margin-bottom: 30px;
    top: 80px;
    left: 190px;
    position: absolute;
    color:  #B06A3B;
    font-size: 25px;
    line-height: 75px;
}

.button {
    width: 65px;
    height: 75px;
    background-color: #7195A3;
    border: solid 2px #EB8540;
    color:  #B06A3B;
    font-size: 25px;
    line-height: 75px;
    margin-top: 15px;
    margin-right: 17.5px;
    text-align: center;
    font-weight: 900;
    font-family: arial;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; 
    cursor: pointer;
}

.row    {
    display: inline-block;
}

的jsfiddle:

http://jsfiddle.net/D9gWF/

5 个答案:

答案 0 :(得分:0)

对于PHP,你需要一个像php一样的php-enviroment(适合初学者:使用“xampp”)

此文件通常需要文件结尾.php,因此serverside-parser可以解析文件中的php代码。

答案 1 :(得分:0)

 <?php 
      $input = "0";

      function showInput($input)    {
          echo $input;
      };

      while () {
          showInput($input);
     };
 ?>

在PHP中声明变量时,您不会使用var。只需$。并了解&#34;范围&#34;。您试图在函数中使用在函数外部声明的变量。哪个不起作用。所以在我的代码中,我将该变量作为参数传递给函数内部。

我给了你很多关键词和一个基本的解释,让你做更多的挖掘。

编辑:我不认为while循环会做任何事情。什么呢?有些东西需要进入这些括号内。你在循环着什么?

答案 2 :(得分:0)

我已从您的代码中获取了代码段。

        <div id="display">
                <?php 
                    var $input = "0";

                    function showInput()    {
                        echo $input;
                    };

                    while () {
                        showInput();
                    };
                ?>
        </div>

只需在我的下面更改您的代码。

            <div id="display">
                    <?php 
                        $input = "0";
                        echo $input;
                    ?>
            </div>

让我解释一下。

$input = "0";

上面的行只是初始化输入变量的值,你可以用你喜欢的任何值改变0。

echo $input;

这将在上面的第一行PHP代码中回显输出变量中保存的值。如果您已声明另一个变量,您也可以回显,只需在$符号后更改变量名称。 $ sign让PHP知道它的变量名称启动。

答案 3 :(得分:0)

将这些部分更正为这些部分,您的代码将起作用

            <div class="row">
            <div id="9" class="button">
                9
            </div>

            <div id="6" class="button">
                6
            </div>

            <div id="3" class="button">
                3
            </div>

            <div id="equal" class="button">
                =
            </div>
        </div>

        <div class="row">
            <div id="plus" class="button">
                +   
            </div>

            <div id="minus" class="button">
                -
            </div>

            <div id="multiply" class="button">
                x
            </div>

            <div id="divide" class="button">
                /
            </div>

            <div id="display">
                <?php

                function showInput() {
                    $input = "0";

                    echo $input;
                }
               ?>
            </div>
        </div>

答案 4 :(得分:0)

您尚未在while循环中设置参数。 While究竟是什么?您还需要查找变量范围。函数无法访问函数中未包含的变量,在这种情况下解析它们。例如

<?php
    $input = "0";

    function showInput($input)
    {
        echo $input;
    };

    showInput($input);

?>

以下是使用我的编辑http://phpfiddle.org/main/code/1nh-wda

的代码示例