Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Ali Baba en 27 Junio 2017, 01:30 am



Título: Problemas con php
Publicado por: Ali Baba en 27 Junio 2017, 01:30 am
Hola a todos, estoy creando una web para un amigo, que cuando coloque un anno de nacimiento aparezca el signo zodiacal chino...


esta es mi web hasta ahora, mi mayor problema es que cuando ponga el valor al input y le de enter aparezca algo....


Código
  1. <!DOCTYPE html>
  2.  
  3.  <meta charset="utf-8">
  4.  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5.  <title></title>
  6.  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  7.  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  8.  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.3.0/css/mdb.min.css">
  9.  <link rel="stylesheet" href="css/estilos.css">
  10.  
  11. </head>
  12.  
  13.  
  14.  <div class="container">
  15.    <div class="header">
  16.      <div class="row">
  17.        <div class="col-md-6 col-md-6-offset">
  18.          <input class="form-control mr-sm-2" type="text" placeholder="Select the year of your birth" name="search" id="search">
  19.          <button class="btn btn-outline-info btn-md btn-block waves-effect " type="submit">Search</button>
  20.        </div>
  21.      </div>
  22.      <div id="result">
  23.  
  24.      </div>
  25.    </div>
  26.    <!-- -->
  27.    <div class="selector">
  28.    </div>
  29.  
  30.    <script src="js/includejs.js">
  31.  
  32.    </script>
  33.    <script src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.3.0/js/mdb.min.js"></script>
  34.    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
  35.    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
  36.    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
  37. </body>
  38.  
  39. </html>




y este es mi js hasta ahora con jquery:

Código
  1. $(document).ready(function() {
  2.   // Esta primera parte crea un loader no es necesaria
  3.    $().ajaxStart(function() {
  4.        $('#loading').show();
  5.        $('#result').hide();
  6.    }).ajaxStop(function() {
  7.        $('#loading').hide();
  8.        $('#result').fadeIn('slow');
  9.    });
  10.   // Interceptamos el evento submit
  11.    $('#form, #fat, #fo3').click(function() {
  12.  // Enviamos el formulario usando AJAX
  13.        $.ajax({
  14.            type: 'POST',
  15.            url: $(this).attr('action'),
  16.            data: $(this).serialize(),
  17.            // Mostramos un mensaje con la respuesta de PHP
  18.            success: function(data) {
  19.                $('#result').html(data);
  20.            }
  21.        })        
  22.        return false;
  23.    });
  24. })
  25.  


Título: Re: Problemas con php
Publicado por: eLank0 en 27 Junio 2017, 10:26 am
Llevo 10 minutos revisando el mensaje y aún no veo el 'PHP'.  :silbar: :silbar: :silbar: :silbar: :silbar:


Título: Re: Problemas con php
Publicado por: Ali Baba en 27 Junio 2017, 18:07 pm
Es que no se me ocurre como y copie aquí ese código de javascript que es similar a lo que quiero hacer