I want to use the method posted by Razor in this topic:
https://help.forumotion.com/t163176-pet-roleplay-table
it doesn't work on AswesomeBB
Thank you a lot!
Last edited by Simone Boi on March 20th 2024, 2:03 am; edited 1 time in total
This is a Hitskin.com skin preview
Install the skin • Return to the skin page
Razor12345 likes this post
Simone Boi likes this post
<script>
window.addEventListener('DOMContentLoaded', function() {
const users = document.querySelectorAll('.postprofile');
users.forEach(item => {
const address = item.querySelector('a[href$="rpgsheet"]');
if (address) {
$.ajax({
url: address.href,
method: "GET",
data: 'image',
dataType: "html",
success: function (data) {
let div = document.createElement('div');
div.innerHTML = data;
let findElement = div.querySelector('div.column1 div.rpg_image img');
item.querySelector('.character__container .character__image').append(findElement);
},
error: function (xhr, status, error) {
console.log("AJAX request error:" + error);
},
});
}
});
});
</script>
<form action="{U_ADMIN_RPG}" method="post" name="post">
<div class="block">
<div class="block-header">
{L_AVATAR_PANEL}
</div>
<form action="{U_ADMIN_RPG}" method="post" name="post">
<div class="block__rpg_image">
<div class="block-header">
{L_AVATAR_PANEL}
</div>
<p style="text-align: center;">{POSTER_RANK}<br />{RPG_IMAGE}</p>
<p style="text-align: center;">{POSTER_RANK}<br /><div class='rpg_image'>{RPG_IMAGE}</div></p>
.block__rpg_image {
display: none;
}
.rpg_image {
text-align: center;
}
{postrow.displayed.POSTER_RPG}
<div class='character__container'>
<div class='character__title'>Pet:</div>
<div class='character__image'></div>
</div>
<script>
window.addEventListener('DOMContentLoaded', function() {
const users = document.querySelectorAll('.post-body');
users.forEach(item => {
const address = item.querySelector('a[href$="rpgsheet"]');
if (address) {
$.ajax({
url: address.href,
method: "GET",
data: 'image',
dataType: "html",
success: function (data) {
let div = document.createElement('div');
div.innerHTML = data;
let findElement = div.querySelector('div.rpg-view p img');
item.querySelector('.character__container .character__image').append(findElement);
},
error: function (xhr, status, error) {
console.log("AJAX request error:" + error);
},
});
}
});
});
</script>
.character__container {
display: flex;
justify-content: space-around;
align-items: center;
}
.character__image {
max-width: 100px;
max-height: 100px;
}
.character__image img {
width: 100%;
height: 100%;
}
Simone Boi likes this post
Simone Boi likes this post
<script>
window.addEventListener('DOMContentLoaded', function() {
const users = document.querySelectorAll('.post-body');
users.forEach(item => {
const address = item.querySelector('a[href$="rpgsheet"]');
if (address) {
$.ajax({
url: address.href,
method: "GET",
data: 'image',
dataType: "html",
success: function (data) {
let div = document.createElement('div');
div.innerHTML = data;
let findElement = div.querySelector('div.rpg-view p img');
item.querySelector('.character__container .character__image').append(findElement);
},
error: function (xhr, status, error) {
console.log("AJAX request error:" + error);
},
});
}
});
});
</script>
<script>
window.addEventListener('load', function() {
const users = document.querySelectorAll('.post-body');
users.forEach(item => {
const address = item.querySelector('a[href$="rpgsheet"]');
if (address) {
$.ajax({
url: address.href,
method: "GET",
data: 'image',
dataType: "html",
success: function (data) {
let div = document.createElement('div');
div.innerHTML = data;
let findElement = div.querySelector('div.rpg-view p img');
item.querySelector('.character__container .character__image').append(findElement);
},
error: function (xhr, status, error) {
console.log("AJAX request error:" + error);
},
});
}
});
});
</script>
TonnyKamper, poesia-verses and Simone Boi like this post
Please don't double post. Your posts need to be separated by 24 hours before bumping. Please use the edit button, instead!
|
Problem solved & topic archived.
|