עקב שאלות רבות שנשאלות פה באותו נושא הוחלט לרכז תחת אשכול זה מקבץ בעיות/שאלות נפוצות.

אנא בידקו היטב אם מה שאתם מתכוונים לפרסם בפורום לא מופיע כאן קודם לפני שאתם פותחים אשכול חדש.

טוב, אני מניח שאני אתחיל אם אחת השאלות הנפוצות ביותר...

שאלה: בניתי פינת "צור קשר" באתר שלי, משם רציתי לאפשר למשתמש אפשרות לשלוח לי מייל אך האאוטלוק קופץ ברגע שהמשתמש מנסה לשלוח אליי את המייל. מה לעשות?

תשובה: לצורך שליחת מייל ללא התערבות תוכנת הדואר המוגדרת כברירת המחדל על המחשב יש צורך להשתמש בשפת צד שרת(כדוגמת ASP וPHP) משום שטופס בHTML דורש שלמשתמש יהיה חשבון מייל מוגדר כבר על המחשב כדי לשלוח את המייל ממנו.

שאלה: בניתי אתר והכל טוב כשאני נכנס אליו, אך כשחבר שלי עם דפדפן Firefox נכנס אליו אז השורות למשל חורגות מחוץ לגבולי הטבלה. מדוע?
תשובה: כנראה שהאתר שלך לא לפי התקן, אתרים שלא בנויים לפי התקנים לא תמיד עולים טוב בכל דפדפן.

שאלה: כתבתי אתר בעברית וכשנכנסים אליו רואים ג'יבריש. מה עושים?
תשובה: יש צורך להכניס את טאג המטה שאחראי על הקידוד של האתר בין טאגי ה head :

קוד:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-8-i" />

בברכה, דקל

"מתכנת זה אדם שפותר בעיה שעל קיומה לא ידעת, בדרך שאינך מבין"

שאלה: איך אני מוסיף את האתר שלי שיופיע באינדקס של גוגל? ומה ניתן להסיק מהPR שגוגל נותן?
תשובה:

יש המון המון דברים שאפשר להגיד על ה PR שגוגל נותן (ואת כולם האמת אפשר למצוא אחרי חיפוש קל בגוגל ) אבל הינה כמה דברים עיקריים:
PR0 יכול להינתן בעקבות 3 מצבים.
1) גוגל עדיין לא מצא לינקים לאתר שלך, ולכן לפי הצורה שבה עובד PR אתה מקבל PR0.
2) גוגל העניש את האתר שלך כיוון שעבר על "חוקי המשחק" של קידום אתרים ברשת בצורה חוקית, ולכן האתר שלך יקבל PR0 וכל התכנים שלו יוסרו מגוגל.
3) גוגל עוד לא עידכן את האינדקס שלו ולכן יש לך עדיין את ה PR הישן. (עד כמה שידוע לי גוגל מבצע עידכון PR כללי בכל השרתים שלו כל מספר חודשים).
מכיוון שמצאתי מספר דפים מהאתר שלך בגוגל, האפשרות שכנראה מתאימה לנו היא האפשרות הראשונה. השאלה שנשאלת אם כן היא כיצד לקדם את האתר בגוגל?
PR זה הציון שאותו נותן גוגל לאתר שלך (או לדפים באתר שלך). הדרך של גוגל לבדוק מה אחרים חושבים על האתר שלך, זה לבדוק קישורים של אתרים אחרים אל האתר שלך. ככל שיש יותר קישורים ברחבי הרשת אל האתר שלך, כנראה שיותר אנשים מתעניינים באינפורמציה שנותן האתר שלך, ולכן תקבל PR יותר גבוה.
יש כמה דרכים לגרום לאנשים להוסיף באתר שלהם קישורים לאתר שלך. אפשרות אחת היא למצוא אתרים אחרים שמתעסקים באותו נושא ולהחליף קישורים. אפשרות נוספת זה לרשום את האתר שלך למנועי חיפוש/אינדקסים למיניהם כיוון שגוגל סורק גם אותם ומייחס חשיבות ללינקים הללו.
האתר הראשון שהייתי ממליץ לך להירשם אליו הוא dmoz. גוגל נותן חשיבות גבוהה מאוד לאינדקס זה. שים לב שהאתר שלך בעברית ולכן אתה צריך ללכת ל world->hebrew ושם לחפש את הקטגוריה המתאימה ביותר. דבר נוסף שחשוב מאוד להזכיר - הוספת אתר לדמוז יכולה לקחת מספר חודשים... אל תתייאש

