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

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

 שליחת תגובהשליחת נושא חדש
כותב
הודעה << נושא קודם | נושא הבא >>
חיימקה
משתמש חבר
משתמש חבר
סמל אישי

הצטרף / הצטרפה: 18 April 2010
מדינה: Israel
משתמש: מנותק/ת
הודעות: 243
נשלח בתאריך: 06 June 2010 בשעה 21:45 | IP רשוּם
ציטוט חיימקה

בס"ד

תרגיל ב JavaScrupt:

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

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

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

קוד:

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

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 רשוּם
ציטוט shoshan
שלח את הקוד המלא בבקשה

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

עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
חזרה לתחילת העמוד הצג את כרטיס החבר של shoshan חפש הודעות אחרות של shoshan בקר בדף הבית של shoshan
 
חיימקה
משתמש חבר
משתמש חבר
סמל אישי

הצטרף / הצטרפה: 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 רשוּם
ציטוט shoshan
בוא נסתכל על swap2  לדוגמא

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

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


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

עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
חזרה לתחילת העמוד הצג את כרטיס החבר של shoshan חפש הודעות אחרות של shoshan בקר בדף הבית של shoshan
 
חיימקה
משתמש חבר
משתמש חבר
סמל אישי

הצטרף / הצטרפה: 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 רשוּם
ציטוט shoshan
בס"ד
שמח שהסתדרת :)


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

עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
חזרה לתחילת העמוד הצג את כרטיס החבר של shoshan חפש הודעות אחרות של shoshan בקר בדף הבית של shoshan
 
חיימקה
משתמש חבר
משתמש חבר
סמל אישי

הצטרף / הצטרפה: 18 April 2010
מדינה: Israel
משתמש: מנותק/ת
הודעות: 243
נשלח בתאריך: 23 June 2010 בשעה 16:55 | IP רשוּם
ציטוט חיימקה
בס"ד

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

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

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

  שליחת תגובהשליחת נושא חדש
גרסת הדפסה גרסת הדפסה

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