איך עושים קישור לדף על כל התא בטבלה

איך עושים קישור לדף על כל התא בטבלה

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

_____________________________________

http://www.exeGames.Net
אין מצב שמי שנכנס מתחרט שנכנס! זהו האתר שלי שבו יש את כל המשחקים שיצרתי (כן, אני יוצר משחקים )

בתגובה להודעה מספר 1 שנכתבה על ידי bearcub שמתחילה ב "איך עושים קישור לדף על כל התא בטבלה"

קוד:

<html dir='rtl'>
<head>
<title>לינק במעבר על תא בטבלה</title>
<script type='text/javascript'>
function OpenMe()
{
	var x=document.getElementsByTagName('td');
	var i=0;
	var links = new Array();
		links[0] = "http://www.google.co.il";
		links[1] = "http://www.google.co.il";
	while (i <= x.length)
	{
		if (x[i].id.match(/CellOpen_\d/))
		{
			var obj = document.getElementById('CellOpen_'+i);
			var DataCache = new Array();
				DataCache[0]=obj.style.backgroundColor;
			 	DataCache[1]=obj.style.color;
				DataCache[2]=obj.style.cursor;	
			obj.onmouseover = function()
			{
				obj.style.backgroundColor = "green";
				obj.style.color = "white";
				obj.style.cursor = "pointer";
			}
			obj.onmouseout = function()
			{
				obj.style.backgroundColor = DataCache[0];
				obj.style.color = DataCache[1];
				obj.style.cursor = DataCache[2];
			} 
			obj.onclick = function()
			{
				document.location = links[i];
			}
		}
		++i;
	}
	
}

</script>
</head>
<body>
<table border="1" cellpadding="6" style='margin:auto;width:60%;'>
<tr><td id='CellOpen_0'>תא מספר 1</td><td>תא מספר 2</td><td>תא מספר 3</td></tr>
<tr><td>תא מספר 4</td><td>תא מספר 5</td><td>תא מספר 6</td></tr>
<tr><td>תא מספר 7</td><td>תא מספר 8</td><td>תא מספר 9</td></tr>
</table>
<script type='text/javascript'>
OpenMe();	
</script>
</body>
</html>

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

אחח .... JS שונה מPHP לפעמים בצורה משמעותית שזה מעצבן

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

27-12-2006, 06:38

Silver Strike Silver Strike אינו מחובר

חבר מתאריך: 10.09.04

הודעות: 1,032

אם הבנתי אותך נכון...

בתגובה להודעה מספר 2 שנכתבה על ידי DCD שמתחילה ב "הנה הקוד שבניתי:"

קוד PHP:

/* this script uses class's instead of styles declaration. oGetTable = the table object that the script applies to. cGetCells = the cells of the oGetTable (td/th). the link is specified in the 'id' attribute of the cell tag. */ function tableHover(){ var oGetTable = document.getElementById("table_name"); var cGetCells = oGetTable.cells; for(var i=0; i<cGetCells.length; i++){ cGetCells[i].onmouseover = function(){ this.className = "highlight"; }; cGetCells[i].onmouseover = function(){ this.className = "base"; }; cGetCells[i].onclick = function(){ if(this.getAttribute("id").test("http://")) location.href = this.getAttribute("id"); }; } }

לא נבדק...

_____________________________________

זה הרבה יותר פשוט ממה שאתם הצגתם!

בתגובה להודעה מספר 3 שנכתבה על ידי Silver Strike שמתחילה ב "אם הבנתי אותך נכון..."

זה פשוט, צריך לכתוב את הקוד הבא:
קוד:
<table border="1">
<tr>
<a href="link address"><td>col</td></a>
</tr>
</table>
זה הכל!
לא צריך קודים מסובכים בשביל זה!
נבדק ופועל!

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

צודק =S

רק כדי להשלים את האפקט:
קוד:
<a href='http://www.google.co.il'><td style='cursor:pointer;'>תא בטבלה</td></a>
מה שנשאר לשאול זה האם הקוד תקין?

נערך לאחרונה ע"י DCD בתאריך 27-12-2006 בשעה 15:12.

בתגובה להודעה מספר 5 שנכתבה על ידי DCD שמתחילה ב "צודק =S רק כדי להשלים את..."

כן גם ככה זה עובד תודה רבה לכולם!

_____________________________________

http://www.exeGames.Net
אין מצב שמי שנכנס מתחרט שנכנס! זהו האתר שלי שבו יש את כל המשחקים שיצרתי (כן, אני יוצר משחקים )

