• 0
الحايطي

استيراد اعمدة الجدول الى textarea

سؤال

السلام عليكم يعطيكم العافيه جميعا

الى المهندسون جزاهم الله عنا خير الجزاء

ارجو التكرم وحل مشكلتي

مطلوب استيراد أعمدة الجدول الى textarea والفاصل بين العمود *

وتصدير البيانات من  textarea  الى جدول

مثال

<html dir="rtl">

<head>
<meta http-equiv="Content-Language" content="ar-sa">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>صفحة جديدة 1</title>
</head>

<body>

<p>استيراد</p>

<table border="1" width="208">
	<tr>
		<td bgcolor="#C0C0C0">&nbsp;الاسم</td>
		<td bgcolor="#C0C0C0">&nbsp;الرقم</td>
	</tr>
	<tr>
		<td>محمد</td>
		<td>010</td>
	</tr>
	<tr>
		<td>خالد</td>
		<td>333</td>
	</tr>
	<tr>
		<td>سامي</td>
		<td>434</td>
	</tr>
</table>
<p>
        <input type="button"   value = "استيراد"/></p>
<p><textarea name="T1" cols="28" rows="6">محمد*010
خالد*333
سامي*434</textarea></p>
<p>
        <input type="button"   value = "تصدير"/></p>

<p>تصدير</p>

<table border="1" width="208">
	<tr>
		<td bgcolor="#C0C0C0">&nbsp;الاسم</td>
		<td bgcolor="#C0C0C0">&nbsp;الرقم</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	</table>

</body>

</html>

 

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

1 إجابات على هذا السؤال .

  • 0
<html dir="rtl">

<head>
    <meta http-equiv="Content-Language" content="ar-sa">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
    <title>صفحة جديدة 1</title>
    <script>
        function subRead() {
            var table = document.getElementById("tabRead");
            var sVal = "";
            for (var i = 1, row; row = table.rows[i]; i++) {
                //iterate through rows
                //rows would be accessed using the "row" variable assigned in the for loop
                for (var j = 0, col; col = row.cells[j]; j++) {

                    //iterate through columns
                    //columns would be accessed using the "col" variable assigned in the for loop
                    sVal += '*' + col.innerHTML;
                }
                document.getElementById("T1").value += sVal.substring(1, 100000) + String.fromCharCode(13, 10);
                sVal = "";
            }
        }

        function subWrite() {
            var table = document.getElementById("tabWrite");
            var lines = document.getElementById("T1").value.split('\n');

            for (var i = 0, line; line = lines[i], i < lines.length; i++) {
                //code here using lines[i] which will give you each line
                if (line.length > 3) {
                    var words = line.split('*');

                    // Create an empty <tr> element and add it to the 1st position of the table:
                    var row = table.insertRow(i + 1);

                    // Insert new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
                    var cell1 = row.insertCell(0);
                    var cell2 = row.insertCell(1);

                    // Add some text to the new cells:
                    cell1.innerHTML = words[0];
                    cell2.innerHTML = words[1];
                }
            }
        }
    </script>
</head>

<body>

    <p>استيراد</p>

    <table id="tabRead" border="1" width="208">
        <tr>
            <td bgcolor="#C0C0C0">الاسم</td>
            <td bgcolor="#C0C0C0">الرقم</td>
        </tr>
        <tr>
            <td>محمد</td>
            <td>010</td>
        </tr>
        <tr>
            <td>خالد</td>
            <td>333</td>
        </tr>
        <tr>
            <td>سامي</td>
            <td>434</td>
        </tr>
    </table>
    <p>
        <input type="button" value="استيراد" onclick="return subRead();" />
    </p>
    <p>
        <textarea id="T1" cols="28" rows="6">

   </textarea>
    </p>
    <p>
        <input type="button" value="تصدير" onclick="return subWrite();" />
    </p>

    <p>تصدير</p>

    <table id="tabWrite" border="1" width="208">
        <tr>
            <td bgcolor="#C0C0C0">الاسم</td>
            <td bgcolor="#C0C0C0">الرقم</td>
        </tr>

    </table>

</body>

</html>

 

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

من فضلك سجل دخول لتتمكن من التعليق

ستتمكن من اضافه تعليقات بعد التسجيل



سجل دخولك الان

  • يستعرض القسم حالياً   0 members

    لا يوجد أعضاء مسجلين يشاهدون هذه الصفحة .