אתה משתמש בדפדפן מיושן. יתכן והאתר הנוכחי יוצג באופן שגוי, כמו כן אתרים אחרים ברשת.
אנא שדרג את הדפדפן או השתמש בדפדפן חילופי.
אנא שדרג את הדפדפן או השתמש בדפדפן חילופי.
שאלת בסיס ב- script
- פותח הנושא et28
- פורסם בתאריך
עוץליגוץלי
New member
באיזו שפה התסריט שכתבת?
חסרות מספר תגיות (html לדוגמה). נראה שכתבת תסריט javascript תוך נסיון להשתמש בframewok בשם jquery, אבל לא הוספת הפנייה לframework המדובר.
<head>
<title> example </title> <script type='text/javascript'> function OnButtonClick(obj) { alert (obj.value); } </script> </head> <body> <button onclick='OnButtonClick(this);' value='Button1'> Click me !</button> <button onclick='OnButtonClick(this);' value='Button2'> Click me !</button> </body></html>
קבל דוגמה "מזערית" בלי שמוש במעטפות חיצוניות (יכולות לחסוך עבודה, אבל מבלבלות בשלב בו אתה נמצא).
חסרות מספר תגיות (html לדוגמה). נראה שכתבת תסריט javascript תוך נסיון להשתמש בframewok בשם jquery, אבל לא הוספת הפנייה לframework המדובר.
<!doctype html><html><head>
<title> example </title> <script type='text/javascript'> function OnButtonClick(obj) { alert (obj.value); } </script> </head> <body> <button onclick='OnButtonClick(this);' value='Button1'> Click me !</button> <button onclick='OnButtonClick(this);' value='Button2'> Click me !</button> </body></html>
קבל דוגמה "מזערית" בלי שמוש במעטפות חיצוניות (יכולות לחסוך עבודה, אבל מבלבלות בשלב בו אתה נמצא).
מספר שאלות
1. לשם מה אתה צריך תגית HTML?
2. מה זה FRAMEWORK ומה זה jQuery?
3. אני מצרף את ה"אתר" שאני כתבתי באתר הלימוד:
א. ניתן לראות שם שאין תגית HTML
ב. ניתן לראות שם שיש רק ב- BODY את ה script.
ג. מעניין לציין שכפתור ה- LIKE עובד רק באתר שלהם (לאחר לחיצה על כפתור הפעלה של javascript) ולא עובד כשאני מפעיל ב- firefoxץ למה?
ד. שם לב שהיה script רק ב- body. אתה כתבת script ב- head. מה ההבדל? האם אני צריך להמשיך בשיעורים על מנת להבין את זה?
ד. השאלה היא מה השפה הנכתבת (הם אומרים HTML ו- CSS) ומה ההבדל בין מה שכתבת לבין מה שהם כתבו.
שוב- תודה!!!
<link href="/normalize.css" rel="stylesheet">
<style> header { text-align: center; background: url('http://dash.ga.co/assets/jeff-bg.png'); background-size: cover; color: white; } a { color: white; } h1 { font-size: 70px; } img { margin: 40px 0px 0px 0px; border: 7px solid white; border-radius: 20px; } ul { padding: 10px; background: rgba(255,255,255, 1); } li { display: inline; padding: 0px 10px 0px 10px; } article { width: 500px; padding: 20px; margin: 0 auto; } @media (max-width: 500px) { h1 { font-size: 36px; } li { display: block; padding: 5px; } } } </style></head><body> <header> <img src="/assets/jeff.png"> <h1>Jeff's Blog</h1> <ul> <li><a href="#">About Me</a></li> <li><a href="#">Best Poems</a></li> <li><a href="#">Worst Poems</a></li> </ul> </header><article> <h2>VHS umami pop-up trust fund</h2> <p>Marfa church-key kitsch bicycle rights, 8-bit mixtape cardigan gentrify Echo Park. Street art swag brunch, next level roof party Schlitz hella organic keffiyeh selfies. You probably haven't heard of them polaroid hashtag +1, meggings biodiesel Portland High Life cray tumblr retro.</p><button>Like</button></article><article> <h2>Sartorial synth Echo Park, roof party</h2> <p>chambray you probably haven't heard of them pour-over viral selvage umami skateboard VHS post-ironic selfies. Wes Anderson gentrify fanny pack twee, bicycle rights bitters blog keffiyeh plaid flannel. Tonx irony cliche sustainable mlkshk bitters. Four loko leggings chambray Vice.</p><button>Like</button></article> <article> <h2>Forage food truck keytar master cleanse</h2> <p>ethical thundercats sustainable locavore quinoa Neutra. Aesthetic Cosby sweater single-origin coffee, bicycle rights organic lo-fi street art american apparel ennui four loko ethnic Brooklyn small batch. Forage YOLO polaroid</p><button>Like</button></article><script>alert("Javascript word!");$("button").on("click", function(){ alert("clicked!") });</script></body>
1. לשם מה אתה צריך תגית HTML?
2. מה זה FRAMEWORK ומה זה jQuery?
3. אני מצרף את ה"אתר" שאני כתבתי באתר הלימוד:
א. ניתן לראות שם שאין תגית HTML
ב. ניתן לראות שם שיש רק ב- BODY את ה script.
ג. מעניין לציין שכפתור ה- LIKE עובד רק באתר שלהם (לאחר לחיצה על כפתור הפעלה של javascript) ולא עובד כשאני מפעיל ב- firefoxץ למה?
ד. שם לב שהיה script רק ב- body. אתה כתבת script ב- head. מה ההבדל? האם אני צריך להמשיך בשיעורים על מנת להבין את זה?
ד. השאלה היא מה השפה הנכתבת (הם אומרים HTML ו- CSS) ומה ההבדל בין מה שכתבת לבין מה שהם כתבו.
שוב- תודה!!!
<!DOCTYPE html><head><link href="/normalize.css" rel="stylesheet">
<style> header { text-align: center; background: url('http://dash.ga.co/assets/jeff-bg.png'); background-size: cover; color: white; } a { color: white; } h1 { font-size: 70px; } img { margin: 40px 0px 0px 0px; border: 7px solid white; border-radius: 20px; } ul { padding: 10px; background: rgba(255,255,255, 1); } li { display: inline; padding: 0px 10px 0px 10px; } article { width: 500px; padding: 20px; margin: 0 auto; } @media (max-width: 500px) { h1 { font-size: 36px; } li { display: block; padding: 5px; } } } </style></head><body> <header> <img src="/assets/jeff.png"> <h1>Jeff's Blog</h1> <ul> <li><a href="#">About Me</a></li> <li><a href="#">Best Poems</a></li> <li><a href="#">Worst Poems</a></li> </ul> </header><article> <h2>VHS umami pop-up trust fund</h2> <p>Marfa church-key kitsch bicycle rights, 8-bit mixtape cardigan gentrify Echo Park. Street art swag brunch, next level roof party Schlitz hella organic keffiyeh selfies. You probably haven't heard of them polaroid hashtag +1, meggings biodiesel Portland High Life cray tumblr retro.</p><button>Like</button></article><article> <h2>Sartorial synth Echo Park, roof party</h2> <p>chambray you probably haven't heard of them pour-over viral selvage umami skateboard VHS post-ironic selfies. Wes Anderson gentrify fanny pack twee, bicycle rights bitters blog keffiyeh plaid flannel. Tonx irony cliche sustainable mlkshk bitters. Four loko leggings chambray Vice.</p><button>Like</button></article> <article> <h2>Forage food truck keytar master cleanse</h2> <p>ethical thundercats sustainable locavore quinoa Neutra. Aesthetic Cosby sweater single-origin coffee, bicycle rights organic lo-fi street art american apparel ennui four loko ethnic Brooklyn small batch. Forage YOLO polaroid</p><button>Like</button></article><script>alert("Javascript word!");$("button").on("click", function(){ alert("clicked!") });</script></body>
עוץליגוץלי
New member
מנסה לעשות סדר.
1. קוד HTML חייב להכיל לפחות את התגיות הבאות בסדרן על מנת להיות קוד תקני:
הצהרה
תגית HTML ובתוכה תגית HEAD ותגית BODY
בתוך תגית הHEAD חייבת להיות תגית TITLE.
 
