סקריפט | הוספת פאנל הפניות לפורומים אחרים | JS

[מוטי אורן]

@נ-נח אמר בסקריפט | הוספת פאנל הפניות לפורומים אחרים | JS:

@מוטי-אורן אפשר להעלות קובץ js
New Userscript.user.js

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

[נ נח]

@מוטי-אורן כמו כאן
צריך לעשות save to disk ולהעלות

[מוטי אורן]

@נ-נח חזקק. יפה

[איציק דייטש]

@מוטי-אורן הוספתי את מתמחים שיהיה כשנמצאים בפורום אחר, תוסיף אותו למעלה בפוסט

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Add a referral tab to other forums
// @author       moti-oren
// @match        https://mitmachim.top/*
// @match        https://tchumim.com/*
// @match        https://www.tora-forum.co.il/*
// @match        https://forum-office.ml/*
// @match        https://xn--9dbazrsfz.com/*
// @match        https://f2.freeivr.co.il/*
// @match        https://www.meatzvim.cf/*
// @match        https://techno-tech.cf/*
// @grant        none
// ==/UserScript==
(function() {
    'use strict';

     (function () {
    /*
     created by moti-oren
     Add a referral tab to other forums
    */
    let panel12 = document.createElement('div');
    let text12 = document.createElement('div');
    let linksArray12 = [
        'https://tchumim.com/',
        'https://www.prog.co.il/',
        'https://www.tora-forum.co.il/',
        'https://forum-office.ml/',
        'https://xn--9dbazrsfz.com/',
        'https://f2.freeivr.co.il/',
        'https://www.meatzvim.cf/',
        'https://www.techno-tech.cf/',
        'https://www.mitmachim.top/'
    ];
    let imagesArray12 = [
        'https://mitmachim.top/assets/uploads/files/1602702078674-tchumim.png',
        'https://mitmachim.top/assets/uploads/files/1602702061746-prog.png',
        'https://www.tora-forum.co.il/ext/tatiana5/favicon/favicon.png',
        'https://upload.wikimedia.org/wikipedia/commons/5/5f/Microsoft_Office_logo_%282019%E2%80%93present%29.svg',
        'https://mitmachim.top/assets/uploads/files/1602701994040-mk.png',
        'https://mitmachim.top/assets/uploads/files/1602704764319-%D7%99%D7%9E%D7%95%D7%AA.png',
        'https://meatzvim.cf/assets/uploads/system/favicon.ico',
        'https://techno-tech.cf//favicon.ico?v=e4jmu7vr78u',
        'https://mitmachim.top//favicon.ico?v=a54dqpiknn4'
    ];

    panel12.addEventListener('mouseenter', (event) => {
        panel12.style.width = '60px';
        text12.style.transform = 'scale(1, 1)';
        for (let image of document.getElementsByClassName('image12')) {
            image.style.transform = 'scale(1, 1) translate(0, 0)';
        }
    });

    panel12.addEventListener('mouseleave', (event) => {
        panel12.style.width = '20px';
        text12.style.transform = 'scale(0, 0)';
        for (let image of document.getElementsByClassName('image12')) {
            image.style.transform = 'scale(0, 0) translate(-40px, 0)';
        }
    });

    panel12.style.transition = 'width 0.5s';
    panel12.style.position = 'fixed';
    panel12.style.width = '20px';
    panel12.style.height = 'auto';
    panel12.style.left = '35px';
    panel12.style.bottom = '50%';
    panel12.style.transform = 'translate(0, 50%)';
    panel12.style.paddingTop = '12px';
    panel12.style.paddingBottom = '8px';
    panel12.style.flexDirection = 'column';
    panel12.style.alignItems = 'center';
    panel12.style.justifyContent = 'center';
    panel12.style.borderTopRightRadius = '20px';
    panel12.style.borderBottomRightRadius = '20px';
    panel12.style.backgroundColor = '#e4e8ff';

    text12.style.transform = 'scale(0, 0)';
    text12.style.transition = '0.5s';
    text12.style.display = 'block';
    text12.style.marginRight = 'auto';
    text12.style.marginBottom = '6px';
    text12.style.marginLeft = 'auto';
    text12.style.fontFamily = 'Varela Round, sans-serif';
    text12.style.lineHeight = '18px';
    text12.style.fontWeight = '700';
    text12.style.textAlign = 'center';

    text12.innerHTML = 'שווה לבקר<br>';
    panel12.appendChild(text12);

    for (let i in linksArray12) {
        let link = document.createElement('a');
        link.href = linksArray12[i];
        link.target = '_blank';
        let image12 = document.createElement('img');
        image12.src = imagesArray12[i];
        image12.style.display = 'block';
        image12.style.margin = 'auto';
        image12.style.width = '37px';
        image12.style.marginBottom = '15px';
        image12.style.transition = '0.5s';
        image12.classList.add('image12');
        image12.style.transform = 'scale(0, 0) translate(-40px, 0)';
        link.appendChild(image12);
        panel12.appendChild(link);
    };

    document.body.appendChild(panel12);

})()

})();

