אם לא תשלחו אותי למקום הנכון

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

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

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

אם אחת מהשאלות שלי מצריכה שימוש בשפה שאינה HTML (צד שרת) אשמח אם תעירו לי על כך.


תודה רבה מראש !

א. בעזרת JS, יש להיעזר בפקודה\אירוע הבא\ה:

קוד:

document.getElementById('Element_id').onclick = ...;

ב. ראה בעמוד הבא על המאפיין disabled:
http://www.w3schools.com/tags/tag_input.asp

ג.
נסה להיעזר באירועים onblur, onfocus כאשר אתה כמובן נעזר ב-JS.

ד. HTML היא שפת צד לקוח

HTML נקראת שפת עיצוב.

זה לא סותר מה שהוא אמר.
המונח "שפת עיצוב" הוא לא נכון. אני לצערי לא מכיר בעברית מונח מקביל markup language, אז אני לא יכול לציע לך חלופה.

markup language = שפת סימון

המונח "שפת עיצוב" הוא הכי נכון. מורים ל-HTML משתמשים בו והוא נמצא בשימוש גם בספרי לימוד בנושא.

מפתח אתרים מעצב את התוכן באמצעות HTML. גם אם תכתוב טקסט רגיל במסגרת תגי ה-Body, התוצאה תהיה על-פי רוב טקסט שחור בגופן David על-גבי רקע לבן. תתפלא לשמוע שגם זה סוג של עיצוב.

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

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

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

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

אני אנסח את זה בפשטות: אתה טועה.

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

הכיוון של w3c.org הוא להפריד לחלוטין בין תוכן לעיצוב, אך השימוש ב-HTML כשפת עיצוב ימשיך להיות תקני עוד שנים.

אדון דודי ועקנין, תחשוב מה שאתה רוצה
אני שטחתי בפניך את העובדות, אתה רוצה להתעקש על הדעות הלא מבוססות שלך - שיהיה.

ציטוט:

HTML מציגה תוכן ("מידע"), היא לא מתארת אותו. זה לא תפקידה לתאר אותו.

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

ציטוט:

עיצוב ב-HTML לא מתייחס רק לצבעים וגדלים, וכאמור גם טקסט שחור על-גבי רקע לבן המיושר לצד שמאל הוא עיצוב. תוכן התחום בין תגיות הגוף הוא תוכן מעוצב.

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

ציטוט:

הכיוון של w3c.org הוא להפריד לחלוטין בין תוכן לעיצוב

אתה נהנה לחזור על דברי אנשים בניסוח שונה?..

ציטוט:

אך השימוש ב-HTML כשפת עיצוב ימשיך להיות תקני עוד שנים.

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

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

אני אגיב לדבריך לפי הסדר.

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

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

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

ציטוט:

אתה נהנה לחזור על דברי אנשים בניסוח שונה?..

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

אתה טוען ש-HTML היא שפת תיאור תוכן. איך קוד המציג טקסט בצבע שחור על-גבי רקע לבן מתאר את התוכן?

תמשיך לנהל דיון ענייני והימנע מעקיצות.

ציטוט:

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

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

ציטוט:

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

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

ציטוט:

אני חוזר על עצמי כי נראה שאתה מתעלם ממה שאני אומר.

כי אתה אומר דברים לא נכונים מבחינה עובדתית.

ציטוט:

HTML החלה כשפת עיצוב ורוב המפתחים כיום ממשיכים לעצב את הדפים שלהם באמצעות HTML.

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

ציטוט:

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

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

ציטוט:

] אתה טוען ש-HTML היא שפת תיאור תוכן. איך קוד המציג טקסט בצבע שחור על-גבי רקע לבן מתאר את התוכן?

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

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

ציטוט:

לא " כל התגיות שציינתי מעצבות את התוכן בצורה מסוימת", abbr לא, אבל זה סתם הערה.

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

ציטוט:

כי אתה אומר דברים לא נכונים מבחינה עובדתית.

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

ציטוט:

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

לא אמרתי שאני נשאר מאחור.

ציטוט:

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

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

ציטוט:

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

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

ציטוט:

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

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

ציטוט:

לא אמרתי שאני נשאר מאחור.

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

ציטוט:

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

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

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

מקסים היקר, אתה צודק.

ערב טוב שיהיה לך.

תקרא למה שאמרתי איך שאתה רוצה, זה העובדות..אם היית מעיין בתקנים ובטויוטות מתישהו היית יודע את זה.

וערב טוב גם לך

א. נקווה שהבנתי אותך נכון איפה למקם את זה (ראה סעיף ב') אבל לא מצאתי את מאפיין ההופעה (כמו VISIBLE בVB) של פקד טקסט

ב. באופן כללי אני ממקם את הקוד ככה:

קוד:

<p><input type="checkbox" name="C1" value="ON" document.getElementById('b1').onclick ="disabled=false" ></p>

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

ג.גם כאן נחלתי תבוסה

קוד:

<textarea rows="1" name="S1" cols="20" document.getElementById('S1').onclick ="rows=100" ></textarea>

ושוב מה איני עושה נכון?



תודה

אתה כמעט בדרך הנכונה

לא הבנתי למה אתה מגדיר את ה- onclick ל- b1 ב- cheackbox שהוא c1

במקרה שלך יהיה יותר פשוט להגיד את זה בעזרת האלמנט onclick, כך (נניח שזה cheackbox שהוא b1) :

קוד:

<p><input type="checkbox" name="b1" value="ON" onclick="this.disabled=false;" ></p>

צריך לעבוד..
ובקשר לשני, אותו דבר.. רק שאני לא חשוב שאפשר לשנות את המאפיין rows ב- JS, מה שאתה כן יכול לעשות, זה דרך CSS לשנות את המאפיין height:

קוד:

<textarea rows="1" name="S1" cols="20" onclick="this.style='height: 400px';" >

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

<input type="checkbox" name="C1" value="ON" onclick="b1.disabled=true;">


<input type="submit" value="Submit" name="B1" ">

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

<<textarea rows="2" name="S11" cols="20" onclick="this.style='height: 400px';" /textarea>>

שוב תודה רבה.

ראה דוגמא איך מתייחסים למאפיני\אפשרויות אלמנט:

קוד:

<div id='MyDiv'></div>

<script>
document.getElementById('MyDiv').innerHTML = "Hello<br />World!";
</script>

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

קוד:

document.getElementById('Element_id')

שים לב:
1. קוד ה-JS נמצא אחרי האלמנט שרוצים להתייחס אליו.
2. באמצעות הפקודה הנ"ל אתה ניגש אל האלמנט ע"י כתיבת ערכו של מאפין ה-id של האלמנט.

אני לא מבין:

1. מה ניסית לעשות פה:

קוד:

<input type="checkbox" name="C1" value="ON" onclick="b1.disabled=true;">


<input type="submit" value="Submit" name="B1" ">

זה לא תקין לכתוב ככה!


2. מה כתבת פה:

קוד:

<<textarea rows="2" name="S11" cols="20" onclick="this.style='height: 400px';" /textarea>>

?????

זה בכלל לא קוד HTML תיקני. יכול להיות שהוא הסתבך, לכן חשוב שתשים תגי CODE סביב קוד מסויים.