Test Foro de elhacker.net SMF 2.1

Programación => Programación General => 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 (html4strict) [Seleccionar]
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>

<div style="margin-top:100px;margin-left:150px;background:white;float:left;width:300px;height:200px;">
     
      <div style="width:408px;heigth:30px;border:1px black solid;border-bottom:none">
      <img src="archivos/negrita.jpg" width="15px" style="cursor:pointer" onclick="$('#publicacion').html('[b][/b]')"/>
      <img src="archivos/cursiva.jpg" width="15px" style="cursor:pointer;margin-left:5px;" onclick="$('#publicacion').html('[i][/i]')"/>
  </div>
      <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 (javascript) [Seleccionar]
$('#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 (javascript) [Seleccionar]

$(document).ready(function(){
     $('.negrita').click(function(){
          $('#publicacion').html( $('#publicacion').html()+'[b][/b]')
     });
     $('.cursiva').click(function(){
          $('#publicacion').html( $('#publicacion').html()+'[i][/i]')
     });
})

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