תחומים - פורום חרדי מקצועי

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

יצרתי שעון מחוגים באמצעות JS ואלמנט קנבס. הוספתי אפשרות לכוון את השעון לשעה מותאמת-אישית על ידי גרירת המחוגים ידנית (שו' 306 והלאה).

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

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

כדי לפתור את זה הוספתי עוד בדיקה: מוצאים את המיקום הקודם של הסמן, ואם המיקום הקודם הוא לפני הספרה 12 (=מרכז השעון), והמיקום הנוכחי הוא אחרי – צריך להוסיף שעה. המיקום הקודם מחושב ע"י event.clientX-event.movementX.

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

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

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

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

@לי-ראש כתב בלימוד אנגלית:

יש עצה כיצד ללמוד אנגלית לבד (או באיזשהו קורס מזורז) ביעילות (ובמהירות) לצד הלימודים בתכנות?

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

אני למדתי כך הרבה מילים בקלות.

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

הסימניה הזו של @יוסף-בן-שמעון, שכבר נפוצו לה כמה גרסאות, מכילה סקריפט שעובר על כל האלמנטים בHTML ומתקן את הdirection שלהם ל"rtl", מה שמאוד עוזר לדפים המתורגמים מאנגלית.

הבעיה, שיש לו כמה חסרונות:

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

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

3. יש דפים שהקוד פשוט לא עובד עבורם. כך למשל גיליתי (למרבה התימה!) שמאפיין ה"CSS "textAlign* רלוונטי לזה. אך בדפים אחרים, גם אחרי שבכל האלמנטים מוגדר

dir="rtl"
style{
direction: rtl;
text-align: right;
}

הכיוויות נשארת LTR. כנראה זה תלוי במאפייני CSS נוספים שאני לא מכיר.

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

---

מצורף הקוד החלקי והבלתי הקריא שלי נכון לעכשיו (הוא נכתב טלאי ע"ג טלאי אז תסלחו על הבלגן):

javascript: (function() {
  var elements = document.getElementsByTagName("*");
  for (e of elements) {
    if (!e.style) continue;
    if (!e.style.direction || e.style.direction === 'ltr') {
      e.style.direction = 'rtl';
      e.dir == "rtl";
    } else {
      e.style.direction = 'ltr';
      e.dir == "ltr"
    }
  }
})();

function yshur(elem) {
  elem.dir = "ltr";
  elem.style.direction = "ltr";
  elem.style.textAlign = "right";
  var elemchildren = Array.from(elem.getElementsByTagName("*"));
  if (elemchildren[0] != undefined) elemchildren.forEach(yshur);
};
var pre = Array.from(document.getElementsByTagName("pre")),
  code = Array.from(document.getElementsByTagName("code"));
var ElementsArray = pre.concat(code).concat(Array.from(document?.querySelector(".Code") || []));
ElementsArray.forEach(yshur);

*שוב בעיית יישור

@ש-ב-ח אתה רוצה לתפוס רק את המילה החמישית עצמה?

לאיזו שפה אתה כותב רג'קס?

@dovid כתב בשתפו מידע הנדרש לסקריפט יישור RTL לדפים מתורגמים, שיעבור בכמה שיותר מקרים:

function toogleLeftRight

אתה לא קורא לפונקציה הזו.

לי די מפריע לקריאה, שכותרת האשכול מוצגת כל העת גם אחרי גלילה.

כתבתי סקריפט לTampermonkey‬ שפותר זאת. מצ"ב לתועלת הציבור.

// ==UserScript==
// @name         הסתרת הכותרת בגלילה
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  מסתיר את כותרת הנושא באתר תחומים עם גלילת הדף.
// @author       שלום עולם
// @match        https://tchumim.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

let headerElement = document.querySelector("#content > div.row > div.topic.col-lg-12 > div.topic-header");

addEventListener("scroll", function() {
  if (pageYOffset > 0) {
    headerElement.style.display = "none";
  } else {
    headerElement.style.display = "block";
  }
});})();

