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

ועוד שאלה בעניין הזה, איך אני יכול להגדיר div מסויים באמצע המסך, מבלי להתייחס לרוזולוציה שהמשתמש גולש בה.
חיפשתי כל מיני תכונות align בcss אבל מצאתי רק לטקסט ולתמונה.
מישהו יכול לכתוב לי כאן בבקשה את הקוד שימרכז לי div שרוחבו 750 פיקסל, כאשר אני לא יודע באיזה רוזולוציה הגולש משתמש.
אם אני יגדיר שוליים ברוחב 150, מי שמשתמש ברוזולוציה נמוכה יראה את הdiv בצד.
אני כמעט בטוח שיש איזו דרך להגדיר את הdiv באמצע.
תודה רבה על העזרה ועל תשומת הלב.

קצת לחפש
http://www.fresh.co.il/vBulletin/sh...ad.php?t=197347

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

האמת שחיפשתי.
בכל מקרה תודה רבה על הקישור.
שמתי אותו במועדפים =]

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

לא בלולאה, אלא בעזרת הפונקציה setTimeout או setInterval.
אבל בכל מקרה, למה שתרצה לממש דבר כזה לבד? זה סתם בזבוז זמן... אם היית משתמש בספריית JS, כמו למשל jQuery, יכולת לעשות את זה בשורת קוד אחת:

קוד:

$('#opener').click( function(e) { $('#div').css({left:e.clientX, top:e.clientY}).slideDown(); } );

או, אם אתה אוהב ריווח בקוד שלך:

קוד:

$('#opener').click(
	function(e)
	{
		$('#div').css({left:e.clientX, top:e.clientY}).slideDown();
	}
);

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

מכליל בעמוד ה-HTML שלך את קובץ ה-JS שאותו אתה מוריד מהאתר הרשמי של jQuery?

חחחחחח וואלה.
כזאת קלות?

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

https://2007-uploaded.fresh.co.il/2...7/32677252.html

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

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

הנה מה שעשיתי, זה עדיין בשלבי בנייה כי אני רוצה לשפר את האפקט של הפתיחה:
https://2007-uploaded.fresh.co.il/2...7/88056505.html

אני רק מבקש לשמור זכויות בסקריפט עצמו ל-Marom Dor אם תירצה להשתמש בו...

וחלק ממה שיש שם, כלומר הקטע הבא:

קוד:

		if (division >= 0.01 && division < 0.02 )
			this.doubleAdd = 2*(++this.add);
		else if (division >= 0.02 && division < 0.04 )
			this.doubleAdd = 2*(++this.add);
		else if (division >= 0.04 && division < 0.06 )
			this.doubleAdd = (++this.add);
		else if (division >= 0.8 && division < 0.9 )
			this.doubleAdd = 2*(++this.add);
		else if (division >= 0.9)
			this.doubleAdd = 2*(++this.add);

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

עריכה:
שכחתי להוסיף 2 קבצים:
קובץ baseFunc.js:

קוד:

/* Fetchs element by id */
function fid(objId)	
{
	return (document.getElementById(objId) || document.all[objId] || document.layers[objId] || false); 
}
/* Finds element's position relatively to the inner window.
	returns a [x,y] array.	 */
function findPos(obj) 
{
	if (obj.offsetParent)
	{
		curleft = obj.offsetLeft;
		curtop = obj.offsetTop;
		while (obj = obj.offsetParent)
		{
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		}
		
		return [curleft,curtop];
	}
	else
		return [(obj.x || 0), (obj.y || 0)];
}

ו- baseStyle.css:

קוד:

html, body
{
	text-align:left;
	direction:ltr;
	margin: auto;
	overflow: auto; /* Fix IE's unnecessary scrollbar */
	overflow-x: hidden; /* Fix IE's x-axis appearing (and, of course, unnecessary) scrollbar */
}

*
{
	background-color:transparent;
	color:black;
	margin:0;
	padding:0;
	font: normal normal normal 13px/normal arial;
	position: static;
	visibility: visible;
}

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

קוד:

	background-color:transparent;
	color:black;
	font: normal normal normal 13px/normal arial;

תוריד אותם מההגדרה של *.

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

script.aculo.us Effects demo

Lightbox Gone Wild

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

http://dynamicdrive.com/dynamicinde...tedcollapse.htm

תודה רבה על הקישור.
אבל זה לא בדיוק מה שרציתי.
מצאתי דוגמא מצויינת שתמחיש בדיוק את מה שאני מחפש.
אני מקווה שזה לא מסובך מידי.
http://extjs.com/deploy/ext/docs/index.html
בצד שמאל תבחרו ב dialogs
ואז תבחרו בhello world
תראו איזה יופי זה יוצא.
אני מחפש משהו בסגנון הזה.
כמובן שלא באותה רמת עיצוב, אבל לפחות על אותו עיקרון.
תודה רבה ושבת שלום!

אני לא מבין מה הבעייה שלך ?
http://extjs.com/download

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

במקרה שלו הייתי ממליץ על jQuery כי שם אתה כולל ספריה לפי אפקט שבו אתה רוצה להשתמש (פחות או יותר).

כי אני רוצה ללמוד לבד?

וDCD בקישור שהבאת יש שגיאת JS ולא רואים כלום.
כנראה טעות קטנה בקוד.
תודה רבה!

יש צורך להוסיף את הקודים של 2 הקבצים הנוספים:
baseFunc.js
ו- baseStyle.css

אחרת כמובן שהעמוד לא יפעל

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

שמתי הכל בקובץ אחד, ועכשיו זה פועל:
https://2007-uploaded.fresh.co.il/2...9/36426157.html

יכול להיות שתצטרך לשנות כמה פרטים כדי להתאים לצרכים שלך. בנוסף יש את הבעיה הקטנה שכאשר קובעים מהירות גדולה מאוד, דרך הקוד הבא:

קוד:

	this.add = 8;
	this.doubleAdd = 16;	 // this.add * 2

(לדוגמא לערכים של 100 ו-200)

אז הגודל של ה-DIV גודל משמעותית מעבר לגודלו המקורי.

אפשר לפתור את זה בקלות ע"י בדיקת הגודל של ה-DIV בכל רגע שהוא גודל ולבצע פעולות בהתאם...

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

עריכה:
הקובץ עכשיו עולה לאט כי שמתי תמונה והדפדפן לא מאתר אותה.

וואוו בנאדם זה מדהים!!!!
איזה יופי של דבר...
תותח על אתההה
תודה רבה רבה רבה!!!!!