X3Photo Gallery Forums

Haider of Sweden wrote:How can I translate the word "images" when I activate "amount"?

Haider of Sweden wrote:Even for a non-coder like me, the code looks like it should work, but yet the following part breaks the whole thing - the page turns white.

Code Select all

else {
  elements[i].innerHTML = str.replace('image', 'REPLACEMENT_TEXT');
}

function hideOneImage(){
    var elements = document.getElementsByClassName("amount");
    for (var i = 0; i < elements.length; i++){
        if(elements[i].innerHTML == "1 image"){
            elements[i].style.display = "none";
        } else {
            elements[i].innerHTML = elements[i].innerHTML.replace('image', 'REPLACEMENT_TEXT');
        }
    }
}
function x3_load_page(){
  hideOneImage();
}

Haider of Sweden wrote:Also, I noticed the script does not have an effect on menus. When I look into the source code, I cannot see the menu elements, but in Chrome Inspect, I can. Seems like the menu is rendered afterwards.

Haider of Sweden wrote:Just out of curiosity, I noticed that beside the recent code you gave me

Code Select all

x3_load_page()

you have also used this one before

Code Select all

x3_load()

What is the difference between the two?

x3_load()
This function executes once the X3 application is fully loaded and ready. This also means jQuery has been loaded and is available to be used. Example:

Code Select all

function x3_load(){
  console.log('Runs ONCE after x3 is loaded and jQuery is available.');
}

x3_load_page()
This function executes every time an X3 page loads through Ajax. The function therefore triggers for each page load. Example:

Code Select all

function x3_load_page(){
  console.log('Runs after EVERY X3 AJAX page load');
}