Postear en campo de texto

moradazo · #1 (**permalink**) 12/04/2011, 18:11

Hola amigos, llevo toda la tarde intentando y me rendí, acudiré a ustedes, no me gusta molestar.

Tengo en una web un campo de texto:

<input id="campo" type="text" name="handle" value="" />

Quiero que lo que escriba ahi se publique inmediatamente en internet y que otra persona lo vea, ya sea que lo escriba desde otro campo de texto y se vea en ese, algo así como postearlo, parecido a lo que hace un blog.

Gracias.

juan_14nob · #2 (**permalink**) 12/04/2011, 22:35

Cita:

Iniciado por moradazo

Hola amigos, llevo toda la tarde intentando y me rendí, acudiré a ustedes, no me gusta molestar.

Tengo en una web un campo de texto:

<input id="campo" type="text" name="handle" value="" />

Quiero que lo que escriba ahi se publique inmediatamente en internet y que otra persona lo vea, ya sea que lo escriba desde otro campo de texto y se vea en ese, algo así como postearlo, parecido a lo que hace un blog.

Gracias.

es que necesitas saber programacion para poder hacer eso que queres hacer, html no es un lengua de programacion solo muestra pero por si solo no puede hacer mucho, intenta leer manuales como Php. para que esos datos que vos queres poner en el input queden guardados en algun sitio, ya sea un archivo XML, archivo de texto o una base de datos. pero desde ya te digo qeu si no lo hace con un lenguaje de programacion va a ser imposible que puedas hacer eso que queres ....

Salludois

GatoGordo · #3 (**permalink**) 12/04/2011, 22:59

Php y MySQL, o quizás sólo con php pero tiene razón el compadre, necesitas un lenguaje de programación.

Saludos!

moradazo · #4 (**permalink**) 13/04/2011, 11:44

con visual studio .net?

saul123 · #5 (**permalink**) 13/04/2011, 12:29

Hola moradazo

Te dejo un ejemplo , quiza esto te sirve es con jquery en el ejemplo que pongo puedes ver el scrip que necesitas y el HTML Y CSS

Puedes ver el ejemplo aqui vista previa con impust o textareas

Código HTML:

Ver original<body>
  <div id="container">
  <h1>Ejemplo de vista previa en inputs</h1>
 
      <div class="field-section">
        <div class="fila">
          <label class="labelText">Cabecera</label>
          <textarea class="textbox"   name="title" id="title" value=""></textarea>
        </div>
        <div class="fila">
          <label class="labelText">Linea descriptiva 1</label>
          <textarea class="textbox" type="text" name="description" id="description" value=""></textarea>
        </div>
        <div class="fila">
          <label class="labelText">URL Visible</label>
          <textarea class="textbox"  type="text" name="url_visible" id="url_visible" value=""></textarea>
        </div>
      </div>
 
      <div class="preview-section">
        <div class="preview" >
          <textarea class="resp" id="preview_title" >Titulo</textarea>
          <textarea class="resp" id="preview_description">descripcion</textarea>
          <textarea class="resp" id="preview_url_visible" >http://tusitio.com</textarea>
        </div>
      </div>
</div>
 
  </body>

Código CSS:

Ver originalbody{
    font-family: Arial, Helvetica, sans-serif;
}
    #container{
        background:#333;
        width:1100px;
        height:900px;
        margin:0 auto 0 auto;
        overflow:auto;
    }
    #container h1{
        color:#FFF;
        font-size:24px;
        margin:30px 0px 60px 350px;
    }
    textarea{
        border:solid 2px #5bc0fb;
        width:250px;
        background:url(bg.jpg);
        float:left;
        overflow:auto;
    }
    .field-section{
        background:#3C9;
        margin-left:50px;
    }
    .fila{
        width:250px;
        float:left;
        margin-right:90px;
        color:#FFF;
    }
    .preview-section{
        float:left;
        margin-top:30px;
        margin-left:50px;
    }
.resp{
    width:250px;
    background:#FFF;
    border:solid 2px #999;
    float:left;
    margin-right:79px;
    height:300px;
 
}

Código Javascript:

Ver original<script type="text/javascript">
      $(function(){
        $("textarea[name=word]").keyup(function(){
          var word = $(this).val();
          $(".preview_word").empty().append(word);
        })
 
        $(".field-section textarea").keyup(function(){
          var attr = $(this).attr("id");
          var word_preview = $(this).val();
          $("#preview_"+attr).empty().append(word_preview);          
        })
 
      })
 
    </script>

No olvides agregar tu hoja de jquery.min-1.4.js