Solved

jsp onclick create  dynamic textarea

Posted on 2011-02-22
4
1,146 Views
Last Modified: 2013-11-24
In my jsp , onclick of list items , I would like to create dynamic textarea so that user can type some comments  . How do I do that ?

N.B:  I"m using Struts 2 in the Action class. I would like to  capture the values from the textarea .
0
Comment
Question by:cofactor
  • 2
4 Comments
 
LVL 20

Accepted Solution

by:
chaitu chaitu earned 500 total points
ID: 34958706
function ex()
{
txtsarea=	document.createElement("textarea");
txtsarea.rows='20'
txtsarea.columns='40'
document.body.appendChild(txtsarea);
}

  </script>
 </HEAD>

 <BODY>
india  <input type='checkbox' id='chk' onclick='ex()'>

 </BODY>

Open in new window

0
 
LVL 20

Expert Comment

by:Proculopsis
ID: 34958712

Are you after something like this:

<html>
<head>
<title>http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q__26841139.html</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
<script>

$(function() {

  $(".click-me")
  .click( eventClick )
  .css( { cursor: "hand" } );

});

function eventClick() {
  var id = $(this).attr( "rel" );
  if ( $("#"+id).length == 0 ) {
    $(this).after(
      $("<textarea/>").attr( { id: id } )
    );
  } else {
    $("#"+id).toggle();
  }
}

</script>
</head>
<body>

<ul>
  <li class="click-me" rel="1">Alpha</li>
  <li class="click-me" rel="2">Bravo</li>
  <li class="click-me" rel="3">Charlie</li>
  <li class="click-me" rel="4">Delta</li>
  <li class="click-me" rel="5">Echo</li>
</ul>

</body>
</html>

Open in new window

0
 
LVL 20

Expert Comment

by:chaitu chaitu
ID: 34958795
give name to this textarea
txtsarea.name='txtareavalues'
when you click submit button it will call action class

retrieve the textarea in action class
 using request.getParameter("txtareavalues")
0
 
LVL 20

Expert Comment

by:Sathish David Kumar N
ID: 34964878
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

I've been trying to accomplish this for a while and it just struck me yesterday how to accomplish this task. I have done searches all over the internet looking for ways to email pages from my applications and finally I have done it!!! Every single s…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

776 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question