מרבית הדפדפנים "יעשו מאמץ" להציג גם קוד לא תקני, אבל אף אחד לא מבטיח לך מה התוצאות.
 
2. framework הוא קוד שמכיל מספר פונקציות שימושיות ש"ארוזות" יחד. jquery הוא framework כתוב בjavascript והוא אחד הנפוצים היום.
 
3.א. אכן, קוד לא תקני וחסרים בו דברים (כפי שציינתי).
3.ב. תגית script יכול להיות בhead או בbody. אין בעיות עם זה.
3.ג. לא יודע למה הוא עובד אצלם - יתכן שבקוד שלהם לא חסרים דברים (דוגמת טעינה של jquery).
3.ד. (יש לך פעמיים, אתעלם מהראשונה) - אני כתבתי רק עם html וjavascript, ולא השתמשתי בcss (על הדוגמה שהכנתי לא היה צורך בעיצוב). ההבדל העקרי הוא שדוגמת הקוד שלהם השתמשה בכלים נוספים והיתה חלקית (ולכן לא עבדה עבורך).
 
1. קוד HTML חייב להכיל לפחות את התגיות הבאות בסדרן על מנת להיות קוד תקני:
הצהרה
תגית HTML ובתוכה תגית HEAD ותגית BODY
בתוך תגית הHEAD חייבת להיות תגית TITLE.
 
מרבית הדפדפנים "יעשו מאמץ" להציג גם קוד לא תקני, אבל אף אחד לא מבטיח לך מה התוצאות.
 
2. framework הוא קוד שמכיל מספר פונקציות שימושיות ש"ארוזות" יחד. jquery הוא framework כתוב בjavascript והוא אחד הנפוצים היום.
 
3.א. אכן, קוד לא תקני וחסרים בו דברים (כפי שציינתי).
3.ב. תגית script יכול להיות בhead או בbody. אין בעיות עם זה.
3.ג. לא יודע למה הוא עובד אצלם - יתכן שבקוד שלהם לא חסרים דברים (דוגמת טעינה של jquery).
3.ד. (יש לך פעמיים, אתעלם מהראשונה) - אני כתבתי רק עם html וjavascript, ולא השתמשתי בcss (על הדוגמה שהכנתי לא היה צורך בעיצוב). ההבדל העקרי הוא שדוגמת הקוד שלהם השתמשה בכלים נוספים והיתה חלקית (ולכן לא עבדה עבורך).
 
Copyright©1996-2021,Tapuz Media Ltd. Forum software by XenForo® © 2010-2020 XenForo Ltd.