מורים שרוצים לשאול שאלות נוספות /עזרה בקטע קודיכולים לפנות למיילים הבאים:

ludmerr@012.net.ilרחל – smadar1965@gmail.comסמדר -

קישור להתקנת תוכנתweb developerוחמרים נוספים.

דרישות בסיס:

שעות מעבדה שבועיות3 • ידע קודם בתכנות עד לולאות )כולל(• מחשב לכל תלמיד•

סדר הלימוד:

• HTML– שעות.8עיצוב עד שעות. 4-6טפסים

• JavaScript – 10-12.שעות תקינות, בהדרגה . הסבר כללי ובדיקות

שילוב לולאות בטופס.•ASP - הסבר כללי , אובייקטים של שרת

(Response )write,redirect(, Request, Session ,) – הסבר כללי לבניית מסד נתונים Access מסדי נתונים - •

והקשר שלו לטופס. בניית טבלת נתונים בהתאם לטופס קיים.

פעולות על מסד נתונים

הסבר קצרצר על כך שיש מחלקות מוכנות המקשרות בין 1.מסד

הנתונים לבין דפי האתר – בשלב זה לא נכנסים ל"עובי הקורה".

הכנסת נתוני טופס לטבלת המסד )ללא שדה ייחודי(.2.

הצגת נתונים מטבלת המסד )טבלה מלאה וטבלה חלקית(.3.

(.like חיפושים )פשוטים ומורכבים, כולל 4.

הסבר הצורך ברשומה ייחודית לזיהוי משתמש לצורך עדכון 5. נתונים ומחיקה.

כניסת משתמש וכניסת מנהל.6.

מחיקת משתמש )מחיקה אינטראקטיבית(.7.

עדכון אינטראקטיבי– אפשר להשאיר לסוף השנה.8.

סדר הלימוד – תוספות והרחבות:

אירועים • ((onclick,onmouseover חלונות •(window.open((,colse((( אלבום תמונות• שעון דיגיטלי• סקר•• Style

שיטות עיקריות להצגת הודעות שגיאה בטופס: 2

pop up (alert)הודעות הודעות על גבי הטופס •

פרויקט של סתיו – משלחת לארה"ב

פרויקט של סתיו – משלחת לארה"ב

הצטרפות לקהילת חברים

שלח

לאחר השליחה נצבעים השדות

שאינם תקינים-באדום

ומופיעות הודעות שגיאה

בצד השדה

השדה משנה צבעו ללבן

ברגע שהסמן מתמקד בו

קוד

שבו הגדרת התאנרשמת הודעת

השגיאהבטבלת הטופס

.idבעזרת

זימון F1הפונקציה

שהופכת את השדה ללבן

ברגע שהסמן מתמקד בו.

בעת הבדיקה מקבל התא את הודעת

השגיאה. תא זה ריק תחילה.

ובבדיקה מקבל תוכן.

רקע שדה הטקסט נצבע

באדום.

// הפונקציה מקבלת שם שדה וצובעת אותו בלבן

function f1(x) { document.getElementById(x).style.background = "white"; {

טופס החיפוש

דף תוצאות החיפוש

אפשרויות השפה

קוד הטופס:קוד הטופס:

nameה- חייב qלהיות

פרויקט של אלירן – "מוצרט"

מספר חיפושים שונים בטופס אחד

מספר חיפושים שונים בטופס אחדחלק מקוד הטופס

<form id="Form1" name="statis" method="post" runat="server">

........> tr>

> td>:מספר האנשים המנגנים על>br>/ > select id="ins" name="ins>"

%> string sq1 = "SELECT distinct ins FROM users order by ins;"

System.Data.DataTable dt1 = MyDbase.SelectFromTable)sq1, "database.mdb"(;

for )int i = 0; i > dt1.Rows.Count; i++( Response.Write)">option>" + dt1.Rows[i]["ins"] + ">/option>"(;

>%

/> select> >input type="submit" name="submit" value=“חפש כלי“/>

/> td >/> tr>

מחזיר רשומות ללא כפילויות של השדה -

ins

כפתור השליחה מקבל nameלזיהוי

המשך קוד הטופס )חיפוש נוסף באותו טופס)

>select name="hoby1"> >option>football>/option> >option>basketball>/option> >option>judo>/option> >/select> >select name="byear1" id="byear1"> >% string sq3 = "select distinct byear from users order by byear"; System.Data.DataTable dt3 = MyDbase.SelectFromTable)sq3, "database.mdb"(; for )int i = 0; i > dt3.Rows.Count; i++( Response.Write)">option>" + dt3.Rows[i]["byear"] + ">/option>"(; %> >/select> >input type="submit" name="submit" value="חפש שנת לידה וחוג“/> >/td> >/tr> >/table> >/form>

כפתור שליחה עם אבל nameאותו

עם ערך אחר

הנתונים לרשימה הנגללת נשלפו מהמסד בעזרת

לולאה

הנתונים לרשימה הנגללת נשלפו מהמסד בעזרת

לולאה

של דף החיפושיםCSקוד protected void Page_Load)object sender, EventArgs e({

string sq;"" =

string button= Request.Form["submit"]; if )button=="חפש כלי“ ( { string instrument = Request.Form["ins"]; sq = "select * from users where ins='" + instrument + "'"; System.Data.DataTable dt = MyDbase.SelectFromTable)sq, "database.mdb"(; st = MyDbase.showTable)dt(; {...... if )button== "חפש שנת לידה וחוג”( { string byear = Request.Form["byear1"]; string hoby = Request.Form["hoby1"]; sq = "select * from users where hoby like '%" + hoby + "%' and byear='" + byear + "'"; System.Data.DataTable dt = MyDbase.SelectFromTable)sq, "database.mdb"(; st = MyDbase.showTable)dt(; {

בהתאם לערך של כפתור השליחה מתבצע הקטע

המתאים

הוספת תמונה מטופס למאגר

הנתונים

הצגת תמונה ממאגר הנתונים

פרויקט של טל – "אימוץ כלבים"

מילוי הטופס – נתיב התמונה מודגש

התמונה חייבת להימצא בתיקייתimages

המאגר התעדכן בהוספת פרטי הכלב

>/tr> >tr bgcolor="#ffcccc"> >td>תמונת הכלב>/td> >td> >input type="file" id="pic" name="pic" size="18“/ > >/td> >/tr>

קוד התמונה בטופס

....string pic = Request.Form["pic"];

pic = pic.Substring)pic.IndexOf)"images"((; string sq = "SELECT *from dogs where kode='" + kode + "'"; System.Data.DataTable t = MyDbase.SelectFromTable)sq, "database.mdb"(; if )t.Rows.Count == 0( { string sq1 = "insert into dogs)size2,D_name,kode, age2,sex,special,pic(" + "VALUES )'" + size2 + "' ,'" + dname + "','" + kode + "'," + age2 + ",'" + sex + "','" + special + "','" + pic+ "'("; MyDbase.ChangeTable)sq1, "database.mdb"(; { else st="קוד הכלב כבר קיים!“;

קוד קבלת הנתונים מהטופס csוהכנסת התמונה למאגר– דף

לכל כלב יש קוד ייחודי

נקבל תת מחרוזת החל ועד imagesמהמילה

סוף המחרוזת

בחירת כלב לאימוץ מתוך המאגר הקיים

לקוד

טבלת כל הכלבים במסדטבלת כל הכלבים במסד

טבלת הכלבים המאומציםנשמר קוד הכלב ות"ז של המאמץ

טבלת הכלבים המאומציםנשמר קוד הכלב ות"ז של המאמץ

קוד בחירת כלב לאימוץ מתוך המאגר הקיים

הצגת פרטי הכלבים כולל תמונה

וכפתור רדיו לבחירה

string kode = )string(dt.Rows[i]["kode"]; string sq1 = "SELECT * from imutz where kode='" + kode + "'"; System.Data.DataTable t = MyDbase.SelectFromTable)sq1, "database.mdb"(; if )t.Rows.Count > 0( { Response.Write)">td>>input type='radio' name='select1‘ disabled value='" + )string(dt.Rows[i]["kode"] + "' > >/td>"(; Response.Write)">td>>font color='red'>הכלב אומץ>/font>>/td>>/tr>"(; {else { Response.Write)">td>>input type='radio' name='select1' value='" + )string(dt.Rows[i]["kode"] + "' > >/td>"(; Response.Write)">td>&nbsp;>/td>>/tr>"(;{

קבלת קוד הכלב - ושמירה במאגר כולל ת"ז של המאמץ

if )Page.IsPostBack( { string kode = Request.Form["select1"]; string id=)string(Session["id"]; string sq1 = "insert into imutz)id,kode( VALUES)'" + id + "','" + kode + "'("; MyDbase.ChangeTable)sq1, "database.mdb"(; st = בקשתך התקבלה“”; { {

( שומרים kodeלכל כלב ) את ת"ז של המאמץ

)לכל כלב יש רק מאמץ אחד(

שדה ייחודישדה ייחודי

מחקמחק

קישור לדף מחיקה. הקישור "גורר"

אחריו שדה ייחודי mail

מחק לצמיתות

נמחקה הרשומה של

לולילהצגת הקוד

שורות קישור

למחיקה ולעריכה

שליפת המייל משורת הקישור

מחיקת הרשומה

עריכה

קישור לדף עריכה הגורר

שדה ייחודי

נעדכן את כתובת המגורים

שלח

להצגת הקוד

פרטי המשתמש מופיעים

בטופס. השדה הייחודי לא ניתן לשינוי

שליפת שדה ייחודי

אחסון הנתונים ,SESSIONב-

או בדרך אחרתאפשר לאחסנם במשתנים

publicציבוריים

sessionפתיחת מסד הנתונים, שליפת נתוני המשתמש והכנסתם ל

הצגת הנתון בשדה הטופס

valueבהמשך העמוד: בדיקות תקינות והצבת ערכי השדות בעזרת

עדכון הנתונים במסד

הכתובת התעדכנ

ה

מסד הנתונים יכול להיראות כך:

או בצורה כזו: )עבודה יותר קלה בקוד(

קוד ההכנסה

למסד

קוד ההכנסה למסד)יותר פשוט

למימוש(

הוא שם השדהVOTEה-

string vote = Request.Form["vote"]; string sq1 = "SELECT * FROM seker"; System.Data.DataTable dt = MyDbase.SelectFromTable)sq1, "database.mdb"(;

int n = )int(dt.Rows[0][vote]; n++; string ss = vote + "=" + n; string sq2 = "update seker set " + ss; MyDbase.ChangeTable)sq2, "database.mdb"(;

לחץ להגדל

ה

string vote = Request.Form["vote"]; string sq2 = "update seker1 set mone=mone+1 where hug='" + vote + "'"; MyDbase.ChangeTable)sq2, "database.mdb"(; double sum = 0; string sq1 = "SELECT * FROM seker1"; System.Data.DataTable dt = MyDbase.SelectFromTable)sq1, "database.mdb"(; for )int i = 0; i > dt.Rows.Count; i++( sum = sum + )int(dt.Rows[i]["mone"]; s1 = s1 + )int())int(dt.Rows[0]["mone"] / sum * 100( + "%"; s2 = s2 + )int())int(dt.Rows[1]["mone"] / sum * 100( + "%"; s3 = s3 + )int())int(dt.Rows[2]["mone"] / sum * 100( + "%"; s4 = s4 + )int())int(dt.Rows[3]["mone"] / sum * 100( + "%"; s5 = s5 + )int())int(dt.Rows[4]["mone"] / sum * 100( + "%";