Tema: 140 Caracteres y URL acortada
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 08/12/2011, 12:49
dksoft
 
Fecha de Ingreso: octubre-2010
Mensajes: 123
Antigüedad: 13 años, 6 meses
Puntos: 10
Respuesta: 140 Caracteres y URL acortada
Todo el Codigo:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Twitter</title>
  6. <style>
  7. .warp{
  8.     width: 450px;
  9.     background: #999;
  10.     font-family: "Century Gothic";
  11. }
  12. #caracteres {
  13.     font-weight: bold;
  14. }
  15. .texto {
  16.     color: #FFF;    
  17.     font-weight: bold;
  18. }
  19. </style>
  20. <script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
  21. <script type="text/javascript">
  22. var actual = 140;
  23. function press() {
  24. car = $("#input").val();
  25. total = actual - car.length;
  26. $("#caracteres").html(total);
  27. if(total > 20) { $("#caracteres").css("color", "#090"); }
  28. if(total <= 20) { $("#caracteres").css("color", "#903"); }
  29. if(total < 0) { $("#caracteres").css("color", "#F00"); }
  30. }
  31. function enviar() {
  32. texto = $("#input").val();
  33. if(confirm("Estas seguro de enviar el TWEET?")) {
  34. $("#boton").attr("disabled", true);
  35. $("#input").attr("disabled", true);
  36. $.post("enviar.php", { texto: texto }, function(data){
  37. if(data == "ok") { $("#input").val(""); alert("Twet enviado exitosamente"); } else { $("#resultado").html(data);  }
  38. $("#boton").attr("disabled", false);
  39. $("#input").attr("disabled", false);
  40. });
  41. }
  42. }
  43. $(document).ready(function(){
  44. car = $("#input").val();
  45. total = actual - car.length;
  46. $("#caracteres").html(total);
  47. if(total > 20) { $("#caracteres").css("color", "#090"); }
  48. if(total <= 20) { $("#caracteres").css("color", "#903"); }
  49. if(total < 0) { $("#caracteres").css("color", "#F00"); }});
  50. </script>
  51. </head>
  52.  
  53. <body>
  54. <div class="warp">
  55. <form onsubmit="enviar(); return false;" >
  56. <p><textarea cols="50" rows="3" id="input" onkeypress="press();" onkeydown="press();" onkeyup="press();"></textarea><br />
  57. <input type="submit" value="Tweet" id="boton" />
  58. </p>
  59. </form>
  60. <p><span id="caracteres"></span> <span class="texto">Caracteres Restantes</span></p>
  61. <div id="resultado"></div>
  62. </div>
  63. </body>
  64. </html>