חיפוש

עזרה

הרשמה

התחברות

עדכונים

תיכנות
UnderWarrior Forums : תיכנות

נושא: צבעים ב JavaScript

כותב

הודעה

<< נושא קודם | נושא הבא >>

חיימקה
משתמש חבר

הצטרף / הצטרפה: 18 April 2010
מדינה: Israel
משתמש: מנותק/ת
הודעות: 243

נשלח בתאריך: 06 June 2010 בשעה 21:45

| IP רשוּם

בס"ד

תרגיל ב JavaScrupt:

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

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

להלן הקוד- רק המתודה הראשונה (- SwapColor1), שאינה מופעלת ע"י בדיקות- פועלת.

קוד:

var color = 'green';

function SwapColor1() {

var temp = td1.bgColor;

td1.bgColor = color;

color = temp;

}

function SwapColor2() {

switch (td1.style.backgroundColor) {

case 'red':

td1.bgColor = 'green';

break;

case 'green':

td1.bgColor = 'red';

break;

}

function SwapColor3() {

if (td1.bgColor == '#FF0000')

td1.bgColor = '#009900';

else td1.bgColor = '#FF0000';

}

</script>

__________________
אין יאוש בעולם כלל!

חזרה לתחילת העמוד

shoshan
מנהל האתר

הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637

נשלח בתאריך: 07 June 2010 בשעה 14:09

| IP רשוּם

שלח את הקוד המלא בבקשה

__________________
עד מתי רשעים יעלוזו?

עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.

חזרה לתחילת העמוד

חיימקה
משתמש חבר

הצטרף / הצטרפה: 18 April 2010
מדינה: Israel
משתמש: מנותק/ת
הודעות: 243

נשלח בתאריך: 07 June 2010 בשעה 17:33

| IP רשוּם

בס"ד

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

קוד:

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

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>04-03</title>

<script language=javascript type="text/javascript">

var color = 'green';

function SwapColor1() {

var temp = td1.bgColor;
td1.bgColor = color;
color = temp;
}
function SwapColor2() {

switch (td2.style.backgroundColor) {

case 'red':

td2.style.backgroundColor = 'green';

break;

case 'green':

td2.style.backgroundColor = 'red';

break;
}
}
function SwapColor3() {

if (td3.style.backgroundColor == '#FF0000')

td3.style.backgroundColor = '#009900';

else td3.style.backgroundColor = '#FF0000';
}
function SwapColor4() {

switch (td4.style.backgroundColor) {

case '#FF0000':

alert('yes');

break;

case '#009900':

alert('no');

break;
}
}
</script>

</head>

<body>

<table align=center width=10% border=1>

<tr>

<td id=td1 bgcolor="red" onclick="SwapColor1();" width=25% dir=rtl 

align=center rowspan="0" 

style="font-family: Consolas; font-weight: bold; color: #FFFFFF">1

</td>

<td id=td2 onclick="SwapColor2();" width=25% dir=rtl 

align=center rowspan="0" 

style="font-family: Consolas; font-weight: bold; color: #FFFFFF; background-color: #FF0000;">2

</td>

<td id=td3 onclick="SwapColor3();" width=25% dir=rtl 

align=center rowspan="0" 

style="font-family: Consolas; font-weight: bold; color: #FFFFFF; background-color: #FF0000;">3

</td>

<td id=td4 onclick="SwapColor4();" width=25% dir=rtl 

align=center rowspan="0" 

style="font-family: Consolas; font-weight:bold; color: #FFFFFF; background-color: #FF0000;">4

</td>

</tr>

</table>

</body>

</html>

__________________
אין יאוש בעולם כלל!

חזרה לתחילת העמוד

shoshan
מנהל האתר

הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637

נשלח בתאריך: 08 June 2010 בשעה 22:37

| IP רשוּם

בוא נסתכל על swap2 לדוגמא

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

יהיה נחמד לשים שמה למשל case של default ולעשות בו alert כדי לבדוק מה הבעיה...
לדוגמא תוסיף
alert(td2.style.backgroundColor); בתחילת swap2 בשביל לראות איך הערך מוחזר לך.

__________________
עד מתי רשעים יעלוזו?

עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.

חזרה לתחילת העמוד

חיימקה
משתמש חבר

הצטרף / הצטרפה: 18 April 2010
מדינה: Israel
משתמש: מנותק/ת
הודעות: 243

נשלח בתאריך: 09 June 2010 בשעה 02:27

| IP רשוּם

בס"ד

עיין נא ב Swap3 וב Swap4. שם הבדיקות נעשות על ערכים בפורמט שציינת! הערכים הועתקו מה td2.style.backgroundColor !

__________________
אין יאוש בעולם כלל!

חזרה לתחילת העמוד

חיימקה
משתמש חבר

הצטרף / הצטרפה: 18 April 2010
מדינה: Israel
משתמש: מנותק/ת
הודעות: 243

נשלח בתאריך: 17 June 2010 בשעה 23:33

| IP רשוּם

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

__________________
אין יאוש בעולם כלל!

חזרה לתחילת העמוד

shoshan
מנהל האתר

הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637

נשלח בתאריך: 18 June 2010 בשעה 13:48

| IP רשוּם

בס"ד
שמח שהסתדרת :)

__________________
עד מתי רשעים יעלוזו?

עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.

חזרה לתחילת העמוד

חיימקה
משתמש חבר

הצטרף / הצטרפה: 18 April 2010
מדינה: Israel
משתמש: מנותק/ת
הודעות: 243

נשלח בתאריך: 23 June 2010 בשעה 16:55

| IP רשוּם

בס"ד

... שמֵח בשמחתך!...

__________________
אין יאוש בעולם כלל!

חזרה לתחילת העמוד

אם ברצונך להגיב לנושא זה עליך קודם להתחבר
אם אינך רשום/ה כבר עליך להרשם

גרסת הדפסה

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