PDA

View Full Version : سوال: ایجاد جدول با نمایش کد و preview



Minamir
یک شنبه 14 آذر 1389, 11:06 صبح
سلام به همه دوستان!!!
خسته نباشید!!
من در حال درست کردن editor هستم سر این جدول دارم خود کشی می کنم،چند روز پیش سوال پرسیدم جواب گرفتم ولی حالا بعد از این که به استادمون گفتم گفت منظورم این جوری نیست باید طوری طراحی کنی که بعد از زدن دکمه ایجاد جدول هم کد رو تو texteare نمایش بده هم خود جدول رو تو یچیزی مشابه همون texteare که من نمی دونم نمایش جدول رو تو چی قرار بدم و هم اینکه برای نمایشش کدم غلط ایراد میگیره میشه لطفا راهنماییم کنید که همه امیدم بعد از خدا تو این انجمن هستش اونم فقط بخاطر شما دوستان که از هیچی کم نمی زارین!!!
کدی که زدم اینه فقط بهش نخندین:لبخند:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
function CreatTable()
{
var rows=prompt("Enter Rows","2");
var cols=prompt("Enter Cols","2");
var x=document.getElementById('TA1');
x.value=x.value+'document.write("<table border=\"3\">");'
x.value=x.value+'for(i=0;i<'+rows+';i++)'
x.value=x.value+'{'
x.value=x.value+'document.write("<tr>");'
x.value=x.value+'for(j=0;j<'+cols+';j++)'
x.value=x.value+'{'
x.value=x.value+'document.write("<td>","&nbsp;","</td>");'
x.value=x.value+'}'
x.value=x.value+'document.write("</tr>");'
x.value=x.value+'}'
x.value=x.value+'document.write("</table>");'
var z=document.getElementById('tab1');
z.innerHTML=z.innerHTML+'document.write("<table border=\"3\">");'
z.innerHTML=z.innerHTML+"for(i=0;i<rows;i++)"
z.innerHTML=z.innerHTML+"{"
z.innerHTML=z.innerHTML+"document.write("<tr>");"
z.innerHTML=z.innerHTML+"for(j=0;j<cols;j++)"
z.innerHTML=z.innerHTML+"{"
z.innerHTML=z.innerHTML+'document.write("<td>","&nbsp;","</td>");'
z.innerHTML=z.innerHTML+"}"
z.innerHTML=z.innerHTML+'document.write("</tr>");'
z.innerHTML=z.innerHTML+"}"
z.innerHTML=z.innerHTML+'document.write("</table>");'
}
</script>
</head>
<body id="b">
<form id="form2">
<input type="button" name="b7" id="b7" value="Table" onclick="CreatTable();"/> <textarea id="TA1" cols="45" rows="10">
</textarea>
</form>
<table border="1" bordercolor="#000000" width="300" height="200">
<tr>
<td id="tab1">
</td>
</tr>
</table>
</body>
</html>

بعد دوستان از اونجایی که من نمی دونستم نمایش جدول ایجاد شدم و قرار دادم تو یه جدول تا برام تو اون قسمت نمایش بده می دونم کاره خیلی اشتباهیه ولی نمی دونستم بجاش از چی باید استفاده میکردم
ممنون میشم مثل همیشه راهنمایم کنید

hossin.esm
یک شنبه 14 آذر 1389, 13:34 عصر
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
function CreatTable()
{
var rows=prompt("Enter Rows","2");
var cols=prompt("Enter Cols","2");
var z;
z='<table border=3>\n\r';
for(i=0;i<rows;i++)
{
z=z+" <tr>\n\r";
for(j=0;j<cols;j++)
{
z=z+' <td>&nbsp;</td>\n\r';
}
z=z+' </tr>\n\r';
}
z=z+' </table>\n\r';
document.getElementById('tab1').innerHTML=z;
document.getElementById('TA1').innerHTML=new String(z).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');

}
</script>
</head>
<body id="b">
<textarea id="TA1" cols="70" rows="10">
</textarea>
<br />
<form id="form2">
<input type="button" name="b7" id="b7" value="Table" onclick="CreatTable();"/>
</form>
<table border="1" bordercolor="#000000" width="600" height="200">
<tr>
<td id="tab1">&nbsp;</td>
</tr>
</table>
</body>
</html>

Minamir
یک شنبه 14 آذر 1389, 14:43 عصر
واقعا ممنون دوست من فقط یه سوال اگه بخوام مقدار قبلیش از بین نره که تو texteare و table نمایش هست باید چیکار کنم یعنی دو تا جدول بسازم!
بعد ام اگه برای نمایش نخوام از table استفاده کنم چی جاش بزارم؟

hossin.esm
یک شنبه 14 آذر 1389, 15:29 عصر
این کد را به جای کد خط 24و25 بگذار

document.getElementById('tab1').innerHTML +=z;
document.getElementById('TA1').innerHTML +=new String(z).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');

میتونی از چیز های دیگر استفاده کنی مثلا div

Minamir
یک شنبه 14 آذر 1389, 18:37 عصر
حسین جان یک دنیا ممنون خیلی کمکم کردی امیدوارم هرچی که از خدا می خوای بهت بده!!!