עריכה: שיניתי את האייקון של פורום לתורה, שיהיה יותר איכותי

[פלורידה]

הפאנל הזה נכנס לתוך הפנאל של נטפרי

[לומדעס]

@מוטי-אורן @מוטי-אורן אתה אלוףףף , חסכת לי כרטיסיות למעלה שגם ככה מלאה . עכשיו התפנה לי מקום פחות 8 כרטיסות

[מוטי אורן]

@פלורידה אמר בסקריפט | הוספת פאנל הפניות לפורומים אחרים | JS:

הפאנל הזה נכנס לתוך הפנאל של נטפרי

לא הבנתי.. אתה מריץ את הסקריפט וזה מה שקורה?

[פלורידה]

@מוטי-אורן לפחות בטמפרמונקי

[מוטי אורן]

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

[KINGYOS]

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

[איציק דייטש]

@פלורידה הפאנל של נטפרי לא בצד ימין?

[פלורידה]

@איציק-דייטש נכון, ובצד שמאל של הפאנל יש את הפאנל של מוטי-אורן

[פלורידה]

@מוטי-אורן עכשיו אין את זה.
לא יודע למה.?

[איציק דייטש]

@פלורידה לא הבנתי, הפאנל של נטפרי בצד ימין והפאנל של מוטי אורן בצד שמאל...

[מוטי אורן]

@איציק-דייטש אמר בסקריפט | הוספת פאנל הפניות לפורומים אחרים | JS:

@פלורידה לא הבנתי, הפאנל של נטפרי בצד ימין והפאנל של מוטי אורן בצד שמאל...

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

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

ראית את ההערה ב HTML שהם הוסיפו? 'Injection By Netfree', שאומר שהקוד משם ועד הסוף, הוזרק בידי נטפרי.
עכשיו שים לב למשהו מעניין. מה הם מוסיפים לדף? את התגית <iframe> התגית הזאת התפקיד שלה הוא להציג בדף אינטרנט דפי אנטרנט אחרים מקישורים אחרים. מאיפה הם לוקחים את הדף אינטרנט של הכרטיסייה שלהם?
מהקישור הזה: https://netfree.link/card/index.html
כנס לזה זה מגניב.

[איציק דייטש]

@מוטי-אורן אההה, עכשיו הבנתי, באמת מוזר...

[פלורידה]

@מוטי-אורן אמר בסקריפט | הוספת פאנל הפניות לפורומים אחרים | JS:

מהקישור הזה: https://netfree.link/card/index.html

אם כך פשוט.
כי אני עשיתי את זה גם בפורום של נטפרי בסיומת הנ''ל.

[מוטי אורן]

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

[איציק דייטש]

@מוטי-אורן אמר בסקריפט | הוספת פאנל הפניות לפורומים אחרים | JS:

בקיצור, פתרנו את הבעיה ברוך השם

לא כל כך הבנתי איך, תוכל להסביר לי?

[פלורידה]

@איציק-דייטש
ביאור הדברים בקצרה.
אני הכנסתי את הכתובות של כל הפורומים. (בדומה למה שאתה עשית.)
וכיון שנכנסה הכתובת netfree.link, ממילא נכנס גם הפאנל להגדרה.
משום שכתובת הפאנל היא: https://netfree.link/card/index.html