JS- בעיה בשינוי צבע הרקע של תגית <span> בonclick

17-03-2006, 19:59

JS- בעיה בשינוי צבע הרקע של תגית <span> בonclick

שלום!
אני מנסה לכתוב סקריפט(JS, כמובן) שמורכב מ<span> שכתובה בו מילה מסויימת, והפונקציה שאמורה
לבצע את השינוי בצבע הרקע בonclick.
הבעיה שלי היא, שאני לא מצליח להגדיר את הפונקציה, כך שתשנה את הרקע.
מישהו יכול לעזור לי ולהגיד לי מה הבעיה?
סתם לדוגמא, זה:
קוד:
 
 
<html>
<head>
<title>
</title>
<script language=javascript>
function f(){span1.background.color:"RED";}
</script>
</head>
<body>
<span id=span1 onclick=f()>
RED
</span>
</body>
</html>
 
 
תודה מראש....

_____________________________________

הורדות לסלולרי - טפטים, רינגטונים, אנימציות, רקעים ועוד.

בניית אתר בחינם! מעכשיו לא צריך ללמוד HTML, רק להרשם ולבנות!

בתגובה להודעה מספר 1 שנכתבה על ידי מרקדוידוב שמתחילה ב "JS- בעיה בשינוי צבע הרקע של תגית <span> בonclick"

כדי לגשת לאובייקט, משתמשים ב-DOM. חיפוש בפורום או ב-www.w3schools.com יבהיר לך את העניין.
כדי לשנות מאפיין עיצוב של אובייקט, משתמשים ב-CSS - גם כאן חיפוש לא יזיק באתר הנ"ל

17-03-2006, 20:09

S - Designer S - Designer אינו מחובר

חבר מתאריך: 18.12.03

הודעות: 4,187

באמת כדאי שתלמד JS ו- xHTML:

בתגובה להודעה מספר 1 שנכתבה על ידי מרקדוידוב שמתחילה ב "JS- בעיה בשינוי צבע הרקע של תגית <span> בonclick"

קוד:

<html>
	<head>
		<title></title>
		<script type="text/javascript">
			function f()
				{
				document.getElementById("span1").style.background="red";
				}
		</script>
	</head>
	<body>
		<span id="span1" onclick="f();">
			RED
		</span>
	</body>
</html>

דור הקדים אותו בדקה.

_____________________________________

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

נערך לאחרונה ע"י S - Designer בתאריך 17-03-2006 בשעה 20:11.

בתגובה להודעה מספר 3 שנכתבה על ידי S - Designer שמתחילה ב "באמת כדאי שתלמד JS ו- xHTML:"

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

_____________________________________

הורדות לסלולרי - טפטים, רינגטונים, אנימציות, רקעים ועוד.

בניית אתר בחינם! מעכשיו לא צריך ללמוד HTML, רק להרשם ולבנות!

דרך אגב- זה לא עובד.

בתגובה להודעה מספר 3 שנכתבה על ידי S - Designer שמתחילה ב "באמת כדאי שתלמד JS ו- xHTML:"

זה לא משנה את צבע הרקע של תגית הSPAN.

_____________________________________

הורדות לסלולרי - טפטים, רינגטונים, אנימציות, רקעים ועוד.

בניית אתר בחינם! מעכשיו לא צריך ללמוד HTML, רק להרשם ולבנות!

20-03-2006, 19:32

GreenBerret GreenBerret אינו מחובר

חבר מתאריך: 13.12.05

הודעות: 1,963

בתגובה להודעה מספר 3 שנכתבה על ידי S - Designer שמתחילה ב "באמת כדאי שתלמד JS ו- xHTML:"

אפשר לעשות את אותו דבר עם CSS, ללא סיבוכים מיותרים.
קוד:
<style type="text/css">
a.special, a.special:visited, a.special:link { background-color: red; }
a.special:active { background-color: green; }
</style>

<a href="#nogo" class="special">button1</a><br />
<a href="#nogo" class="special">button2</a>
כמובן שאפשר לעצב את a שיהיה כמו כל תגית אחרת, אין צורך להשתמש בspan לצורך הפעולה הזו, לפי דעתי.

נערך לאחרונה ע"י GreenBerret בתאריך 20-03-2006 בשעה 19:37.

20-03-2006, 22:05

S - Designer S - Designer אינו מחובר

חבר מתאריך: 18.12.03

הודעות: 4,187

למה להשתמש בתגית שלא למטרה שלה כשיש תגיות שעושות את העבודה שלהן נפלא?

בתגובה להודעה מספר 6 שנכתבה על ידי GreenBerret שמתחילה ב "אפשר לעשות את אותו דבר עם..."

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

https://2006-uploaded.fresh.co.il/2...20/43524867.htm

_____________________________________

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

20-03-2006, 22:38

GreenBerret GreenBerret אינו מחובר

חבר מתאריך: 13.12.05

הודעות: 1,963

בתגובה להודעה מספר 7 שנכתבה על ידי S - Designer שמתחילה ב "למה להשתמש בתגית שלא למטרה שלה כשיש תגיות שעושות את העבודה שלהן נפלא?"