כמה הערות נוספות, ספציפית בנוגע לאתר שלך.
גוגל מחפש (בעיקר) טקסט ומקטלג אותו. ברגע שמישהו מחפש מחרוזת מסויימת בגוגל, אם גוגל מוצא את המחרוזת באתר שלך , האתר שלך יופיע בתוצאות החיפוש. אצלך באתר כמעט ואין טקסט, ולכן גם אם מישהו יחפש נושא שיכול להיות קשור לאתר שלך, גוגל לא ייתן אותו בתוצאות החיפוש.
העצה הראשונה שאני יכול לתת לך - תוסיף קצת (הרבה!) טקסט באתר. כל תמונה שיש לך שם, תוסיף תיאור שלה. תוסיף כותרת בכל אלבום. בכל תמונה מומלץ להוסיף את המאפיינים alt/title שמיועדים לתיאור התמונה. גוגל יודע לקרוא תיאור זה ולקטלג את התמונה בהתאם.
המלצה נוספת לי אליך, להוסיף את הטגי מטה keywords ו description. הטענה כיום היא שגוגל ושאר הספיידרים מתעלמים לחלוטין מטגיות אלו, אולם מצד שני יש עדיין הוכחות לכך שחלקם מייחסים לכך חשיבות. (שים לב שנתתי לך שם לינק כיצד אתה אמור להשתמש בטגיות אלו ואיפה למקם אותן).
דבר נוסף - כתובת הדף. גוגל לא אוהב רווחים בכתובת הדף, ואילו מהסימן "-" הוא נוטה להתעלם. כלומר, אם יש לך דף בשם H-oil paintings.html גוגל יתייחס לזה כאל המילים Hoil,paintings. גוגל נותן חשיבות לא קטנה לשם הדף, ולכן כדאי לרשום שם זה בצורה נכונה. על מנת להפריד בין המילים מומלץ להשתמש בקו תחתון "_" (ולא ברווחים). ניתן גם לתת לדפים שמות בעברית. גוגל ידע לקרוא גם את זה.
עוד טיפ קטן - הטאג title. גוגל מייחס חשיבות דיי גדולה לטאג זה, ומומלץ שכל דף יכיל "כותרת" מתאימה לו שמתארת בדיוק מה דף זה מכיל. אתר אשר כל הדפים שלו מכילים את אותה כותרת "משעמם" את גוגל. אני ממליץ לך להשקיע קצת זמן ומחשבה ולמצוא לכל דף את הכותרת המתאימה לו.
עוד משהו קטן אחרון בנוגע לאתר שלך. הפריע לי שאין קידוד מוגדר. שים לב שהאקספלורר "מנחש" לבד איזה קידוד הוא צריך לבחור, אולם קיימים אנשים שלא משתמשים באקספלורר, ולכן כדאי להוסיף את הקידוד הנכון לתוך הhead שלך.
הקידוד שאתה צריך הינו: קוד:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-8-i" />

זה הכל להפעם מקווה שתפיק תועלת מהטיפים הללו. אם יש לך עוד שאלות אשמח לעזור


**התשובה מאת דקל.

הרחבה מאת שימי:
גוגל מתייחס בוודאות לתג המטה Description.

שאלה: איך ניתן לחסום את המשתמש מלהביט בקוד האתר או הורדת תמונות ממנו?
תשובה: כל פלט שבא לדפדפן שלך ניתן בקלות רבה מאוד לשמור, משום נגיד ומנעתם כפתור ימני, תמיד יש "הצג מקור" בלשונית "תצוגה", תמונות? הן מורדות ל Temporary Internet files בין כה וכה, מה גם שניתן לצפות ב"הצג מקור" בURL של התמונה ובכך בעצם לא מנענו כלום. יתר על-כן, שאם מנענו כפתור ימני בJS, משום שJS היא שפת צד לקוח ניתן בקלות רבה מאוד "לעקוף את האבטחה" הזו.

ש: איך אני מונע מהגולש לסמן את הטקסט באתר שלי?

ת: מוסיפים לתג הBODY את השורה: onSelectStart="return false"

כלומר.. עכשיו הבודי יראה כך:

קוד:

<body onselectstart="return false"> 

הירוק בכל זאת עולה

ש: כיצד אני מציג מבזקים באתר שלי, כמו חדשות? (טקסט נגלל)
ת: עושים זאת בעזרת התגית marquee. כך:

קוד:

<marquee>yuor text is coming here...</marquee> 

הירוק בכל זאת עולה

