Foros del Web » Creando para Internet » HTML »

Postear en campo de texto

Estas en el tema de Postear en campo de texto en el foro de HTML en Foros del Web. 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: ...
  #1 (permalink)  
Antiguo 12/04/2011, 19:11
Avatar de moradazo  
Fecha de Ingreso: julio-2008
Ubicación: [email protected]
Mensajes: 353
Antigüedad: 9 años, 5 meses
Puntos: 2
Busqueda Postear en campo de texto

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.
  #2 (permalink)  
Antiguo 12/04/2011, 23:35
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 7 años, 7 meses
Puntos: 6
Respuesta: Postear en campo de texto

Cita:
Iniciado por moradazo Ver Mensaje
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
  #3 (permalink)  
Antiguo 12/04/2011, 23:59
 
Fecha de Ingreso: marzo-2011
Mensajes: 184
Antigüedad: 6 años, 8 meses
Puntos: 11
Respuesta: Postear en campo de texto

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

Saludos!

__________________
“Un estómago vacío, es un mal consejero.” Albert Einstein

Reflexiones, humor gráfico, chistes, Deporte, Consejos y tips
  #4 (permalink)  
Antiguo 13/04/2011, 12:44
Avatar de moradazo  
Fecha de Ingreso: julio-2008
Ubicación: [email protected]
Mensajes: 353
Antigüedad: 9 años, 5 meses
Puntos: 2
Respuesta: Postear en campo de texto

con visual studio .net?
  #5 (permalink)  
Antiguo 13/04/2011, 13:29
 
Fecha de Ingreso: marzo-2011
Mensajes: 119
Antigüedad: 6 años, 9 meses
Puntos: 9
Respuesta: Postear en campo de texto

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
  1.   <div id="container">
  2.   <h1>Ejemplo de vista previa en inputs</h1>
  3.  
  4.       <div class="field-section">
  5.         <div class="fila">
  6.           <label class="labelText">Cabecera</label>
  7.           <textarea class="textbox"   name="title" id="title" value=""></textarea>
  8.         </div>
  9.         <div class="fila">
  10.           <label class="labelText">Linea descriptiva 1</label>
  11.           <textarea class="textbox" type="text" name="description" id="description" value=""></textarea>
  12.         </div>
  13.         <div class="fila">
  14.           <label class="labelText">URL Visible</label>
  15.           <textarea class="textbox"  type="text" name="url_visible" id="url_visible" value=""></textarea>
  16.         </div>
  17.       </div>
  18.  
  19.       <div class="preview-section">
  20.         <div class="preview" >
  21.           <textarea class="resp" id="preview_title" >Titulo</textarea>
  22.           <textarea class="resp" id="preview_description">descripcion</textarea>
  23.           <textarea class="resp" id="preview_url_visible" >http://tusitio.com</textarea>
  24.         </div>
  25.       </div>
  26. </div>
  27.  
  28.   </body>
Código CSS:
Ver original
  1. body{
  2.     font-family: Arial, Helvetica, sans-serif;
  3. }
  4.     #container{
  5.         background:#333;
  6.         width:1100px;
  7.         height:900px;
  8.         margin:0 auto 0 auto;
  9.         overflow:auto;
  10.     }
  11.     #container h1{
  12.         color:#FFF;
  13.         font-size:24px;
  14.         margin:30px 0px 60px 350px;
  15.     }
  16.     textarea{
  17.         border:solid 2px #5bc0fb;
  18.         width:250px;
  19.         background:url(bg.jpg);
  20.         float:left;
  21.         overflow:auto;
  22.     }
  23.     .field-section{
  24.         background:#3C9;
  25.         margin-left:50px;
  26.     }
  27.     .fila{
  28.         width:250px;
  29.         float:left;
  30.         margin-right:90px;
  31.         color:#FFF;
  32.     }
  33.     .preview-section{
  34.         float:left;
  35.         margin-top:30px;
  36.         margin-left:50px;
  37.     }
  38. .resp{
  39.     width:250px;
  40.     background:#FFF;
  41.     border:solid 2px #999;
  42.     float:left;
  43.     margin-right:79px;
  44.     height:300px;
  45.  
  46. }
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.       $(function(){
  3.         $("textarea[name=word]").keyup(function(){
  4.           var word = $(this).val();
  5.           $(".preview_word").empty().append(word);
  6.         })
  7.  
  8.         $(".field-section textarea").keyup(function(){
  9.           var attr = $(this).attr("id");
  10.           var word_preview = $(this).val();
  11.           $("#preview_"+attr).empty().append(word_preview);          
  12.         })
  13.  
  14.       })
  15.  
  16.     </script>

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

Etiquetas: postear, campos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:15.