get a data from textarea and show this data on div in javascript

Question

0.00/5 (No votes)

See more:

i have written following code to get the data from textarea those input by user and show that data on the div(odiv3) after clicking on "ok" button;

its working but the data those paste on div its going unvisible after clicking on button o"ok".

How i can show this data on div ????/

XML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Three Div Tags</title>
<script type="text/javascript">
   function addContent(odiv3, data) 
   {
      alert("ddddd");
     document.getElementById(odiv3).innerHTML = data;
 }	 
  </script>
<style>
#odiv1{
	margin:3px;
	
	background-color:#333333;
	height:400px;
	width:460px;
}
#odiv2{
background-color:#0066FF;
margin-left:8px;
    margin-top:15px;  
	
	height:200px;
	width:200px;
	float:left;
		
}
#odiv3{ overflow:Auto;
margin-top:12px;
  
   float:right;
	background-color: #00FF66;
	height:340px;
	width:200px;
	 
}
</style>

</head>

<body>
<form name="form">
<div id="odiv1"><p align="left">odiv1</p>
<div id="odiv2">div2<br>
  <textarea  id="text" cols="20"   rows="5"></textarea>
</br></div>
<div id="odiv3">odiv3<br>
  </br></div>
</div>
<input type="submit" value="ok"  önclick="addContent('odiv3', document.form.text.value);" />
   </form>
</body>
</html>

Posted 3-Jun-12 10:04am

swapnil66

Updated 14-Jun-12 9:44am

fjdiewornncalwe

v4

Add a Solution

Comments

Sergey Alexandrovich Kryukov 3-Jun-12 17:15pm

Can anyone finally answer me: where so many people get "önclick" instead of "onclick"?
--SA

Sergey Alexandrovich Kryukov 3-Jun-12 17:17pm

How come your style tag is there without any valid attributes?
It should be <style type="text/css"> under the <head> element.
--SA

swapnil66 4-Jun-12 7:30am

swapnil66 4-Jun-12 4:50am

Prosan 4-Jun-12 7:00am

when you click on ok button than your alert message is showing or not.if showing than check what is coming in data.

swapnil66 4-Jun-12 7:32am

alert is coming
and data save in variable is also correct.
but when click on ok button then it will disappear from the div immediately

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Prosan · Accepted Answer · 2012-06-04T01:06:00

XML

<script  type ="text/javascript" language ="javascript"  >
function showDiv1()
{
document.getElementById('Div1').innerHTML=document.getElementById('TextArea1').value;
return false;
}
    </script>


<input type="submit" id="btn" value="ok" onclick="return showDiv1();" />

use like this i think it will solve ur problem. i have checked it. it is working.

Sergey Alexandrovich Kryukov · Accepted Answer · 2012-06-03T11:24:00

Where is your name="text"? After all, do it all in jQuery to stop worrying and start programming.
You would get the elements using jQuery selectors and add/modify content/properties using the manipulation group of methods:
http://api.jquery.com/category/selectors/[^],
http://api.jquery.com/category/manipulation/[^].

Please see:
http://en.wikipedia.org/wiki/Jquery[^],
http://jquery.com/[^].

Start here:
http://docs.jquery.com/Tutorials:How_jQuery_Works[^],
http://docs.jquery.com/Tutorials[^],
http://docs.jquery.com/Main_Page[^].

Write less, do more…

—SA

get a data from textarea and show this data on div in javascript

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0