תוכל לתת בבקשה דוגמה איך לעשות את זה בjs?

נסה את זה

ציטוט:

במקור נכתב על ידי Shay3434 ש: איך אני מונע מהגולש לסמן את הטקסט באתר שלי? ת: מוסיפים לתג הBODY את השורה: onSelectStart="return false" כלומר.. עכשיו הבודי יראה כך: קוד: <body onselectstart="return false">

זה לא חוסם לגמרי כי עדיין הוא יכול דרך התפריט להוציא את כל הנתונים מהאתר שלך

יודאיקה, מתנות, תשמישי קדושה
פיתוח אתרים, קידום אתרים, עיבוד תמונה, סריקה, סטטיסטיקה
מזכרות לחתונה, ברכונים, ברכון, זמירות לשבת, מתנות, הקדשה אישית
החלפת קישורים דינמית

תקרא שוב את מה שהוא כתב ואת מה שאתה כתבת - כדי להשים לב שאין קשר בין הדברים.
הוא לא מדבר על חסימת קוד מקור אלא על בחירת מלל באתר - אלו שני דברים שונים.

ש: איך אני בודק אם הקוד שכתבתי הוא קוד תקני או שמא הוא קוד לא תקני?
ת: יש אתר המאפשר לבדוק את תקינות הקוד שלך, מבית W3C
הנה הכתובת: http://validator.w3.org/ - לבדיקת תקינות קוד HTML
http://jigsaw.w3.org/css-validator/ - לבדיקת תקינות קוד CSS.


[מצטער על כך שהרשורים לא היו נכונים...]

הירוק בכל זאת עולה

שאלה: איך ניתן להכניס למשתנה טקסט שהמשתמש בחר?
תשובה: בכדי להשתמש בטקסט שהמשתמש בחר, צריך להשתמש באובייקט getSelection. תוכלו להשתמש באובייקט מתוך כל המסמך, ואז כל מה שהמשתמש יסמן במסמך יכנס לאובייקט. את זה עושים ככה (Mozilla/Firefox):

קוד:

var selection = document.getSelection();

או ככה (אקספלורר):

קוד:

var selection = document.selection.createRange().text;

עכשיו תוכלו לבצע על הטקסט מניפולציות, לשלוח אותו לקובץ צד שרת, ובעצם מה שבא לכם.


*תודה רבה לדקל

שאלה: מאיפה אני יכול ללמוד שפות צד לקוח וטכנולוגיות אינטרנט (כמו XHTML ,JS ,XML ,VBS ,CSS ועוד)?
תשובה: יש כמה אתרים מומלצים, אבל אני מוצא רק אחד עיקרי: www.w3schools.com, שהוא האתר הרשמי של השפות הנ"ל, ולכן הוא כל כך טוב. האתר מפורט, מסביר טוב את הדברים, מלא בדוגמאות ועם ניסוח ברור. מומלץ ביותר, גם אם אתם סתם רוצים לבדוק מידע על אובייקט מסויים.

שאלה: איפה אני יכול מצוא סקריפטים מוכנים בחינם?
תשובה: ב-www.hotscripts.com.

ת: http://webmaster.org.il/article.asp?id=1

Gallery

Pentax K100D + Pentax SMCP-DA 18-55mm f/3.5-5.6 AL + SMC Pentax-M Macro 1:4 50mm + SMC Pentax 1:2.8/105mm + SMC Pentax-M 1:2.8 35mm + SMC Pentax 1:1.4/50mm

ש: אני רוצה להשתמש בכל מיני צבעים במקומות שונים באתר, איך אני עושה את זה?

ת: בכל מקום שאתה רוצה להשתמש בצבע אתה כותב את שם הצבע (ניתן לבדוק באתר הבא את שמות הצבעים: www.w3schools.com).
אם אתה רוצה להשתמש בגוון של צבע שלא מצעת את שמו, אתה יכול לכתוב את ערכו בצבע הקסה-דצימלי. צבע הקסה דצימלי הוא צבע הבנוי מ6 תוים, שכל שתיים קובעים את ערכו של צבע אחר(2 ראשונים-אדום, 2 שניים-ירוק ו2 אחרונים כחול), התוים בנויים על בסיס 16, מספרים 0-9 ואותיות A עד F
כש 0 הוא הערך הנמוך ביותר, וF הגבוה ביותר.
דוגמה, צבע אדום טהור(שאין בו גוונים אחרים) יראה כך: ff0000.
לשילוב באתר:
נגיד אנו רוצים את הרקע בצבע צהוב, אז אפשר ככה:

