Code in a post

Hi,

I added the below code (skyscanner widget) in my post. But the widget doesn’t appear. Can you please give me the solution?

<script type=”text/javascript”>
skyscanner.load(“snippets”,”2″);
function main(){
var snippet = new skyscanner.snippets.SearchPanelControl();
snippet.setShape(“box400x400”);
snippet.setCulture(“en-GB”);
snippet.setCurrency(“USD”);
snippet.setProduct(“flights”,”1″);
snippet.setProduct(“hotels”,”2″);
snippet.setProduct(“carhire”,”3″);

snippet.draw(document.getElementById(“snippet_searchpanel”));
}
skyscanner.setOnLoadCallback(main);
</script>
<div id=”snippet_searchpanel” style=”width: auto; height:auto;”></div>

Hi,

Thanks for your reply. Above code works perfectly fine when I use raw js in visual composer on a page.

But when I copy and paste the code in text mode (not visual) in a post (not page), it doesn’t work.

So there is no problem with code as it works fine on a page.

Gaurav

Dear Bogdan,

I have gone through that guide. But as I said the code works perfectly fine with visual composer’s raw js element.

It doesn’t work in posts. Can you try the code and tell me if something is wrong with the theme that doesn’t recognise the code in posts?

Best,

Gaurav

Dear Bogdan,

I fully understand that you do not provide custom work at present. But as a person who doesn’t know coding, I don’t understand the coding terminologies at all.

When it is written that .js script has to be created separately and it should be called in the post, where exactly should I create the script?

Actually it would be great and really helpful if you can explain with a practical small example, best help would be to do it with my code. But if its not possible then also it would be helpful with a sample code.

Best,

Gaurav

Dear Bogdan,

I tried the plugin as well. It didn’t help.

Although I tried the below code in raw js element of visual composer on a page and now it works perfectly fine.
If you can guide me how can I run the same code on a post by screenshot, it would be a great help really.

<script type=”text/javascript” src=”//api.skyscanner.net/api.ashx?key=ae5d22b7-42f9-475e-a227-5a8c56fbb1e7″></script>
<script type=”text/javascript”>
skyscanner.load(“snippets”,”2″);
function main(){
var snippet = new skyscanner.snippets.SearchPanelControl();
snippet.setShape(“box300x250”);
snippet.setCulture(“en-GB”);
snippet.setCurrency(“INR”);
snippet.setProduct(“flights”,”1″);
snippet.setProduct(“hotels”,”2″);
snippet.setProduct(“carhire”,”3″);

snippet.draw(document.getElementById(“snippet_searchpanel”));
}
skyscanner.setOnLoadCallback(main);
</script>
<div id=”snippet_searchpanel” style=”width: auto; height:auto;”></div>

It worked.

Thanks a lot. Really appreciate your help.

One of the best theme support.

Best,

Gaurav