מי יודע???

[יעל10]

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

 

[wmw]

הסבר, נמק, פרט
גלילה נעשית על ידי MARQUEE

דוגמה והסבר: http://www.htmlcodetutorial.com/_MARQUEE.html

אלא שעקרונית זה לא תיקני.

לעומתה גלילה באמצעות סקריפט:
לבדוק שהטקסט יופיע בשלמותו במקרה של חסימת סקריפטים א. לחוסמים [המועטים] ב. למנועי החיפוש.

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

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

 

[Shlomi]

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

לכן תעשי את זה באמצעות JS -
ההורדעה המקורית - http://www.fresh.co.il/vBulletin/showthread.php?t=154048

מדריך - טקסט נגלל (marquee) התומך בתקן xHTML 1.0 Transitional:
ואני מאמין שזה יעזור לרבים פה. לצערי במדריך השתמשת ב- iframe (לצורך כל שהוא, שבהמשך אני אסביר עליו), ולכן הסקריפט לא יתמוך ב- strict.
אז בואו ונתחיל.

דבר ראשון צרו דף xHTML עם iframe בתוכו וכמובן כוונו את ה- src של ה- iframe לדף בו ימצא הסקריפט, בנוסף העלימו את פסי הגלילה בעזרת המאפיין "scrolling". כלומר:

[font=Arial]<iframe src="scroll.html" scrolling="no" style="height:20px; width:400px;  padding:0px;"></iframe>[/font]

טיפ: ממולץ להוסיף את שלושת המאפיינים הנוספים שהכנסתי ל- style של ה- iframe כדי שסקריפט יצא טוב.
ב- iframe השתמשתי כדי להעלים את הטקסט כאשר הוא מגיע לקצה, ולכן אין תמיכה ב- strict.
עכשיו ניצור דף xHTML נוסף בו ימצא הסריפט שגורם לטקסט לזוז.

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

[font=Arial]<span id="scroll" style="position:absolute; width:auto;">הטקסט שלכם</span>[/font]

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

document.getElementById('scroll').style.left=-parseInt(document.getElementById('scroll').offsetWidth)+"px";
setTimeout('scroll();',1);

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

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

[font=Arial]var x=parseInt(document.getElementById('scroll').style.left);
if(x>400)
    x=-parseInt(document.getElementById('scroll').offsetWidth);
x++;
document.getElementById('scroll').style.left=x+"px";
setTimeout('scroll();',1);[/font]

חשוב: במקום 400 עליכם להכניס את רוחב ה- iframe בו יושב הדף המכי את הסקריפט.
וזהו, הפונקציה עובדת.

|קישור| דוגמה לסקריפט בפעולה.

בהצלחה!

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

 

[Shia]

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

כנראה שהכוונה היא למשהו כזה
(הסבר איך לעשות את זה עם תוסף jQuery)

או לחילופין משהו כזה
הסבר כאן

 

[יעל10]

בדיוק לזה התכונתי!!

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

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

כנראה שהכוונה היא למשהו כזה
(הסבר איך לעשות את זה עם תוסף jQuery)

או לחילופין משהו כזה
הסבר כאן

 

[wmw]

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

אז אלו מילות החיפוש שאת אמורה למצוא בהם: "סקרולר מעוצב אישית"

או "styled scroll"

בשני המקרים זה נוצר באמצעות מנועי סקריפטים חיצוניים
בראשון עם ג'ייקווארי ובשני עם מוטולה.

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

 

[יעל10]

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

 

[יעל10]

הכוונה היא למשהו כזה
(הסבר איך לעשות את זה עם תוסף jQuery)

משהו יכול להסביר מה ואיך לעשות??? מה אני מכניסה לקוד שלי, ולאן? וכו'

 

[wmw]

לא בדקתי, אבל לכאורה, ולפי מה שהבנתי שם בהסבר, כל מה שצריך לשים זה קישור סקריפט ל JQUERY [ותמיד עדיף להשתמש עם ההוא של גוגל, חוסך טעינה חוזרת]
ואז 2 קבצי JS [וקישור אליהם]
והפעלת הפונקציה שמחליפה את הסקרולר
תראי במקור הדף הרובוטי הזה.

כמובן שתשני ותחליפי את התמונות כמו שאת רוצה

תראי במקור שורות 17-28

 

[חיים פ]

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

 

[israel]

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

אמרה נכון


פס גלילה = scroll bar