מה זה קשור למטרה או לא, הדרך הזו עובדת בצורה מושלמת (היא גם מחזירה את הצבע המקורי לאחר ש"סיימת"...
למה ליצור קוד JS מיותר?

תודה לfat-fish שהראה לי את האתר שאני אוכל להראות לך אותו, כמה שימושים יש בCSS (עם תגיות A).

נערך לאחרונה ע"י GreenBerret בתאריך 20-03-2006 בשעה 22:42.

21-03-2006, 06:46

S - Designer S - Designer אינו מחובר

חבר מתאריך: 18.12.03

הודעות: 4,187

בהאתר שהבאת השימוש ב- a קורה אך ורק בלינקים.(ל"ת)

בתגובה להודעה מספר 8 שנכתבה על ידי GreenBerret שמתחילה ב "מה זה קשור למטרה או לא, הדרך..."

_____________________________________

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

בתגובה להודעה מספר 9 שנכתבה על ידי S - Designer שמתחילה ב "בהאתר שהבאת השימוש ב- a קורה אך ורק בלינקים."

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

_____________________________________

הורדות לסלולרי - טפטים, רינגטונים, אנימציות, רקעים ועוד.

בניית אתר בחינם! מעכשיו לא צריך ללמוד HTML, רק להרשם ולבנות!

בתגובה להודעה מספר 6 שנכתבה על ידי GreenBerret שמתחילה ב "אפשר לעשות את אותו דבר עם..."

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

* למיטב ידעתי ה-"Pseudo classes" יעבדו באקספלורר רק בתג a.
באתר של fat fish ניתן למצוא דרך להתמודד עם זה גם באקספלורר.

* אם אני לא טועה, במקרה הזה פשוט ונכון יותר להשתמש בפונקציה כפי ש-s-designer הציג.

#13

21-03-2006, 12:30

GreenBerret GreenBerret אינו מחובר

חבר מתאריך: 13.12.05

הודעות: 1,963

בתגובה להודעה מספר 1 שנכתבה על ידי מרקדוידוב שמתחילה ב "JS- בעיה בשינוי צבע הרקע של תגית <span> בonclick"

אני אגע בהכל, אולי ככה אצליח לשכנע מישהו.

1. יש דרך מושלמת שעובדת, אז למה לעקוף אותה עם כל מיני דברים מיותרים?!
העניין הוא שרק בA יש לנו אפשרות של active, שעושה את הכל בשבילנו...

2.

ציטוט:

למה להשתמש בתגית שלא למטרה שלה כשיש תגיות שעושות את העבודה שלהן נפלא?

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

ציטוט:

The <span> tag is used to group inline-elements in a document.

The <a> tag defines an anchor. An anchor can be used in two ways:
1. To create a link to another document by using the href attribute
2. To create a bookmark inside a document, by using the name or id attribute

עכשיו, אולי תגיד לי מה העניין באמת? או שאולי אני לא יודע לקרוא?
הממ, אם כבר span אז למה לא עשית...
קוד:
<table>
  <tr>
    <td id="span1">
      RED
    </td>
  </tr>
</table>
זה היה עובד אותו דבר, וזה מושלם?

3. מה יקרה אם תרצה לשנות עוד אלמנטים?
מה יקרה אם תרצה להחזיר את זה לצבע המקורי?
מה יקרה אם תרצה להוסיף אובייקטים?

4.

ציטוט:

בהאתר שהבאת השימוש ב- a קורה אך ורק בלינקים.

באמת?

נערך לאחרונה ע"י GreenBerret בתאריך 21-03-2006 בשעה 12:40.

#14

21-03-2006, 14:02

S - Designer S - Designer אינו מחובר

חבר מתאריך: 18.12.03

הודעות: 4,187

אתה קורא את מה שאתה מצטט?

בתגובה להודעה מספר 13 שנכתבה על ידי GreenBerret שמתחילה ב "אני אגע בהכל, אולי ככה אצליח..."

ציטוט:

The <a> tag defines an anchor. An anchor can be used in two ways:
1. To create a link to another document by using the href attribute
2. To create a bookmark inside a document, by using the name or id attribute

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

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

_____________________________________

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

#15

21-03-2006, 14:23

GreenBerret GreenBerret אינו מחובר

חבר מתאריך: 13.12.05

הודעות: 1,963

בתגובה להודעה מספר 14 שנכתבה על ידי S - Designer שמתחילה ב "אתה קורא את מה שאתה מצטט?"

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

#16

21-03-2006, 14:30

S - Designer S - Designer אינו מחובר

חבר מתאריך: 18.12.03

הודעות: 4,187

הבור לא מאמין כמה הוא בור, יפה.

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

באמת כדאי שתפסיק. עלוב נפש.

_____________________________________

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

#17

22-03-2006, 11:00

GreenBerret GreenBerret אינו מחובר

חבר מתאריך: 13.12.05

הודעות: 1,963

בתגובה להודעה מספר 14 שנכתבה על ידי S - Designer שמתחילה ב "אתה קורא את מה שאתה מצטט?"

ומה נאמר על span?
ומה עם שאר הדברים שאמרתי?

« לאשכול הקודם | לאשכול הבא »

כלי אשכול	חפש באשכול זה
הצג גירסת הדפסה שלח דף זה ב E-Mail	חפש באשכול זה: חיפוש מתקדם
מצבי תצוגה	דרג אשכול זה
עבור למצב לינארי מצב כלאיים עבור למצב משורשר	דרג אשכול זה:

אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים אתה לא יכול להגיב לאשכולות אתה לא יכול לצרף קבצים אתה לא יכול לערוך את ההודעות שלך קוד vB פעיל סמיילים פעיל קוד [IMG] פעיל קוד HTML כבוי

מעבר לפורום

כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 14:18

הדף נוצר ב 0.06 שניות עם 10 שאילתות
צור קשר - Fresh - למעלה