קוד:

 <body bgcolor="yellow"> 

אבל אפשר גם ככה:

קוד:

 <body bgcolor=ffff00> 

ציטוט:

במקור נכתב על ידי frost_force ש: אני רוצה להשתמש בכל מיני צבעים במקומות שונים באתר, איך אני עושה את זה? ת: בכל מקום שאתה רוצה להשתמש בצבע אתה כותב את שם הצבע (ניתן לבדוק באתר הבא את שמות הצבעים: www.w3schools.com). אם אתה רוצה להשתמש בגוון של צבע שלא מצעת את שמו, אתה יכול לכתוב את ערכו בצבע הקסה-דצימלי. צבע הקסה דצימלי הוא צבע הבנוי מ6 תוים, שכל שתיים קובעים את ערכו של צבע אחר(2 ראשונים-אדום, 2 שניים-ירוק ו2 אחרונים כחול), התוים בנויים על בסיס 16, מספרים 0-9 ואותיות A עד F כש 0 הוא הערך הנמוך ביותר, וF הגבוה ביותר. דוגמה, צבע אדום טהור(שאין בו גוונים אחרים) יראה כך: ff0000. לשילוב באתר: נגיד אנו רוצים את הרקע בצבע צהוב, אז אפשר ככה: קוד: <body bgcolor="yellow"> אבל אפשר גם ככה: קוד: <body bgcolor=ffff00>

אם אני לא טועה צהוב זה:
00ffff
כי זה ב RGB:
red
green
blue
ובאורות ירוק וכחול זה צהוב.
אבל אני לא בטוח לגמרי

האתר quirksmode, הוא אתר ברור ונוח שמכיל דוגמאות על שימוש נכון, הסברים, סקריפטים וטריקים ב-JS.
כשאני אומר "טריקים", אני מתכוון ליעול של שיטות קיימות, או דברים חדשים שבכלל לא ידעתם. למשל כאן, הוא מראה איך ליצור תמונת rollover בצורה הרבה יותר יעילה ממה שאתם מכירים.

יש בו מידע על באגים בדפדפנים שונים, ובו גיליתי על הבאג הזה:

ציטוט:

Explorer 5.5+ on Windows has a bug in the treatment of elements with position: relative. The elements' offset is relative to the entire page, but its offsetParent is nonetheless the containing element with position: relative, which also has an offset relative to the page. Therefore the coordinates should be divided by two to get the correct position.

איזה באג מרגיז!

נ.ב.
שני הדברים הכי מגניבים שמצאתי באתר הם זה וזה.

www.xulplanet.com

http://www.sigall.co.il/isdom.asp

Gallery

Pentax K100D + Pentax SMCP-DA 18-55mm f/3.5-5.6 AL + SMC Pentax-M Macro 1:4 50mm + SMC Pentax 1:2.8/105mm + SMC Pentax-M 1:2.8 35mm + SMC Pentax 1:1.4/50mm

שאלה: יש פריים באתר שלי, ואני רוצה לגרום ללינק מסויים להיפתח בפריים הזה. איך עושים את זה?
תשובה: בעזרת המאפיין target של התג a. בתוך המאפיין יש לכתוב את השם (name) של פריים היעד.

ש: אני עושה תיבת טקסט חדשה... איך אני עושה שאם המשתמש כותב קוד נכון זה מעביר אותו לדף מסוים ואיך אני עושה שאם המילה שהוא כתב לא נכונה זה מעביר אותו לדף של שגיאה...? איך אני עושה את זה???? מי שיביא לי מדריך אני אשמח, מי שיביא לי קוד לעריכה אני יצהל משמחה... (אבל שיהיה מובן).. תודה מראש, SomoKRoceS...

כל הודעה נוספת בסגנון תמחק

כולכם וודאי מכירים את התמונה הזאת שמופיעה כשלוחצים על גלגלת העכבר ב-Firefox:


אם אתם רוצים לשנות את התמונה הזאת (רק באתר שלכם כמובן, זה לא ישפיע על אתרים אחרים שהגולש יכנס אליהם), תוכלו לעשות את זה עם טריק CSS קטן.
נתחיל עם הקוד:

קוד:

html > img
{
  width: 0!important;
  height: 28px!important;
  padding-left: 28px!important;
  background: url(URL OF YOUR IMAGE);
}

