Search Results for 'code'
-
Search Results
-
Perhaps someone will find it useful. This code does not load the system and saves the result in temporary storage.
// Function to fetch the latest image from a topic async function fetchLatestImageFromTopic(topicUrl) { // Check if there is cached data and if it is fresh let cachedData = localStorage.getItem('latestImageData'); let cachedTimestamp = localStorage.getItem('latestImageTimestamp'); const cacheLifetime = 24 * 60 * 60 * 1000; // 24 hours // If there is cached data and it's fresh, display it if (cachedData && cachedTimestamp && (Date.now() - cachedTimestamp < cacheLifetime)) { document.getElementById('latest-image-container').innerHTML = cachedData; return; } // Request to the server to get the topic data try { const response = await fetch(topicUrl); if (!response.ok) throw new Error('Page load error'); const text = await response.text(); const parser = new DOMParser(); const doc = parser.parseFromString(text, 'text/html'); // Extract all replies in the topic const replies = Array.from(doc.querySelectorAll('.bbp-reply')); let latestImage = null; let latestDate = 0; let heading = ''; let description = ''; // Loop through all replies and find the freshest image for (let reply of replies) { const postDate = new Date(reply.querySelector('.bbp-post-meta .bbp-post-date').textContent).getTime(); const img = reply.querySelector('img'); if (img && postDate > latestDate) { latestImage = img; latestDate = postDate; heading = reply.querySelector('h3') ? reply.querySelector('h3').innerText : ''; description = reply.textContent.trim().replace(heading, '').trim(); } } // If an image is found, create HTML content if (latestImage) { const imgSrc = latestImage.getAttribute('src'); const imgAlt = latestImage.getAttribute('alt') || ''; const outputHtml = <div style="text-align: center;"> ${heading ? <code><h3>${heading}</h3></code> : ''} <img src="${imgSrc}" alt="${imgAlt}" /> ${description ? <code><p>${description}</p></code> : ''} </div> ; // Save the data in local storage localStorage.setItem('latestImageData', outputHtml); localStorage.setItem('latestImageTimestamp', Date.now()); // Display the result on the page document.getElementById('latest-image-container').innerHTML = outputHtml; } else { document.getElementById('latest-image-container').innerHTML = '<p>No images found.</p>'; } } catch (error) { console.error('Error:', error); } } // Call the function with the topic URL fetchLatestImageFromTopic('https://www - yours - topic');How This Code Works:
Cache Check:First, we check if there is any cached data in localStorage.
If the data exists and is still fresh (within the last 24 hours), we display it on the page.
Server Request:
If there is no cache or it’s outdated, we send an AJAX request to the server to retrieve the topic data.
We only need to parse the HTML content to extract images and publication dates.
Finding the Freshest Image:
We loop through all the replies and extract the image and publication date.
If the date of the current reply is more recent than the previous one, we update the image and data.
Caching the Result:
After finding the freshest image and associated content, we save the result in localStorage so we don’t need to make repeated requests.
Displaying the Result:
We display the result on the page, including the image, heading (if available), and description.
Where to Place This Code?
HTML: Insert this code within a <script> block on the page where you want to display the image.Hi,
Is there a css code that would hide/remove my sidebar from all buddypress pages?
I found one that worked to remove the sidebar from bbpress so I was hoping that there would be one that worked for buddypress.
This is the one that works to remove the sidebar from bbpress:
`.bbPress #primary {
display: none;
}I have installed the plugin – and all appears good in that I have created a page and added the short code – and it the forum shows – however … thats where it all goes wrong clickiing on the forums or trying to paost asn I get blank screens
I hve tried to debug this with gemini ai and it said create a page for each short code – did that – didnt work – then said copy the index.php file and rename it bbpress.php and drop that in the theme directory – did that and.. guess what didnt work either – also added a bbpress template layout in the theme and that too doesnt allow me to engage with the forum – I have gone through permalinks and literlally going round in circles and not getting anywhere amy help oor suggestions would be welcome – thank youWhen I was looking at some of your example sites I really liked the way the topics were listed instead of just the number of topics on the following site — https://thebloodsugardiet.com/forums/
I’ve been looking around and trying to find a way to list the topics, I do have the bbpress style plugin but didn’t see what I wanted.
The current display of my forum looks like this — https://iowaminiz.com/membership-forum/
I was hoping that I would not have to create a child theme and do code in the PHP files to accomplish this. I’m more comfortable with adding some CSS code.
Thanks
Good Day!
The BuddyPress function bp_core_get_user_domain is deprecated since version 12.0.0, in \bbpress\includes\extend\buddypress\members.php
Deprecated: Function bp_core_get_user_domain is deprecated since version 12.0.0! Use bp_members_get_user_url() insteadI found this post https://bbpress.org/forums/topic/please-fix-this-problem/ and I don’t have BP Classic
I found the function bp_core_get_user_domain in BuddyPress itself,
file: (buddypress\bp-core\deprecated\12.0.php) is marked as Deprecated since version 12.0.0It’s very easy to replace the bp_core_get_user_domain to bp_members_get_user_url, I don’t know why it takes over a year to make this change!!
