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

[מוטי אורן]

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

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

בכל אופן, הנה הסקריפט שלנו:

(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/'
    ];
    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.ico',
        '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'
    ];

    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);

})()

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

שיהיה בהצלחה! מקווה שנהנתם.

עריכה: בשביל להתקין עם Tampermonkey את הסקריפט, תתקינו קודם כל את Tampermonkey מהקישור הזה , אחר כך תכנסו ל - Create a new script, תמחקו את כל מה שיש שם, ותדביקו שם את הקוד הבא:

// ==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);
 
})()
 
})();

אחר כך פשוט תשמרו את זה עם קונטרול + s, או דרך התפריט.

עריכה: הוספתי עכשיו שתי פורומים (רעיון של @איציק-דייטש )

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

@מוטי-אורן וואו, יפה מאוד!! תודה רבה.
להוספה ב tampermonkey צריך ללחוץ על התוסף וללחוץ על create a new script ולהדביק את הקוד איפה שכתוב your code here

ואז ללחוץ על file ואז על save...

[מוטי אורן]

@איציק-דייטש יפה! טוב לדעת

[יוסי הגאון]

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

[מוטי אורן]

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

[יוסי הגאון]

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

כנס לכלי פיתוח > קונסול,

איפה להדביק?

[מוטי אורן]

@יוסי-הגאון הכי למטה, תהיה לך שם שורה ריקה

[נ נח]

פוסט זה נמחק!

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

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

תמחקו את כל מה שיש שם

אתה בטוח? כי אני לא מחקתי....

[מוטי אורן]

@איציק-דייטש האמת שלא חובה, אבל לא צריך פשוט את כל מה שיש שם אם אתה מדביק את מה שכתבתי.

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

@מוטי-אורן אוקיי
תודה רבה על הסקריפט, מאוד אהבתי את זה!!

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

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

אחר כך תכנסו ל - Create a new script

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

[מוטי אורן]

@איציק-דייטש צודק . עכשיו הוספתי בקוד של ה - tampermonkey את שאר הפורומים.

[נ נח]

@מוטי-אורן אפשר להעלות קובץ js
Forumim.user.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 כרטיסות