שימו לב לסלקטור (selector) שיש בקוד - "html > img". הסלקטור הזה מנצל את העובדה שפיירפוקס "מזריק" את תמונת הגלילה למסמך שבו המשתמש צופה, ולכן האתר יכול לשלוט על התמונה. (כי הרי מבחינת הדפדפן תמונת הגלילה נחשבת לחלק מהאתר...)

הנה שתי דוגמאות שהכנתי (ותודה לאתר sitepoint על התמונות):

1. דוגמה 1
2. דוגמה 2

ת.אין מה להשוות פה HTML זו שפה, פרונט פייג' זו תוכנה למתחילים שלא תקדם אותכם בשום צורה.
פרונט פייג' ועוד תוכנות אחרות מגבילות אתכם בהרבה פעולות, מי שיודע HTML יכול להמשיך ללמוד שפות אחרות ולהתקדם, אני חושב שאפילו לא כדאי לנסות את הפרונט פייג' מכיוון שמתרגלים ואח"כ מתעצלים לכתוב קודים בעצמכם (בדוק מנסיון אישי).
ואני גם מאוד מציע ללמוד להסתדר בכוחות עצמכם ולא לבקש בפורום יותר מדי עזרה כי לא תהיו עצמאיים.(אלא אם כן אתם מיואשים לגמרי).

תקנו אותי אם יש בעיות

הרבה שואלים את זה, וסוף סוף מישהו הביא באיזה אשכול פיתרון ממש טוב
אז כדי לחסוך בשאלות, הנה הקישורים הנחוצים למידע על איך לעשות תפריט\טקסט נגלל ב-JS (לפי התקן...):

קישורים לאשכולות:
http://www.fresh.co.il/vBulletin/sh...ad.php?t=205244
http://www.fresh.co.il/vBulletin/sh...ad.php?t=205796

קישורים ישירים למידע:

https://2006-uploaded.fresh.co.il/2...18/82933486.doc (באנגלית)

http://fat-fish.co.il/he/71/%D7%92%...AA%20javascript (בעיברית)

תוכל\י למצוא באתרים הבאים:

http://systemglob.com/forums/
http://hebreweb.com/
http://www.php-d.net/

קוד:

<html>
<head><title>Multi  Windows Opener</title>
<script type='text/javascript'>
function multiOpener(WindowsArr)
{
	// By DCD
	WindowsArr = WindowsArr.constructor==Array ? WindowsArr : new Array();
	var x;

	// If you don't want to change the current window's location, write a 0 (zero, as an integer) within the first array's element
	WindowsArr[0] != 0 ? window.location = WindowsArr[0] : '';
	WindowsArr.splice(0,1);
	for (x in WindowsArr)
		window.open(WindowsArr[x]);

	return true;
	
}
</script>
</head>
<body>
<input type='button' value="Click me to open new windows and change this window's location" onclick="multiOpener(new Array('http://www.google.co.il', 'http://www.nana.co.il', 'http://www.walla.co.il'));" />
</body>
</html>

כדי למרכז אלמנט ב-XHTML יש להעזר ב-CSS ע"י קביעת התכונה הבאה לאלמנט:

קוד:

<div style='width:60%; margin:auto;'>טקסט</div>

margin:auto קובע שהגבולות של האלמנט ייקחו מרחק שווה משני הצדדים.
ה-width:60% הוא רק בשביל להקטין את האלמנט כדי שתוכלו לראות שהוא ממורכז אם תשימו אותו בדף HTML.

אם המרכוז בכל זאת לא מצליח, צריך לוודא שנקבע ה-DTD הבא לדף:

קוד:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

למידע נוסף על margin:
http://www.w3schools.com/css/css_margin.asp
ועל XHTML DTD:
http://www.w3schools.com/xhtml/xhtml_dtd.asp

לגבי הצהרת סוג המסמך, אין הכרח להגדיר דווקא את סוג המסמך הזה, לפחות לא דווקא strict.

ניתן למרכז את כל תוכן האתר באמצעות החלת הגדרות css אלו^ על האלמנט body, אך אקספלורר אינו תומך בכך, לכן יש לעטוף את כל תכולת האתר בשכבה (div) ולתת לשכבה את הגדרות העיצוב שצויינו לעיל.

