Solved

jsp onclick create  dynamic textarea

Posted on 2011-02-22
4
1,130 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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Introduction This article is the last of three articles that explain why and how the Experts Exchange QA Team does test automation for our web site. This article covers our test design approach and then goes through a simple test case example, how …
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn how to implement Singleton Design Pattern in Java.
This tutorial covers a practical example of lazy loading technique and early loading technique in a Singleton Design Pattern.

760 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

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now