אחרי:

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

עריכה: בעזרת @צדיק-תמים הצלחתי. לחצו כאן כדי להתקין אצלכם את הסקריפט.

@NH-LOCAL כתב בצאט AI | מודל שפה!:

openai שחררה מודל שפה גדול חדש, שמיועד לפתרון בעיות מתמטיות.

שחררה ממש?
אפשר קישור או שלא דק?

@dovid כתב בגיבוי קיצורי מקשים בוורד:

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

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

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

לא מבין איפה זה כ"כ עוזר (תמיד אפשר ללחוץ שוב ולקבל את המילה הבאה בשלמותה), עכ"פ הקוד הזה עשוי לעזור

Sub SelectToNextSpace()
    Dim sel As Range
    Set sel = Selection.Range
    sel.MoveEndUntil " ", wdForward
    sel.Select
End Sub

@yossiz כתב בצלילה לעומק TS: טייפ X לא זהה ל-union של כל הערכים האפשריים שהטייפ כולל:

{ foo: string; bar number }

חסר נקודתיים.

@yossiz המחקלה מאפשרת רק תקשורת בסיסית עם localstorage דהיינו get, set, remove. אבל ל-localstorage יש גם מתודת ()clear ומאפיין length; אפשר לגשת ולשנות את רכיביו עם [localStorage[key או Object.hasOwnPropetry, אפשר לבצע עליו איטרציות(!) וכו'.

אם אתה רוצה לחקות באמת את localstorage, כנראה הפתרון הוא Proxy שלם שיושב על כל אפשרויות התקשורת עם localstorage ומספק תחליפים על בסיס coockie. ייתכן שעבור עבור חלק מהמקרים יהיה אפשר לרכב על ה-API הקיים sessionStorage אם הדפדפן מספק אותו.

כל זה לענ"ד וכתלמיד הדן בקרקע...

---

נ.ב. ייתכן שהיישום של ()localStorage.clear על המחלקה שלך מסוכן כי הוא עולל למחוק שורות מה-coockie שמנוהלים ע"י קוד אחר. לפתור את זה ידרוש מעקב על מה נוסף על ידי הקוד הנוכחי ומה לא.

@dovid כתב בREGEX לקומות כשרות:

במידה ומדובר על הרבה מידע, אז זה גם רץ הרבה יותר מהר.

חידוש. אפשר מקור?

@dovid ניתוח מעולה. מה שחיפשתי.

לבסוף הסתדרתי כעצת dovid, אבל אני אכן חש את הבעיות.

@yossiz כתב בשתפו מידע הנדרש לסקריפט יישור RTL לדפים מתורגמים, שיעבור בכמה שיותר מקרים:

@שלום-עולם-0 למה אתה חושב ש @zvizvi יכתוב משהו לא אמיתי??

זה הפתיע אותי ולכן רציתי לוודא, שמא

נ.ב. זה לא ממש מדוייק

@dovid כתב בשתפו מידע הנדרש לסקריפט יישור RTL לדפים מתורגמים, שיעבור בכמה שיותר מקרים:

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

זה מצויין אם כן. עלי לשלב אותו עם הקוד של @NH-LOCAL.

@dovid כתב בשתפו מידע הנדרש לסקריפט יישור RTL לדפים מתורגמים, שיעבור בכמה שיותר מקרים:

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

נעשה עם try כך שיפעל רק איפה שזה לא מזיק.

@dovid כתב בשתפו מידע הנדרש לסקריפט יישור RTL לדפים מתורגמים, שיעבור בכמה שיותר מקרים:

נ.ב. למה לא להשתמש בedge וזהו?

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

@dovid כתב בהסתרת כותרת נושא בפורום:

זה קשור לשטח שנגזל מהמסך?

אכן, שטח הקריאה נהיה צר ואני מרגיש בצינוק.

@יוסף-בן-שמעון כתב בלמה אני לא משתמש ב Chat openai:

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

מעניין לציין שזה מה שבאמת עשו שם לGPT.