שלום

ברשותי טופס html של חברת נסיעות ברצוני לערוך את הטופס ולאפשר אופציה של נוסע אחד (כרגע יש בטופס אופציה פתוחה של 3 נוסעים כברירית מחדל) ברצוני לערוך את זה שבראש הטופס יהיה אפשרות לבחור מס' נוסעים והטופס יפתח אותם באופן אוטומטי ויציג את השורות שנבחרו כתנאי לבחירת מס' הנוסעים

מצורף קובץ המקור של טופס הנסיעות הנ"ל אשמח אם תוכלו לעזור לי לערוך אותו

מצורף קובץ ה html

http://www.f2h.co.il/1936007626355

בזמן האחרון למדתי HTML וJS ויש אפשרות להחביא כל tag שאתה רוצה ע"י שימוש ב styles . אתה יכול פשוט להשתמש בradio button (עושים לכולם את אותו name כדי לקשר בינהם אם הבנתי נכון) או select box ואז להוסיף onclick או onchange בהתאם לבחירה שלך ולהעביר את האינפורמציה לפונקציה שרצה על השדות שלך ומשנה את הclass שלהם בהתאם. ראיתי שאתה משתמש בטבלה אז הקוד שלי יכול לעבוד עם קצת שינויים (במקום toggle להעביר את כולם לshow/hidden בהתאם למספר עמודה)

אתה צריך אז להגדיר שני class ב CSS שההבדל בינהם הוא המאפיין display . יש לי דוגמה קטנה באתר הפשוט שלי

<style type="text/css">
td.shown {display:table-inline;}
td.hidden {display:none;}
</style>
.
.
.
function onShowExtraStats()
{
var tbl= document.getElementById("armor_table");
var i;
var j;
updateLoadStatus("toggle " +tbl.rows[0].length );
for(j=0;j<tbl.rows.length;j++)
{
	for(i=0;i<tbl.rows[j].cells.length;++i)
	{
	if(tbl.rows[j].cells[i].className== "hidden")
		tbl.rows[j].cells[i].className="shown";
	else 
	if(tbl.rows[j].cells[i].className== "shown")
		tbl.rows[j].cells[i].className="hidden";

	}
}

}

חתכתי חלק מהקוד ותשים לב שהפונקציה נמצאת בתוך קובץ JS

הנה האתר שלי http://niseg.0adz.com/dmgcalc/dmg_calc_itm.html

זאת הפונקציה שמטפלת בכפתור extra stats . ברמת העיקרון העיצוב שלי לא משהו אבל הוא די פונקציונאלי . זה מחשבון נזק של משחק מחשב שמעבד קבצים של המשחק. הזמן הטעינה הארוך הוא בגלל שאילו קבצים די גדולים (600K ויותר לפעמים) והוא עושה את הכל client side .

עוד אופציה היא לעשות disable לinputs .