27-12-2006, 16:08

Silver Strike Silver Strike אינו מחובר

חבר מתאריך: 10.09.04

הודעות: 1,032

לא תקין

בתגובה להודעה מספר 5 שנכתבה על ידי DCD שמתחילה ב "צודק =S רק כדי להשלים את..."

אולי עובד, אבל בהחלט בעייתי.

_____________________________________

בתגובה להודעה מספר 3 שנכתבה על ידי Silver Strike שמתחילה ב "אם הבנתי אותך נכון..."

אממ הקוד הנ"ל גם לא עובד כמו שצריך, יש בעיה בשורה הבאה:
קוד:
 if(this.getAttribute("id").test("http://")) location.href = this.getAttribute("id");
זה אומר שלאוביקט this אין מאפין\ערך\מה-שמו של getAttribute ...

ובכל מקרה, גם לאחר הקוד שהבאת וגם לאחר הקוד ש-"דור שמויש" הביא, אשמח לתיקון הקוד שלי כדי שאוכל להבין יותר JS...

27-12-2006, 16:58

Silver Strike Silver Strike אינו מחובר

חבר מתאריך: 10.09.04

הודעות: 1,032

עכשיו זה עובד...

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

https://2006-uploaded.fresh.co.il/2...27/40657776.htm

דבר ראשון, אני ממליץ לך להחליף את הגדרות ה-style ב-class.
שנית, כל המשחק שעשית שם עם מערכים הוא מיותר ולא יעיל.
הסיבה שאתה יכול להשתמש רק בקישור אחד היא גגלל שכשאתה מריץ את הפונקציה, אתה מריץ אותה לאחר שעברת כבר על כל התאים. מה שמשאיר אותך בתא האחרון.

אתה יכול להוציא את התוכן של onclick לפונקציה חיצונית ולקרוא לה ב-obj.onclick.

_____________________________________

בתגובה להודעה מספר 9 שנכתבה על ידי Silver Strike שמתחילה ב "עכשיו זה עובד..."

ציטוט:

במקור נכתב על ידי Silver Strike

https://2006-uploaded.fresh.co.il/2...27/40657776.htm

באמת עובד

ציטוט:

במקור נכתב על ידי Silver Strike

דבר ראשון, אני ממליץ לך להחליף את הגדרות ה-style ב-class.

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

ציטוט:

במקור נכתב על ידי Silver Strike

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

אני יודע שהוא מיותר אבל לא מצאתי דרך אחרת...
ודווקא עשיתי הודעת alert עם ה-ID של תאים אחרים כשהלולאה רצה, וה-alert הציג אותם.
זאת אומרת שזה רץ על כל התאים ולאו דווקא על התא האחרון. אבל בכל מקרה השתמשתי בלולאת for בזכות נוחותה ויעילותה (במהירות).

ציטוט:

במקור נכתב על ידי Silver Strike

אתה יכול להוציא את התוכן של onclick לפונקציה חיצונית ולקרוא לה ב-obj.onclick.

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

זה הקוד החדש שכתבתי:

https://2006-uploaded.fresh.co.il/2...7/97320430.html

אבל משום מה זה גם לא עובד. ה-class בכלל לא מצליח לי והלחיצה על ה-td מצליח, אבל זה לא שולח את המשתמש למקום הנכון (זה שולח אותו למקום האחרון שעברו עליו בלולאה).

אני עדיין לא מבין מה לא טוב :|

[עריכה] דבר נוסף, כשאתה כותב this בתוך function, למה ה-this שווה? לדוגמא בקוד הבא:
קוד:
        cGetCells[i].onmouseover = function(){
            this.className = "base";
        };
ה-this שווה ל- cGetCells[i] ?

נערך לאחרונה ע"י DCD בתאריך 27-12-2006 בשעה 22:28.

#11

28-12-2006, 11:36

Silver Strike Silver Strike אינו מחובר

חבר מתאריך: 10.09.04

הודעות: 1,032

abbr לא עובד ב-IE....

בתגובה להודעה מספר 10 שנכתבה על ידי DCD שמתחילה ב "[QUOTE=Silver..."

