Foros del Web » Creando para Internet » HTML »

Escribir un texto referenciado en un div

Estas en el tema de Escribir un texto referenciado en un div en el foro de HTML en Foros del Web. Hola a todos, os escribo a ver si me podeis echar una mano. Estoy haciendo una página web y tengo creado un calendario de eventos, ...
  #1 (permalink)  
Antiguo 15/03/2011, 12:37
 
Fecha de Ingreso: febrero-2011
Mensajes: 8
Antigüedad: 6 años, 9 meses
Puntos: 0
Escribir un texto referenciado en un div

Hola a todos, os escribo a ver si me podeis echar una mano.

Estoy haciendo una página web y tengo creado un calendario de eventos, pero en el código cuando pincho en una fecha me sale el evento en un pop up "alert"

onclick="alert(''+descripcion+'')


y me gustaría que el texto (evento) lo escribiera en un div que tengo justo debajo del calendario.

Me podríais ayudar con el código porque he intentado varias funciones para meterlo en el div pero no me funciona.

Muchas gracias por la ayuda
  #2 (permalink)  
Antiguo 15/03/2011, 12:51
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 6 años, 8 meses
Puntos: 192
Respuesta: Escribir un texto referenciado en un div

Pues yo iría con jQuery. Es muy fácil. Te hice un ejemplo:
Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js'></script>
  5.  
  6. <script type="text/javascript">
  7.     $(document).ready(function(){
  8.         //al hacer click en insertar
  9.         $('#insertar').click(function(){
  10.             var texto = $('#texto-a-insertar').val();
  11.             $('#insertame-texto').html('<p>'+ texto +'</p>');
  12.         });
  13.     });
  14.  
  15.  
  16.  
  17. </head>
  18.  
  19. <label for="texto-a-insertar">Texto a insertar: </label><input id="texto-a-insertar" />
  20. <input type="button" id="insertar" value="insertar texto en div" />
  21.  
  22. <div id="insertame-texto">
  23.  
  24. </div>
  25. </body>
  26. </html>

Acá lo podés ver en funcionamiento:
http://jsbin.com/egini3

La idea es usar el muy útil .html() de jquery. Lo que hace es reemplazar el html interior del elemento que has obtenido con el selector. También podés lograr efectos parecidos con .append(), .after(), .before(). Todas bien documentadas en el sitio de jquery: www.jquery.com
  #3 (permalink)  
Antiguo 15/03/2011, 13:20
 
Fecha de Ingreso: febrero-2011
Mensajes: 8
Antigüedad: 6 años, 9 meses
Puntos: 0
Respuesta: Escribir un texto referenciado en un div

Muchas gracias Naahuel por tu respuesta, pero estoy intentando poner lo que me has dicho en mi código y no me funciona, (perdona mi torpeza). El texto que yo tengo (es un evento de un calendario) lo tengo en un archivo xml, y el código que tengo utiliza cuando se pincha la fecha un alert para mostrar la información:

for (i=0;i<xmlCalendario.length;i++){
var fecha = xmlCalendario[i].getAttribute('fecha');
if (fecha == cDia+ "-" + Mes + "-" + Anio){
var titulo = xmlCalendario[i].getAttribute('titulo');
var descripcion = xmlCalendario[i].getAttribute('descripcion');
textoCelda = '<a href="#" class="diacita" onclick="alert(\''+descripcion+'\');return false" title="'+titulo+'">' + cDia + '</a>';
textoTd = '<td class="celdacita">'
}

este es el código completo de esa parte, 'descripcion' es el texto que quiero poner. Intento poner el "$('#insertame-texto').html('<p>'+ texto +'</p>');" en lugar del alert, pero me da un error enorme. Se puede utilizar con la función "onclick"???

Gracias!!!
  #4 (permalink)  
Antiguo 15/03/2011, 13:36
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 6 años, 8 meses
Puntos: 192
Respuesta: Escribir un texto referenciado en un div

Mmm, no entiendo bien lo que querés hacer entonces... Pero tal vez puedas hacer algo como esto:

En lugar de:
alert(\''+descripcion+'\');

Algo como
document.getElementById("id-del-div-a-insertar-texto").innerHTML= descripcion;
  #5 (permalink)  
Antiguo 15/03/2011, 15:29
 
Fecha de Ingreso: febrero-2011
Mensajes: 8
Antigüedad: 6 años, 9 meses
Puntos: 0
Respuesta: Escribir un texto referenciado en un div

Muchas gracias por tu consejo, lo he intentado pero no me funciona con el

document.getElementById("id-del-div-a-insertar-texto").innerHTML= descripcion;

pero seguiré intentándolo, muchas gracias!
  #6 (permalink)  
Antiguo 15/03/2011, 17:11
Avatar de ContactarNET  
Fecha de Ingreso: septiembre-2010
Mensajes: 59
Antigüedad: 7 años, 2 meses
Puntos: 3
Respuesta: Escribir un texto referenciado en un div

donde dice "id del div a insertar texto", tenes que cambiarlo por el nombre del ID que le pusiste vos al elemento.


Si se llama div id="capa1"

lo cambias y pones:

document.getElementById("capa1").innerHTML= descripcion;

Saludos,
Gabriel.
__________________
Contactar NET Diseño y Desarrollo web

CEO / Programación.
Gabriel.
  #7 (permalink)  
Antiguo 14/01/2013, 20:51
 
Fecha de Ingreso: enero-2013
Mensajes: 13
Antigüedad: 4 años, 10 meses
Puntos: 0
Respuesta: Escribir un texto referenciado en un div

Gracias por responder pero sin el cast también me muestra mal el dato. He puesto el campo en tipo texto, tipo varchar, double, y el problema persiste. Bueno me acabo de dar cuenta que no iba a escribir esto aca pero no se como eliminarlo.

Etiquetas: Ninguno
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 11:19.