@NH-LOCAL כתב בשתפו מידע הנדרש לסקריפט יישור RTL לדפים מתורגמים, שיעבור בכמה שיותר מקרים:
{text-align: right; direction: rtl;}
לא צריך גם
dir="rtl"
?
@NH-LOCAL כתב בשתפו מידע הנדרש לסקריפט יישור RTL לדפים מתורגמים, שיעבור בכמה שיותר מקרים:
{text-align: right; direction: rtl;}
לא צריך גם
dir="rtl"
?
@dovid כתב בשתפו מידע הנדרש לסקריפט יישור RTL לדפים מתורגמים, שיעבור בכמה שיותר מקרים:
נ.ב. למה לא להשתמש בedge וזהו?
התרגלתי לכרום, השאלה הטעונה איזה דפדפן עדיף היא נושא לאשכול מפלצתי נפרד.
@צדיק-תמים תודה, עברתי לזה.
Tampermonkey מסורבל כי לא נוח למלא את כל הפרמטרים שלהם בכל סקריפטון שאני רוצה להפעיל.
הסימניה הזו של @יוסף-בן-שמעון, שכבר נפוצו לה כמה גרסאות, מכילה סקריפט שעובר על כל האלמנטים בHTML ומתקן את הdirection שלהם ל"rtl", מה שמאוד עוזר לדפים המתורגמים מאנגלית.
הבעיה, שיש לו כמה חסרונות:
הוא הופך את כיוון הטקסט גם באלמנטים שגוגל השאיר באנגלית (לרוב בצדק), כמו גושי קוד ועוד. ועל אף שכבר העירו שכדאי לסנן החוצה אלמנטי preו- code, זה עדיין לא מכסה את כל המקרים.
מלבד היפוך הטקסט עצמו, יש גם הנושא של היפוך כיוון האלמנטים עצמם. בדרך כלל זה רצוי (כנראה אי אפשר באמת לבנות את הסקריפט כך שהוא יעשה זאת רק כשצריך), אבל לפעמים זה עושה בעיות. לדוגמא באתר הזה, היישור דופק לגמרי את העמוד.
יש דפים שהקוד פשוט לא עובד עבורם. כך למשל גיליתי (למרבה התימה!) שמאפיין ה"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);
*שוב בעיית יישור
הסתדרתי.
@צדיק-תמים כתב בהסתרת כותרת נושא בפורום:
ושהקישור יסתיים ב .user.js, כלומר https://site.com/file.user.js, אבל סתם לינק ישיר לקובץ JS לדוגמה https://site.com/file.js לא יעבוד
https://www.tampermonkey.net/faq.php?locale=en#Q102:~:text=link that ends up on ".user.js" and click it
לא הבנתי. אני שולח לך קישור לקובץ JS (שאין לי מושג איפה לאחסן אותו) עם הסיומת user.js, ואיכשהו זה נפתח לך בTampermonkey?
בעקבות הרעיון הזה, חיפשתי תוסף להוספת CSS אישי לאתרים, מצאתי את התוסף הזה והוא נראה משהו מצויין. חשבתי שהוא יכול להיות גם תחליף מציין לTampermonkey המסורבל.
הבעיה, שהוא פשוט לא עובד. הכנסתי JS ו-CSS והגדרתי אותם לURL של אתר זה, אך שניהם לא עבדו.
פספסתי משהו בהגדרות?
@dovid הייתי מציע להסתיר את מלבן הכותרת הגדול כשהמשתמש גולל, ולהציג רק את הכותרת עצמה בשורה אחת שלא תופסת הרבה גובה.
@dovid כתב בהסתרת כותרת נושא בפורום:
זה קשור לשטח שנגזל מהמסך?
אכן, שטח הקריאה נהיה צר ואני מרגיש בצינוק.
@יוסף-בן-שמעון כתב בלמה אני לא משתמש ב Chat openai:
כשאני משתמש בתשובה בסטאק, אני לא סומך על המשיב האנונימי, אני סומך על חכמת ההמונים, אני יודע שאם הוא דיבר שטויות הוא יקבל על הראש
מעניין לציין שזה מה שבאמת עשו שם לGPT.
לי די מפריע לקריאה, שכותרת האשכול מוצגת כל העת גם אחרי גלילה.
כתבתי סקריפט ל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";
}
});})();
אחרי:
אגב, האם יש דרך בה אוכל לצרף קישור להתקנה ישירה של הסקריפט? (כמו הקישור הזה, שהובא כאן, ואיני מצליח לחקותו).
עריכה: בעזרת @צדיק-תמים הצלחתי. לחצו כאן כדי להתקין אצלכם את הסקריפט.