ו-this אכן פונה ל-[cGetCells[i

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

_____________________________________

בתגובה להודעה מספר 11 שנכתבה על ידי Silver Strike שמתחילה ב "abbr לא עובד ב-IE...."

לפי הכתוב כאן:
http://www.w3schools.com/tags/tag_td.asp
abbr כן נתמך בשלושת סוגי ה-DTD:
Strict,Transitional, ו-Frameset
וגם זה הצליח לקלוט את הערך בעזרת JS...יש רק בעיה מוזרה שבלחיצה על אלמנט td מסויים זה מעביר את המשתמש לתוכן ה-abbr האחרון שעברו עליו.

אני גם לא מבין איך אני יכול להתייחס לאלמנט מסויים כשמשתמשים בפונקציה getElementsByTagName.
אני ניסיתי לכתוב בקובץ הנ"ל גם:
קוד:
x[i].className = 'NormalTD';
ודברים דומים, אבל זה כותב לי את השגיאה:

ציטוט:

'x[...]' is null or not an object

עריכה:

וואלה הצליח לי (סוף סוף..).
עכשיו רק נשאר לי להבין:
1) למה הקוד הקודם לא עבד כראוי? [כשעבדתי עם obj במקום x[i].getAttribute('').]
2) ולמה ה-className עדיין לא עובד? :|

זה הקוד החדש:
https://2006-uploaded.fresh.co.il/2...8/56653053.html
(אני יודע שזה דומה)

תודה

נערך לאחרונה ע"י DCD בתאריך 28-12-2006 בשעה 13:53.

#13

28-12-2006, 14:06

Silver Strike Silver Strike אינו מחובר

חבר מתאריך: 10.09.04

הודעות: 1,032

בתגובה להודעה מספר 12 שנכתבה על ידי DCD שמתחילה ב "לפי הכתוב..."

1. דווקא נראה שהחלפת ה-class כן עובדת
2. בשיטה שלך, כשאתה קורא ל-[document.location = Links[i אתה פונה ל-i שכבר לא מוגדר. בלי קשר אתה אמור להשתמש באובייקט ה-window ולא document

_____________________________________

בתגובה להודעה מספר 13 שנכתבה על ידי Silver Strike שמתחילה ב "1. דווקא נראה שהחלפת ה-class..."

כן לבסוף זה עובד ה-class.....כתבתי קוד CSS לא נכון - במקום להשתמש בתגית style, השתמשתי בתגית script ואני שעות לא מבין למה זה לא עובד חחח בושות.

בקשר ל- links[i], לא התכוונתי לזה. התכוונתי שכשהשתמשתי ב-obj - זה לא עבד טוב עם המשתנה הזה משום מה =\

ועכשיו הצלחתי סוף סוף את הכל עם קוד תקין

ציטוט:

בלי קשר אתה אמור להשתמש באובייקט ה-window ולא document

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

document.location = ...

#15

28-12-2006, 15:42

Silver Strike Silver Strike אינו מחובר

חבר מתאריך: 10.09.04

הודעות: 1,032

בתגובה להודעה מספר 14 שנכתבה על ידי DCD שמתחילה ב "כן לבסוף זה עובד..."

ה-method בשם location שייכת לאובייקט החלון (window) ולא לאובייקט המסמך (document).
אתה משנה את המסמך עצמו ולא משנה אותו. למרות שכיום כל הדפדפנים יעבדו עם ה-Syntex שכתבת.
אם אנחנו כבר בנושא, ה-syntex המלא הוא: window.location.href. למרות שאפשר לכתוב רק location ללא window (מה שמומלץ בד"כ להחסיר) או href.

עריכה:
וכמובן, גם קישור רלוונטי: http://devguru.com/technologies/javascript/10861.asp

_____________________________________

בתגובה להודעה מספר 15 שנכתבה על ידי Silver Strike שמתחילה ב "ה-method בשם location שייכת..."

אהא...הבנתי, תודה

בתגובה להודעה מספר 1 שנכתבה על ידי bearcub שמתחילה ב "איך עושים קישור לדף על כל התא בטבלה"

http://www.bisli.buzzit.co.il/?v=amitsh

בתגובה להודעה מספר 17 שנכתבה על ידי amit626 שמתחילה ב "[font=Times New..."

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

#19

01-01-2007, 00:59

	ShoobyD מנהל משבראש, בלשנות, תכנות ויהדות		חבר מתאריך: 04.06.06 הודעות: 33,130

Done :)(ל"ת)

בתגובה להודעה מספר 18 שנכתבה על ידי maxim k שמתחילה ב "מתי כבר יחסמו את הספאמר..."

_____________________________________

תוספים לפורום
קורס לטינית בלעדי לפרש, בפורום שפות ובלשנות.

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

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

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

מעבר לפורום

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

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