How to include google Jquery and JqueryUI

this is the embed code that i need to let it work:

<div class=”quickSearch”></div>

<script src=’https://scripts.resasecure.net/serv_jScript/webLibraries/js/ext/HNEwidget.js’></script&gt;

<script type=”text/javascript”>

jQuery(document).ready(function () {

jQuery(‘.quickSearch’).HNetBOL({
hotel: (hotelcodehere),
hasPromo: false,
maxNights: 30,
maxAdults: 4,
maxRooms: 4,
maxChildren: 3,
maxChildAge: 12,
language: ‘it’,
forceVertical: false,
hasBestPrice: true,
availableDate: ”,
themeActionColor: ”,
themeActionTextColor: ”,
hideBestPriceAfter: 30
});

});

</script>

Hi Ismael and thanks for the advice.
You mean “it should work” just pasting inside a code block that script?
Without do anything with the jquery call i posted in the #post-911267?

Or i have in any case load the google jquery?

Thank you.
Marco

Hi,
first of all, thank you. i would never understand how to make it works.

I saw you edited function.php into child theme, this means that i can update the main theme without problem, can I?
also, i commented the debug mode call, i can see the script working anyway.

I don’t have the ability to understand exactly how you manage this, but it works, and i should not touch it.
Thank you again.

Hi guys, finally the website adopted the new booking engine we talked before.

Just one question, this script is in just one language, as you can see in this row:
language: ‘it’,

The website is running WPML, so i tried to do this, unfortunately without success:

added other two code block into the functions.php changing the language tag, and the name of the function:

jQuery(‘.quickSearch_en’).HNetBOL({
…
language: ‘en’,
…

jQuery(‘.quickSearch_fr’).HNetBOL({
…
language: ‘fr’,
…

then call the function into the page with the code block:
<div class=”quickSearch_en”></div>
or
<div class=”quickSearch_fr”></div>

but this is not working. the scripts are called all together and the result is that language are mixed together into the front view.

How do i separate functions and call one by one?

Thank you

Thank you ismael for your patience, unfortunately i got the same problem:

these are the tries i did now to understand what is not working:
WPML: edited the way permalink are shown, from ?lang=en to “subfolder” mode /en/
Wordpress: re saved permalink option
functions.php: changed the color of the parameter themeActionColor: “#randomhex”; for the three functions, so we can see which one is loaded.
Edited the “welcome” page in all of the three languages:
Italian is calling: <div class=”quickSearch_it”></div>
french is calling: <div class=”quickSearch_fr”></div>
english is calling: <div class=”quickSearch_en”></div>

but the result is shown ONLY into the italian language front-page. Also, the content is mixed, cause i see this:

As you can see, button and labels are written in italian, “night” is written in french “nuit” and the color of the button is from the function of the french part #db0d5c

what is happening :(

hi ismael, thank you for answering.
i changed the permalink into wpml to see if something would change.
maybe i’m not able to describe well the problem, so i made three screenshots one for each language to let me explain better:

as you can see, using the code block in wpml pages is working only for italian (main language of the website). also the color of the button is from the french function.

I saw the “test script” page you made, in the front page it’s showing three modules, at a first look seems to work, but:
1) the three codes are in the same ITALIAN WMPL page, if you translate the page and put one of the code it will not show
2) language of the modules are mixed each other like half in italian half in french and non english
3) the button colors should be 3 different colours, instead of the french function color ( i used 3 different colours to see if the call to the functions is really call that specific function)

so this is driving me crazy, can’t understand if this stuff is not compatible at all with WPML or it’s just a question of coding.

hope you can now understand my view.
Thank,
Marco

Thank you Ismael, now it’s working fine!

Thank you for all your patience and help.

Marco