בירור | מחיקת אייקון הצ'אט בפורום ע"י קוד

[גיפה]

@נ-נח תודה!
איך זה עובד,
אני מעלה אותו ל tempmunky ?

[נ נח]

@גיפה tampermonkey זה רק לjs.
הקוד הוא css
אתה יכול להשתמש בזה

[שלום עולם]

@נ-נח כתב בבירור | מחיקת אייקון הצ'אט בפורום ע"י קוד:

@גיפה tampermonkey זה רק לjs.
הקוד הוא css
אתה יכול להשתמש בזה

לא הבנתי מה הבעיה, אפשר להוסיף CSS ע"י JS.

const myStyleElement = document.createElement("style");
myStyleElement.innerHTML = `li.chats {
    display: none;
}`;

document.head.appendChild(myStyleElement);

[אהרן שובקס]

@שלום-עולם
או בשורה אחת...:

document.querySelector('li.chats').style.display = 'none';

[שלום עולם]

@אהרן-שובקס כמובן, אבל זה ישנה רק את האלמנט הראשון ששמו li והוא במחלקה chats.

[אהרן שובקס]

@שלום-עולם
אכן וזה מה שצריך במקרה דנן

[שלום עולם]

@אהרן-שובקס אז אפשר לקצר גם את השורה האחת שלך

$("li.chats").style.display = "none"

[שלום עולם]

@אהרן-שובקס
ומכיוון שיש רק אלמנט אחד במחלקה chats, ומכיוון שהאתר משתמש בJQuery, זה אפילו יותר קצר:

$(".chats").hide()

זהו. נראה לי שזה כבר מינימום תווים...

[צדיק תמים]

@שלום-עולם jQuery זה לא חוכמה
זה הכי קצר ששייך בונילה:

chat_dropdown.remove()

משער שלא הכרת את הטריק

[שלום עולם]

@צדיק-תמים באמת אני לא מכיר ונילה.

[צדיק תמים]

@שלום-עולם
Vanilla JS = ג'אווה סקריפט פשוט ללא שום ספריה
http://vanilla-js.com

הטריק פה הוא שאפשר לכתוב ID של אלמנט ומקבלים את הרפרנס לאלמנט, בלי document.getElementById.

[שלום עולם]

@צדיק-תמים התבלבלתי לגמרי... האתר הזה אכן עושה רושם שזה JS טהור, אבל איך אתה פונה לאלמנט בלי document.getElement(s)By...?

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

[צדיק תמים]

@שלום-עולם כתב בבירור | מחיקת אייקון הצ'אט בפורום ע"י קוד:

ולמה לי זה לא מצליח בקונסולה על אלמנטים אחרים?

כנראה כתבת קלאס או כל סלקטור אחר. תכתוב ID של אלמנט (ובלי # בהתחלה), לדוגמה menu.

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

הדפדפן מגדיר את זה, וזה לא מתיחה...
אתה יכול לקרוא על זה עוד:
https://css-tricks.com/named-element-ids-can-be-referenced-as-javascript-globals
https://dev.to/vuelancer/dom-element-id-as-global-variable-1kge
https://stackoverflow.com/a/3434388/17059718

[שלום עולם]

@צדיק-תמים זה נשמע מדהים ובאמת עובד לי פה, אבל אני מנסה את זה בכרטיסיה חדשה עבור האלמנט עם הID logo, כתבתי logo.innerHTML, ו-ferenceError...

[צדיק תמים]

@שלום-עולם כנראה בגלל שזה תחת ShadowRoot.
backgroundImage לדוגמה כן עובד
בכל אופן זה ממש לא טכניקת עבודה מומלצת, אבל בתור טריק זה חוקי לגמרי

[שלום עולם]

@צדיק-תמים כתב בבירור | מחיקת אייקון הצ'אט בפורום ע"י קוד:

זה הכי קצר ששייך בונילה:

באותו אורך (22 תווים)...:

$$("*")[1020].remove()

ויותר קצר:

$$("li")[26].remove()

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

[צדיק תמים]

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

[שלום עולם]

@צדיק-תמים צודק.