עזרה ב JS... - הוסטס

Panda · 28-02-08, 21:42

שלום לכולם..

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

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

בתודה, עומר..

בלי שימוש בתג הזה

id.style.color

Meir · 28-02-08, 21:51

יש לך id לאלמנט שבו נמצא הטקסט? אם כן:

קוד:

document.getElementById('idOfElement').style.color = "#ffffff";

----

עכשיו ראיתי שביקשת ללא שימוש בid אז יש לך אופציה "לטייל" במסמך html תלמד קצת על השימוש בDOM. הינה דוגמה קטנה לשינוי צבע הטקסט:

HTML קוד:

<div>
	<div>sdfsdfsdfsdf</div>
	<input type="button" name="b" value="change" onclick="javascript:this.previousSibling.previousSibling.style.color='#ff0000'" />
</div>

Tomer Pearl · 28-02-08, 22:22

תקיף את הטקסט שאתה רוצה בתגי div , ככה

קוד:

<div id="exsample">
הטקסט שלך כאן
</div>

והשורה בJS כמו שמאיר כתב, צריכה להיו כזאת

קוד:

document.getElementById('exsmaple').style.color = "#ffffff";

אתה יכול לשנות את exsmaple למה ששאתה רוצה, רק תזכור לשנות בשני המקומות

Panda · 29-02-08, 11:38

חח לא הבנתם אותי.. עדיין השתמשתם בזה id.style.color..

Meir · 29-02-08, 11:58

תסביר למה אתה לא רוצה להשתמש בזה...

0xfo7d · 29-02-08, 13:15

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

Panda · 01-03-08, 14:49

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

daMn · 01-03-08, 15:01

אתה מתכוון בקישור? אם כן תשתמש בonmouseover

Panda · 03-03-08, 18:24

ידעתי שהיא לא לימדה את זה חח... היום קיבלנו את המבחנים והיא בכלל רצתה שנעשה את זה עם <body text> שזה בכלל לא עובד ומוחק את הדף חח..
והיא נתנה לי 90 במקום מאה.. כי היא אמרה שהיא אפשר להשוות בין שני value שונים של כפתורי רדיו.. עכשיו בדקתי וזה עובד יפה מאד. והיום התווכתי איתה על זה קצת בשיעור חח..
יום רביעי אני מגיע אליה שתעלה לי למאה!!

28-02-08, 21:42	# 1
Panda הוסטסניון מיני פרופיל תאריך הצטרפות: Nov 2005 הודעות: 2,481	עזרה ב JS... שלום לכולם.. איך אני משנה צבע של טקסט קיים בדרף HTML בעזרת JS.. בלי לתכוב מחדש את המסמך.. ז"א שיש טקסט שכתוב וע"י לחיצה על הכפתור הצבע שלו ישתנה נגיד לאדום.. בתודה, עומר.. בלי שימוש בתג הזה id.style.color Last edited by Panda; 28-02-08 at 21:52..

28-02-08, 21:51	# 2
Meir חבר מתקדם מיני פרופיל תאריך הצטרפות: Dec 2006 גיל: 33 הודעות: 383	יש לך id לאלמנט שבו נמצא הטקסט? אם כן: קוד: document.getElementById('idOfElement').style.color = "#ffffff"; ---- עכשיו ראיתי שביקשת ללא שימוש בid אז יש לך אופציה "לטייל" במסמך html תלמד קצת על השימוש בDOM. הינה דוגמה קטנה לשינוי צבע הטקסט: HTML קוד: <div> <div>sdfsdfsdfsdf</div> <input type="button" name="b" value="change" onclick="javascript:this.previousSibling.previousSibling.style.color='#ff0000'" /> </div> __________________ רק אחרי שנמצאים בחושך, אפשר להעריך את האור. Last edited by Meir; 28-02-08 at 22:39..

28-02-08, 22:22	# 3
Tomer Pearl חבר בקהילה מיני פרופיל תאריך הצטרפות: Feb 2008 הודעות: 170	תקיף את הטקסט שאתה רוצה בתגי div , ככה קוד: <div id="exsample"> הטקסט שלך כאן </div> והשורה בJS כמו שמאיר כתב, צריכה להיו כזאת קוד: document.getElementById('exsmaple').style.color = "#ffffff"; אתה יכול לשנות את exsmaple למה ששאתה רוצה, רק תזכור לשנות בשני המקומות

29-02-08, 11:58	# 5
Meir חבר מתקדם מיני פרופיל תאריך הצטרפות: Dec 2006 גיל: 33 הודעות: 383	תסביר למה אתה לא רוצה להשתמש בזה... __________________ רק אחרי שנמצאים בחושך, אפשר להעריך את האור.

29-02-08, 13:15	# 6
0xfo7d חבר בקהילה מיני פרופיל תאריך הצטרפות: Oct 2005 הודעות: 292	תציג קטעי קוד רלוונטים וננסה לעור...זה בעיה ככה שאתה מסתיר הכל:P __________________ אחסון אתרים, עבודות גבס בירושלים ,אינדקס אתרים ,lc980 brother ,הבלוג הקשיח ,מתקנים מתנפחים, קפה לאירועים


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

29-02-08, 11:38	# 4
Panda הוסטסניון מיני פרופיל תאריך הצטרפות: Nov 2005 הודעות: 2,481	חח לא הבנתם אותי.. עדיין השתמשתם בזה id.style.color..

01-03-08, 14:49	# 7
Panda הוסטסניון מיני פרופיל תאריך הצטרפות: Nov 2005 הודעות: 2,481	חחח אין לי מה להסתיר.. פשוט המורה שלנו למחשבים נתנה לנו תרגיל על חומר שלא למדנו..

01-03-08, 15:01	# 8
daMn הוסטסניון מיני פרופיל תאריך הצטרפות: Mar 2007 גיל: 33 הודעות: 2,050	אתה מתכוון בקישור? אם כן תשתמש בonmouseover __________________ "חינוך למדעי המחשב לא יכול להפוך אף אחד למתכנת מומחה יותר מאשר לימוד על מברשות וצבעים יכול להפוך מישהו לצייר מיומן." (אריק ס. ריימונד)

03-03-08, 18:24	# 9
Panda הוסטסניון מיני פרופיל תאריך הצטרפות: Nov 2005 הודעות: 2,481	ידעתי שהיא לא לימדה את זה חח... היום קיבלנו את המבחנים והיא בכלל רצתה שנעשה את זה עם <body text> שזה בכלל לא עובד ומוחק את הדף חח.. והיא נתנה לי 90 במקום מאה.. כי היא אמרה שהיא אפשר להשוות בין שני value שונים של כפתורי רדיו.. עכשיו בדקתי וזה עובד יפה מאד. והיום התווכתי איתה על זה קצת בשיעור חח.. יום רביעי אני מגיע אליה שתעלה לי למאה!!

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)