Как изменить этот код, чтобы работать по-другому - PullRequest
Новая
       5

Как изменить этот код, чтобы работать по-другому

0 голосов
/ 27 сентября 2010

У меня есть этот код: 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
      <script>
      $(function() {
        $(".button").click(function() {

          var dataString = "message= "+$('#message').val();
          $.ajax({
            type: "POST",
            url: "calculate.php",
            data: dataString,
            success: function(data) {
              $('#result').append("<div id='message'> "+ data +" </div>");
            }
          });
        return false;
        });
    });
      </script>
     </head>
    <body>
    <div class="content">

    <?php   
    displayForm();

  function displayForm() {
  ?><div id="result"></div> 
    <div class="content2">
      <form action="practicalTask.php" method="post">   
          <div class="firstLine">   
            <label for="message"> Message </label> <div class="time"> Time </div>
          </div>
          <div class="secondLine">
              <input type="text" name="message" id="message" onclick="this.value='';" onblur="this.value=!this.value?' Please enter a message...':this.value;" value=" Please enter a message..." />pr
              <input type="submit" name="submitButton" class="button" value="OK" />
          </div>

      </form>
      <br/>
    </div>
    <div id="result"></div> 

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

это расчета.php: 

<?php

    // Check the sum of the charachters of the message entered by user
    // Assumption - only white space is not a charachter    
    $feel = "Sorry";
    $count = 0;
    $message = $_POST["message"];
    $string = trim($message);

    for ($i=0; $i<strlen($string); $i++) {
            // ord() - cast to ascii
            $count += ord($string[$i]);
            }
    if ( $count%2==0 ) {
      $feel = "Glad";
    }

    $result = $feel . " to hear that ...";

    // Server side date for the result
    $date =  date('d/m/Y H:i');

    $form = "   
    <div class=\"content2\">
        <form action=\"practicalTask.php\" method=\"post\"> 
          <div class=\"firstLine\"> 
            <label for=\"message\">Message</label> <div class=\"time\"> Time </div>
          </div>
          <div class=\"secondLine\">
              <input type=\"text\" name=\"message\" value=" . $message . ">
              <input type=\"submit\" value=\"OK\" />
              <div id=\"time\"> " . $date . "</div>
          </div>
      </form>
    </div>";
    echo $form;

    $resultLine = "<div class=\"firstLine\"> Result </div>
                <div class=\"resultLine\">
                    <div class=\"result\">
                        <p class=\"" .$feel . "\">" . $result . "</p>
                    </div>
                    <div class=\"timestamp\">
                        <p class=\"" . $feel . "\">" . $date . "</p>
                    </div>
                </div>";    
    echo $resultLine;

    echo "<div class=\"margintop\"> <img src=\"sepsmall.jpg\" /> </div>";
?>

Я хочу изменить способ работы, чтобы новая строка (гдея пишу новые вещи) буду внизу.Я перепробовал много способов, все они потерпели неудачу.

Большое спасибо ..

1 Ответ

0 голосов
/ 17 апреля 2012

Хорошо, я не совсем уверен, что понимаю, что вам нужно, но вот как я обычно избегаю таких проблем с позициями:

Вместо: 

 $(function() {
        $(".button").click(function() {

          var dataString = "message= "+$('#message').val();
          $.ajax({
            type: "POST",
            url: "calculate.php",
            data: dataString,
            success: function(data) {
              $('#result').append("<div id='message'> "+ data +" </div>");
            }
          });
        return false;
        });
    });

вы можете иметь: $ (function () { $ (". button"). click (function () {

      var dataString = "message= "+$('#message').val();
      $.ajax({
        type: "POST",
        url: "calculate.php",
        data: dataString,
        success: function(data) {
          $('#result').html(data);
        }
      });
    return false;
    });
});

И визуализировать все это на сервере lvl, в PHP, что в основном означает включение "<div id="message"></div>" в ваш возврат PHP. Не самая умная вещь в мире, но у меня никогда не возникало проблем с позицией при возврате контента из PHP через jQuery / Ajax.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...