View Full Version : قرار دادن متن در زمان اجرا بین تگ textAres
  
ali_mnkt
چهارشنبه 21 مهر 1389, 21:26 عصر
با سلام
یک تگ  textArea دارم و یک input(button) در onclick اون دکمه یک تابع javascript رو فراخونی میکنه . حالا من می خوام به اون تابع یک متنی رو بفرستم و اون متن در textArea  نمایش داده بشه ( در اصل بین تگ  textArea قرار بگیره ) در اون تابع چی باید بنویسم  نمونه برنامش رو هم ضمیمه کردم اگه بشه روی اون برنامه تغییرات رو اعمال کنید و ضمیمه کنید خیلی خوب می شه و یا حداقل روش کار رو بگید ممنون می شم
binyaft
شنبه 24 مهر 1389, 16:35 عصر
<script language="javascript">function insertSmiley(smiley){var textArea = document.getElementById("post");var canCreateTextRange = textArea.createTextRange;if (canCreateTextRange){textArea.focus(textArea.caret Pos);textArea.caretPos = document.selection.createRange().duplicate();selec tedTextLength = textArea.caretPos.text.length};smiley = " " + smiley + " ";if (canCreateTextRange){textArea.caretPos.text = smiley}else{textArea.value += smiley}};function hoverSmiley(smiley, state){if (state == 'in'){smiley.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grays cale=۰)"}else{smiley.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grays cale=۱)"}}</script>
تابع بالا برای همین کار ساخته شده 
یه textarea بساز به صورت زیر 
<textarea id="post"></textarea>
و حالا به صورت زیر استفاده کن 
<img src="d.gif" onclick="javascript:insertSmiley(':d')">
موفق باشید
khani_prog
شنبه 24 مهر 1389, 21:15 عصر
با سلام
شما مي تونيد با document.getElementById('txt_area').innerText=text اين كار رو بكنيد مثال زير اين كار رو بهتر نشون ميده:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script language="javascript" type="text/javascript">
        function f()
        {
            var text=document.getElementById ('txt').value;
            document.getElementById('txt_area').innerText=text ;
        }
    </script>
</head>
<body>
    <input type="text" id="txt" />
    <br />
    <input type="button" onclick="f()" />
    <br />
    <textarea id="txt_area"></textarea>
</body>
</html>
 
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.