ansaurus

Question

Implicit Folding in TEXTAREA with Javascript

Answer 1

+1 A:

You might want to look at some Rich Text Editors implemented in JavaScript. If you look at the folding as an inline style sort of thing ( css display:none; }, I'm sure you could just add a rule to their syntax highlighting to get the folding to work without much effort.

10 jQuery and non-jQuery RTEs

You could also take a look at Mozilla's bespin Project (http://mozillalabs.com/bespin/). Can't post more links, little new to SO.

Scott R 2010-08-26 21:30:28

Answer 2

A:

$(function(){
  //Format on load
  $(".folding").html('[]');

  //Wire up load
  $(".folding").mouseover(function(){
    $(this).html('[' + $(this).attr("original") + ']');
  }).mouseout(function(){
    $(this).html('[]');
  });                   
});


<BODY>ABC <span class="folding" original='123'>[123]</span> DEF</BODY>

This should work for you. Not the most eloquent but delivers desired results.

jaredmroberts 2010-08-28 00:03:07

@jaredmroberts: Thanks for the thoughts. While this allows folding for *mousover* of a **span**. This doesn't solve the *caret* over a section of a **textarea** problem though.

Brian M. Hunt 2010-08-29 20:33:57

ansaurus

tags:

views:

answers:

Implicit Folding in TEXTAREA with Javascript

related questions