PDA

View Full Version : سوال: ایجاد کردن جدول با درست کردن یک button



Minamir
چهارشنبه 10 آذر 1389, 09:49 صبح
سلام دوستان من در حال درست کردن یک editor هستم برای پروژه دانشگاه اما تو خیلی چیزاش گیر کردم و چون فقط بهم گفتن تو محیط Dreamweaver و اونم فقط با جاوا و html هیچی دیگه نباید توش بکار برده باشم!!!
الان تو درست کردن جدول گیر کردم هر کاری می کنم نمی شه تقریبا بیشترشو درست کردم گیره اینم!!!اونم اینطوری که یک button قرار بدیم که هر وقت روش کلیک شد از شما سطر و ستون رو بخواد و طبق همون براتون جدول رسم کنه چه بهتر که border و bordercolor رو هم بپرس خواهش می کنم کمکم کنید که بد گیر کردم تا شنبه باید حاضر بشه!!!!:گریه::گریه:
دوستان نخندید به کدم تازه کارم تا اینجاشم که بقیه چیزاشو درست کردم پدرم... !کدی که نوشتم اینه خواستم بجای prompt از text استفده بکنم ولی فرقی نمی کنه برام لطفا ایرادمو بهم بگین!!!



<html>
<head>
<script language="javascript">
function Tbl()
{
var t1=document.getElementById("tx1");
var t2=document.getElementById("tx2");
document.write("<table border="3">");
var x=t1.value;
var y=t2.value;
for(i=0;i<x;i++)
{
document.write("<tr>");
for(j=0;j<y;j++)
{
document.write("<td>","&nbsp;","</td>");
}
document.write("</tr>");
}
document.write("</table>");
}
</script>
</head>
<body>
<form>
Rows :<input type="text" id="tx1"><br>
Cols :<input type="text" id="tx2"><br>
<input type="button" name="Button" value="Table" onClick="Tbl()">
</form>
</body>
</html>

hossin.esm
چهارشنبه 10 آذر 1389, 22:48 عصر
مشکل این بود که بعد از document.write("<table border="3">"); کد صفحه تغییر کرده و دیگه نمی توانید به مقدار تکست باکس سترسی داشته باشید





<html>



<head>
<script language="javascript">
function Tbl()
{

var t1=document.getElementById("tx1");
var t2=document.getElementById("tx2");
var x=t1.value;
var y=t2.value;
document.write("<table border=\"3\">");
for(i=0;i<x;i++)
{
document.write("<tr>");
for(j=0;j<y;j++)
{
document.write("<td>","&nbsp;","</td>");
}
document.write("</tr>");
}
document.write("</table>");
}
</script>
</head>
<body>
Rows :<input type="text" id="tx1"><br>
Cols :<input type="text" id="tx2"><br>
<input type="button" name="Button" value="Table" onClick="Tbl();">
</body>
</html>

hossin.esm
چهارشنبه 10 آذر 1389, 23:03 عصر
این هم مثال کامل تر



<html>
<head>
<script language="javascript">
function Tbl()
{

var t1=document.getElementById("tx1");
var t2=document.getElementById("tx2");
var border=document.getElementById("border").value;
var x=t1.value;
var y=t2.value;
var txt="<table border=\""+border+"\">";
for(i=0;i<x;i++)
{
txt+="<tr>";
for(j=0;j<y;j++)
{
txt+="<td>&nbsp;</td>";
}
txt+="</tr>";
}
txt+="</table>";
document.getElementById("table").innerHTML=txt;
}
</script>
</head>
<body>
Rows :<input type="text" id="tx1" value="5"><br>
Cols :<input type="text" id="tx2" value="5"><br>
border :<input type="text" id="border" value="1"><br>
<input type="button" name="Button" value="Table" onClick="Tbl();">
<div id="table">
</div>
</body>
</html>

Minamir
پنج شنبه 11 آذر 1389, 12:59 عصر
واقعا ممنون لطف کردین انشالله جبران کنم دوستان!!!! دوستای خوبم ببخشید ولی اگه سوال داشتم بازم اجازه هست بپرسم؟ بخدا خیلی خوشحالم کردین واقعا کاشکی میتونستم جبران کنم

hossin.esm
پنج شنبه 11 آذر 1389, 14:57 عصر
بله می تونی بپرسی
برای تشکر کردن از دوستان (از من که نکردی مهم نیست ) بهتر است دکمه تشکر کردن را بزنید