למה לא דווקא strict ?
רק עמוד עם DTD של strict יכול לעבוד עם CSS בצורה מצויינת.
גם לפי מה שכתוב בעמוד שהבאתי בתגובה [http://www.w3schools.com/xhtml/xhtml_dtd.asp] וגם לפי מה שניסיתי בעצמי...

בא לא נפתח כאן דיון, כי לא זו מטרת האשכול, בכל אופן אענה למה שכבר כתבת, כדי לא להטעות.

בקישור שצירפת לא כתוב מה שאמרת, אבל אם הבנתי טוב מהיכן שאבת זו, הכוונה שם לומר שהגדרה מחמירה (strict) מתאימה יורת לשיטה של הפרדת עיצוב מתוכן כך שכל! העיצוב יעשה אך ורק ב-css ובהגדרה פשרנית יותר, ניתן גם חלק מהעיצוב להגדיר באמצעות מאפיינים ותגים שונים, כי בהגדרה זו אין הקפדה מוחלטת על הפרדת עיצוב מתוכן.

תשים לב להגדרת סוג המסמך כאן.

תשים לב, ההודעה נערכה, תיקנתי את הפיסקה האחרונה.

ש. האתר שלי משתנה בהתאמה לרזולוציות השונות, איך אני יכול לעשות כך שהפרופורציות ישארו?
ת. ישנן שתי דרכים:

• בניית האתר ברזולוציה 600*800 ובכך בעצם מכסים את כל מגוון הרזולוציות (השגרתיות).
  לא הפתרון הכי חכם - לדוגמא כאשר האתר נמצא בחלון שאינו מתפרש על המסך כולו - האתר לא מופיע בשלמותו, ופס הגלילה התחתון מופיע.
• הדרך העדיפה היא להשתמש באחוזים - ובכך האתר ת-מ-י-ד יהיה בפרופורציות הרצויות - זוהי הדרך הנכונה ברוב המוחלט של המקרים.
  אך לא זו כל העבודה - יש עוד לתכנן את האתר, כך שגם כאשר האתר 'יתכווץ' כתוצאה מהמשתמש, הוא עדיין יראה במיטבו.

ש: איך אני שם תמונה או טקסט של טעינה עד שהדף נטען במלואו?

ת: http://www.fresh.co.il/vBulletin/sh...291#post2343809

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

מצגת לרקע כללי: http://vlib.eitan.ac.il/encryption1/SSL/flash.htm

מידע על "שכבת התושבת המוגנת": http://vlib.eitan.ac.il/encryption1/SSL/02_what_is.htm

מידע יותר עמוק על תהליך ההצפנה עצמה: http://vlib.eitan.ac.il/encryption1/SSL/04_encryption.htm



וכמובן קרדיט לאיתן

מוצג בקובץ המצורף:

https://2007-uploaded.fresh.co.il/2...5/93722470.html

קוד:

קוד:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title></title>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type"  content="text/css" />
<meta http-equiv="Content-Language" content="he" />
<meta http-equiv="Expires" content="" />
<meta name="Resource-type" content="document" /> 
<meta name="robots" content="follow,index" />
<meta name="revisit-after" content="0 days" />
<meta name="distribution" content="Global" />
<meta name="Author" content="DCD" />
<meta name="Generator" content="Notepad" />
<meta name="Description" content="" />
<meta name="Keywords" content="" />
<style type='text/css'>
<!--
html, body
{
	text-align:right;
	direction:rtl;
	margin:auto;
	overflow:auto;
}

*
{
	background-color:transparent;
	color:black;
	margin:0;
	padding:0;
	font: normal normal normal 13px/normal arial;
	position: static;
	visibility: visible;
}

#clickToOpen
{
	background-color:green;
	color:white;
	border:1px solid black;
}

#Opened
{
	background-color:transparent;
	color:red;
	display:none;
}
-->
</style>
<script type='text/javascript'>
<!--
window.onload = function()
{
	document.getElementById('clickToOpen').onclick = function()
	{
		obj = document.getElementById('Opened');
		obj.style.display == 'block'
		? obj.style.display = 'none'
		: obj.style.display = 'block';
	}
}
//-->
</script>
</head>
<body>
<span id='clickToOpen'>לחץ עליי על מנת לפתוח את ה-Div הנסתר</span>
<div id='Opened'>אני האלמנט הנסתר. אני מוצג\מוסתר כאשר לוחצים על הטקסט בצבע לבן בעל הרקע הירוק.</div>
<div>פעולה זו אפשרית עם כל אלמנט אשר בעל תכונת display ב-CSS</div>
</body>
</html>

הערות: תגי ה-META לא חשובים, וחלק גדול ומסוים מה-CSS לא חיוני לביצוע הנדרש...

1. כשאתה מציג קטע קוד לצורכי לימוד, רצוי מאד להסיר כל פיסת קוד שאינה חיונית כגון תגי המטא המיותרים, קוד עיצוב מיותר וכדומה, כיון שהיות והלומד צריך להבין מה הכרחי לצורך ביצוע הפעולה, הוא נדרש קודם להעתיק את הקוד, להסיר לאט לאט קטעי קוד נוספים וכך לשחק עם הקוד עד שהוא ילמד מה הכרחי ומה גורם למה, זה מאריך את משך זמן הלימוד וחבל.

2. הוספת תג "הערת html" במקטע קוד תסריט בתוך דף html, לא ממש רלוונטי כיום, מלבד באתרים ושירותים בסדר גודל של google, gmail וכדומה, בהם בהחלט יתכן שימצא מי שיגלוש לאתר זה מדפדפן טקסטואלי או אחר שאינו תומך במקטעי קוד תסריט.
לעומת זאת, לפי תקן xml [ואני רואה שכיבדת את עצמך ואת הקוד בתקן xhtml נוקשה ], יש לכתוב לתחום את קוד התסריט בתג הערה של XML. (CDATA).
הבעיה בתג ההערה של XML, הוא שהמפרשן של שפת התסריט (הפועל על הקוד המתחיל לאחר התג script הפותח ועד לתג script הסוגר) לא מכיר את התג CDATA ולכן יש צורך להשתמש גם בהערות של שפת התסריט.
לסיכום:
א. הערות של שפת התסריט יגרמו למפרשן להתעלם מהתג שנמצא בטווך הערה.
ב. התג הערה יגרום למנתח התגים [של שפת הסימון שלרוב תהיה כמובן html) להתעלם מקוד התסריט וכך ניתן להשתמש בתוך הקוד גם בתווים שמורים (ללא צורך להשתמש ביישויות של html).
דוגמה:

קוד:

<script type="text/javascript">
//<![CDATA[

// Your Code

//]]>
</script>

יישר כח

תודה על הביקורת הבונה והמושקעת

בעיקרון העתקתי את הקוד ישר מתוך מסמך HTML שהיה קיים אצלי, אז לא התאמצתי להסיר דברים מסוימים.
גם רציתי להציג את הטקסט מימין לשמאל, לכן פשוט שלפתי את כל קוד ה-CSS מקובץ ה-CSS הבסיסי שגם קיים אצלי.

הקוד בשלמותו, רק עם הקוד החיוני:

קוד:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type='text/css'>
/*<![CDATA[*/
#Opened
{
	display:none;
}
/*]]>*/
</style>
<script type='text/javascript'>
//<![CDATA[
window.onload = function()
{
	document.getElementById('clickToOpen').onclick = function()
	{
		obj = document.getElementById('Opened');
		obj.style.display == 'block'
		? obj.style.display = 'none'
		: obj.style.display = 'block';
	}
}
//]]>
</script>
</head>
<body>
<span id='clickToOpen'>לחץ עליי על מנת לפתוח את ה-Div הנסתר</span>
<div id='Opened'>אני האלמנט הנסתר. אני מוצג\מוסתר כאשר לוחצים על הטקסט בצבע לבן בעל הרקע הירוק.</div>
<div>פעולה זו אפשרית עם כל אלמנט אשר בעל תכונת display ב-CSS</div>
</body>
</html>

ומסמך ה-HTML:
https://2007-uploaded.fresh.co.il/2...6/54534224.html

יצרתי את הפונקציה הזאת לשדות כמו מספר טלפון או פלאפון שמתחילות ב-0, ואז אם משתמשים ב-parseInt הוא חושב שהכוונה היא למספר אוקטאלי, ומחרבש את הטקסט.

על הדרך פתרתי עוד בעיה, הפונקציה עובד על האירוע onkeyup, ואם לוחצים לחיצה ממושכת על תו שהוא לא מספר, הפונקציה תוריד רק את התו האחרון, לכן השתמשתי ברקורסיה:

קוד:

<script type=&quot;text/javascript&quot;>
//<![CDATA[
numbers = new Array();
numbers[0] = true;
numbers[1] = true;
numbers[2] = true;
numbers[3] = true;
numbers[4] = true;
numbers[5] = true;
numbers[6] = true; 
numbers[7] = true;
numbers[8] = true;
numbers[9] = true;

function numericFilter(text) {
	if(text.value.length != 0) {
		lastKey = text.value.substring(text.value.length-1, text.value.length);
		if(!numbers[lastKey]) {
			text.value = text.value.substring(0, text.value.length-1);
			numericFilter(text);
		}
	}
}
//]]>
</script>

ומשתמשים בזה בשדה ככה:

קוד:

<input type=&quot;text&quot;onkeyup=&quot;numericFilter(this)&quot; />

אני שם לב שעדיין אנשים לא יודעים כיצד להגדיר נכון משתנים ב-Javascript.
כאן אכתוב בקצרה איך להגדיר אותו נכון, ואיפה המשתנה יהיה מוגדר ואיפה הוא לא (כלומר, איפה יהיה אפשר להשתמש בו בסקריפט).

כידוע, ישנן 2 צורות להגדרת משתנה:

קוד:

var obj = undefined;
obj = undefined;

ההבדל בין השניים הוא שהצורה העליונה היא בעלת קידומת למשתנה של המילה "var", ואילו הצורה התחתונה היא ללא הקידומת הזו.
למרות שבשני הצורות השוותי את המשתנה obj ל- undefined (כלומר, ערכתי את המשתנה obj שיהיה לא-מוגדר), ניתן להגדיר אותו כ- undefined גם בצורה הבאה:

קוד:

var obj;

וזאת כדי להצהיר על המשתנה (קצת מסובך העניין שאני אומר "להגדיר את המשתנה כלא-מוגדר", אבל מקווה שהבנתם.)

הגדרת משתנה גלובאלי (Global Variable):

מחוץ לכל פונקציה: המשתנה שמגדירים יהיה גלובאלי תמיד, בין אם יהיה לו קידומת של המילה "var" או לא תהיה. ניתן יהיה להשתמש במשתנה לאורך כל הסקריפט, בתוך פונקציה ומחוץ להן, בתנאי שלפני השימוש בו תצהירו עליו או תגדירו אותו.

לדוגמא:

קוד:

// Setting the variables
var num1 = 1;
num2 = 18;

function foo()
{
 document.write(num1); // Outputs "1"
 document.write(num2); // Outputs "18"
}

foo();

בתוך פונקציה: המשתנה יהיה גלובאלי אך ורק אם לא תהיה קידומת של המילה var לפני הצהרתו.

לדוגמא:

קוד:

function foo()
{
 num = 5;
}

foo(); // Running the function "foo" to set the "num" variable
document.write(num); // Outputs "5"

הגדרת משתנה לוקאלי (Local Variable):

משתנה יכול להיות לוקאלי אך ורק אם הוא מוצהר\מוגדר בתוך פונקציה עם קידומת של המילה "var". באופן זה של הגדרת משתנה, הוא לא מוגדר מחוץ לפונקציה, משמע שאי-אפשר להשתמש בו מחוץ לפונקציה שהגדירו אותו. רק בתוך הפונקציה שהגדירו אותו ניתן יהיה להשתמש בו.

לדוגמא:

קוד:

function foo()
{
 var num1 = 1;
 num2 = 2;
}

function bar()
{
 var num3 = 3;
 document.write(num1); // Does NOT output. Shows an error of undefined variable.
 document.write(num2); // Outputs "2"
 document.write(num3); // Outputs "3"
}

foo(); // Running the function "foo" to set the variables within
bar(); // Running the function "bar" to set the variable within and
        // outputting (at least trying to...) other variables

document.write(num1); // Does NOT output. Shows an error of undefined variable.
document.write(num2); // Outputs "2"
document.write(num3); // Does NOT output. Shows an error of undefined variable.

מקווה שעכשיו העניין ברור.
למידע נוסף, יש לחפש במנועי החיפוש שילובים של חלק או כל ממילות המפתח הבאות:
"Javascript", "Variables", "scope", "declaring"

קישורים המסבירים את הנושא:
http://www.mredkj.com/tutorials/ref...ntro.html#scope
http://javascript.about.com/library/bltut07.htm
http://weblogs.asp.net/bleroy/archi.../24/438990.aspx
http://www.itmill.com/articles/Java...iable_scope.htm
http://www.mredkj.com/tutorials/ref...s_intro_ex.html

http://www.faqts.com/knowledge_base/index.phtml/fid/53

לחצו כאן עבור המדריך לשיבוץ וידאו באתר

שיבוץ פלאש בהתאם לתקנים - שיטת Flash Satay

כתבתם קוד JS הכולל את המחרוזת "document.write" ?

נא ראו:
http://www.fresh.co.il/vBulletin/sh...ad.php?t=487947

* לא מומלץ להשתמש במתודת write של document.

The Mystery Of The CSS Float Property - להבנת מהו המאפיין float וכיצד להשתמש בו.

Simple Clearing of Floats - מלמד כיצד לנקות אלמנטים צפים.