Scribd
Upload
100 views5 pages

IMVU HTML Description

Uploaded by

asdasdsd
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
100 views5 pages

IMVU HTML Description

Uploaded by

asdasdsd
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

// ==UserScript==

// @name IMVU HTML Description Injector V4


// @namespace http://tampermonkey.net/
// @version 4.0
// @description Adds button to inject HTML code into the description box on IMVU product
edit page
// @author vu support / add ckshop @ discord for any issues/feature requests you have
// @match https://www.imvu.com/creator/edit_product_html/*
// @grant none
// @license Ckshop

// ==/UserScript==

(function() {
'use strict';

let textColor = localStorage.getItem('chosenColor') || '#ffffff';


let textShadow = localStorage.getItem('rememberShadow') === 'true' ? '2px 2px 4px
rgba(0,0,0,0.8)' : 'none';

function toggleDropShadow() {
textShadow = document.getElementById('dropShadowCheckbox').checked ? '2px 2px
4px rgba(0,0,0,0.8)' : 'none';
injectHTMLCode();
localStorage.setItem('rememberShadow',
document.getElementById('dropShadowCheckbox').checked);
}

function changeFontColor() {
textColor = document.getElementById('fontColorPicker').value;
injectHTMLCode();
localStorage.setItem('chosenColor', textColor);
}

function getUserIdFromLink() {
const userIdMatch =
document.querySelector('a.notranslate').getAttribute('href').match(/user=(\d+)/);
return userIdMatch ? userIdMatch[1] : null;
}

function injectHTMLCode() {
const userId = getUserIdFromLink();
const derivedFromNumber = window.location.href.match(/edit_product_html\/(\d+)/) ?
window.location.href.match(/edit_product_html\/(\d+)/)[1] : '';

if (userId) {
const userImages = document.getElementById('userImages').value.split('\n');
const backgroundImage = localStorage.getItem('chosenImage') || '';
const bannerCode = document.getElementById('bannerBox').value.trim();
const footerTextColor = document.getElementById('fontColorPicker').value;
const additionalHtml = document.getElementById('additionalHtml').value;

const dropShadowImageUrl =
'https://userimages-akm.imvu.com/userdata/38/39/59/89/userpics/Snap_j4ogbJlGKQ101228
5644.png';

const imageHTML = userImages.map(image => `<center><div style="position:


relative; display: inline-block;"><img src="${image.trim()}" style="position: relative; z-index:
1;"><img src="${dropShadowImageUrl}" style="position: absolute; top: 0; left: 0; width:
100%; height: 100%; z-index: 0;"></div></center>`).join('');

const gaf210Code = `<center><!-- Product Marquee made @ gaf210.gafcodes.com


--><style>.imvustylez_products_marquee{margin:0 auto}.imvustylez_products_marquee
[id$="_panel_header"]{display:none!important;font-size:1px}.imvustylez_products_marquee
[id$="_panel_body"]{line-height:1px}.imvustylez_products_marquee
.productbox,.imvustylez_products_marquee .productbox
img{width:100px!important;height:80px!important}</style><marquee
class='imvustylez_products_marquee' width='500' height='100' scrollamount='12'
direction='left' behavior='scroll' onmouseover="this.stop()" onmouseout="this.start()"><div
style='width:2675px'><script
src="https://gaf210.gafcodes.com/newprodsbanner/filtered_dev_panel.js.php?dev_id=${user
Id}&pn=new&q=25"></script></div></marquee></center>`;

const iframeCode = `<center><a


href="https://www.imvu.com/shop/web_search.php?derived_from=${derivedFromNumber}"
target="_blank">CLICK HERE to open derivations of this item in a new tab</a><iframe
name="Derived Products"
src='https://www.imvu.com/shop/web_search.php?derived_from=${derivedFromNumber}?ke
ywords=Punishment&within=creator_name&sortorder=desc&quickfind=new&sort=id#product
s' width='775' height='105' scrolling="no" style="margin: 0; padding: 0;"></iframe></center>`;

const injectedHtmlCode =
`<center>${gaf210Code}${iframeCode}<style>body{background-image:url('${backgroundIma
ge}');background-repeat:no-repeat;background-attachment:fixed;background-size:cover;colo
r:${textColor};text-shadow:${textShadow};padding:0;margin:0}.autoHtmlFooter{position:absol
ute;bottom:10px;right:10px;font-size:12px;color:${footerTextColor};margin:0;padding:0}.previ
ew-container{display:flex;flex-direction:column;align-items:center}</style><div
class="preview-container">${imageHTML}</div>${bannerCode ? bannerCode : ''}<div
class="autoHtmlFooter">EZ-AutoHTML by Punishment,
spcckz@discord</div>${additionalHtml}</center>`;

const descriptionTextarea = document.querySelector('#description');


if (descriptionTextarea) {
descriptionTextarea.value = injectedHtmlCode;
}
}
}

function loadSavedValues() {
document.getElementById('userImages').value = localStorage.getItem('userImages') ||
'';
document.getElementById('bannerBox').value = localStorage.getItem('bannerCode') ||
'';
document.getElementById('backgroundImageInput').value =
localStorage.getItem('chosenImage') || '';
document.getElementById('additionalHtml').value =
localStorage.getItem('additionalHtml') || '';
}

function saveInputValues() {
localStorage.setItem('userImages', document.getElementById('userImages').value);
localStorage.setItem('bannerCode', document.getElementById('bannerBox').value);
localStorage.setItem('chosenImage',
document.getElementById('backgroundImageInput').value);
localStorage.setItem('additionalHtml',
document.getElementById('additionalHtml').value);
}

function addButtonAndInput() {
const container = document.createElement('div');
container.style.cssText =
'position:absolute;top:235px;right:200px;z-index:9999;font-size:16px;display:flex;flex-directio
n:column;align-items:center';

const input = document.createElement('textarea');


input.id = 'userImages';
input.rows = 6;
input.placeholder = 'Enter preview image URLs here. To add more, press Shift+Enter
after the first URL.';

const bannerLabel = document.createElement('label');


bannerLabel.htmlFor = 'bannerBox';
bannerLabel.textContent = 'Banner HTML Code';

const bannerBox = document.createElement('textarea');


bannerBox.id = 'bannerBox';
bannerBox.rows = 6;
bannerBox.placeholder = 'Enter banner HTML code here.';
bannerBox.value = localStorage.getItem('bannerCode') || '';

const backgroundImageInput = document.createElement('input');


backgroundImageInput.type = 'text';
backgroundImageInput.id = 'backgroundImageInput';
backgroundImageInput.placeholder = 'Enter background image URL';
backgroundImageInput.value = localStorage.getItem('chosenImage') || '';

const bgImgLabel = document.createElement('label');


bgImgLabel.htmlFor = 'backgroundImageInput';
bgImgLabel.textContent = 'Background Image URL';

const button = document.createElement('button');


button.textContent = 'Inject HTML Code';
button.addEventListener('click', injectHTMLCode);

const shadowCheckbox = document.createElement('input');


shadowCheckbox.type = 'checkbox';
shadowCheckbox.id = 'dropShadowCheckbox';
shadowCheckbox.checked = textShadow !== 'none';
shadowCheckbox.addEventListener('change', toggleDropShadow);

const colorPicker = document.createElement('input');


colorPicker.type = 'color';
colorPicker.id = 'fontColorPicker';
colorPicker.value = localStorage.getItem('chosenColor') || textColor;
colorPicker.addEventListener('input', changeFontColor);

const colorLabel = document.createElement('label');


colorLabel.htmlFor = 'fontColorPicker';
colorLabel.textContent = 'Font Color';

const shadowLabel = document.createElement('label');


shadowLabel.htmlFor = 'dropShadowCheckbox';
shadowLabel.textContent = 'Font Drop Shadow';

const additionalHtmlLabel = document.createElement('label');


additionalHtmlLabel.htmlFor = 'additionalHtml';
additionalHtmlLabel.textContent = 'Additional HTML';

const additionalHtml = document.createElement('textarea');


additionalHtml.id = 'additionalHtml';
additionalHtml.rows = 6;
additionalHtml.placeholder = 'Enter additional HTML code here.';
additionalHtml.value = localStorage.getItem('additionalHtml') || '';

container.appendChild(button);
container.appendChild(input);
container.appendChild(bgImgLabel);
container.appendChild(backgroundImageInput);
container.appendChild(colorLabel);
container.appendChild(colorPicker);
container.appendChild(document.createElement('br'));
container.appendChild(shadowLabel);
container.appendChild(shadowCheckbox);
container.appendChild(document.createElement('br'));
container.appendChild(bannerLabel);
container.appendChild(bannerBox);
container.appendChild(document.createElement('br'));
container.appendChild(additionalHtmlLabel);
container.appendChild(additionalHtml);

document.body.appendChild(container);

loadSavedValues(); // Load saved input values on page load

window.addEventListener('beforeunload', saveInputValues); // Save input values before


leaving the page
}

window.addEventListener('load', addButtonAndInput);

})();

You might also like