PDA

View Full Version : سوال: ایجاد ویزاد با جاوا اسکریپت



Sirwan Afifi
یک شنبه 27 آذر 1390, 13:25 عصر
سلام دوستان بنده می خوام یه ویزارد ایجاد کنم با دو صفحه یک صفحه که بتونم مراحل رو ثبت کنم و صفحه بعد برای پیمایش در میان مراحل
، صفحه مربوط به پیماش رو خودم تا حدودی درست کردم :

79365

اینم کدش :
var count = 0;
function NextRow3() {
var tbl = document.getElementById("tbl1");
while (count < tbl.rows.length) {
if (tbl.rows[count].bgColor != "lightblue") {
tbl.rows[count].bgColor = "lightblue";
tbl.rows[count].innerHTML = "<td>مرحله " + (count + 1) + "</td>";
//if (tbl.rows[count].title != "")
var dv = document.getElementById("dvText").innerText = tbl.rows[count].title + " ";
/*else {
tbl.rows[count].title = prompt("برای سطر " + (count + 1) + " خصوصیت " + "\n : را مقداردهی کنید title", "");
var dv = document.getElementById("dvText").innerText = tbl.rows[count].title + " ";*/
// }
if (count >= 0) {
tbl.rows[count - 1].bgColor = "white";
tbl.rows[count-1].innerHTML = "<td></td>";
}
}
count++;
break;
}
}

Saber Mogaddas
دوشنبه 28 آذر 1390, 15:45 عصر
سلام
یه فایل امتحان online براتون ضمیمه میکنم.. به سورسش نگاه کنید کارتون را میفته..مشکلی هم پیش اومد فقط مشکل رو مطرح کنید..موفق باشید..

79416

Sirwan Afifi
دوشنبه 28 آذر 1390, 19:48 عصر
سلام
یه فایل امتحان online براتون ضمیمه میکنم.. به سورسش نگاه کنید کارتون را میفته..مشکلی هم پیش اومد فقط مشکل رو مطرح کنید..موفق باشید..

79416

خیلی ممنون صابر جان
ولی نمی خوام از پلاگین (jquery)استفاده کنم. همون فقط جاوا اسکریپت.
با jquey میشه انجام داد مثلا با پلاگین Jquey Form Wizard که مختص همین کاره ولی من یه چیز ساده رو فقط با جاوا اسکریپت می خوام.

Keramatifar
یک شنبه 04 دی 1390, 23:10 عصر
مشکلتون دقیقا توی کدوم قسمتش است؟
می خواهید چیکار کنید که نمی تونید؟

Sirwan Afifi
یک شنبه 04 دی 1390, 23:25 عصر
می خوام یه ویزارد مطابق تصویر پست اول بسازم که با کلیک بر روی دکمه next اطلاعات اون step در div سمت راست نمایش داده بشه.
در کدی که نوشتم اطلاعات هر سطر رو توی خصوصیت Title گذاشتم.حالا می خوام برای هر Step اطلاعاتش رو از یک Text Input بگیره.در ضمن اطلاعات هر مرحله توی خصوصیت Title نباشه.

<table width=400px border=2 id="tbl1">
<tr title="ثبت نام اولیه">
<td><div></div></td>
</tr>
<tr title="ورود اطلاعات فردی">
<td><div></div></td>
</tr>
<tr title="انتخاب شهر و محل زندگی">
<td><div></div></td>
</tr>
<tr title="نصب نرم افزار">
<td><div></div></td>
</tr>
<tr title="مرحله پنجم ثبت نام در سایت">
<td><div></div></td>
</tr>
<tr title="مشاهده وضعیت دانشجو در سایت">
<td><div></div></td>
</tr>
<tr title="مرحله ششم ثبت نام در سایت">
<td><div></div></td>
</tr>
<tr title="ثبت نام شما با موفقیت به پایان رسید">
<td><div></div></td>
</tr>
</table>