Foro de elhacker.net

Programación => Java => Mensaje iniciado por: herminio59 en 19 Abril 2014, 04:04 am



Título: [Ayuda] con Jquery
Publicado por: herminio59 en 19 Abril 2014, 04:04 am
Estoy tratando de poner un textarea con caritas letra en cursiva,negrita y todo eso.
entonces empezé a crearlo pero me surgio un problema al apretarle a la imagen de negrita en el textarea se escribe , pero si despues de apretarle sin borrar lo que se puso le apreto a cursiva no hace nada. Este es mi codigo
Código
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
  2.  
  3. <div style="margin-top:100px;margin-left:150px;background:white;float:left;width:300px;height:200px;">
  4.  
  5.      <div style="width:408px;heigth:30px;border:1px black solid;border-bottom:none">
  6.      <img src="archivos/negrita.jpg" width="15px" style="cursor:pointer" onclick="$('#publicacion').html('[b][/b]')"/>
  7.      <img src="archivos/cursiva.jpg" width="15px" style="cursor:pointer;margin-left:5px;" onclick="$('#publicacion').html('[i][/i]')"/>
  8.  </div>
  9.      <textarea id="publicacion" style="border-top:none;width:410px"></textarea
Saludos


Título: Re: [Ayuda] con Jquery
Publicado por: DanB en 23 Abril 2014, 14:31 pm
Hola, si no me equivoco, el problema que tienes e sque borra lo que esta escrito antes no? para solucionar eso prueba esto:
Código
  1. $('#publicacion').html( $('#publicacion').html()+'[b][/b]')
y tambien te recomiendo separar el codigo jquery ya que no es una buena costumbre usar los eventos onclick etc...

Código
  1. $(document).ready(function(){
  2.     $('.negrita').click(function(){
  3.          $('#publicacion').html( $('#publicacion').html()+'[b][/b]')
  4.     });
  5.     $('.cursiva').click(function(){
  6.          $('#publicacion').html( $('#publicacion').html()+'[i][/i]')
  7.     });
  8. })
  9.  
Para que el codigo anterior te funcione tendras que añadir las clases a los IMG y retirar los ONCLICK .
Saludos


Título: Re: [Ayuda] con Jquery
Publicado por: engel lex en 23 Abril 2014, 14:39 pm
esto no es java... esto es programación web, aunque su nombre sea javascript, no está relacionado con java realmente