استيراد اعمدة الجدول الى 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"> الاسم</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 = "استيراد"/></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"> الاسم</td> <td bgcolor="#C0C0C0"> الرقم</td> </tr> <tr> <td> </td> <td> </td> </tr> </table> </body> </html>

<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++) {
                //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 < lines.length; i++) {
                //code here using lines 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>

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

مواضيع مشابهة