Skip to Content
Menu
This question has been flagged
1 Reply
6336 Views

I Want to add a Javascript code in website template, but in ONE specific template...

Example:

I have this template that is rendered by the controller in my website:

"""

<template id="solici" name="Form">
<t t-call="website.layout">
<div class="container">
<iframe width="1100"
id="pm_iframe"
class="embed-responsive-item"
frameborder="0"
t-attf-src="{{pm_iframe}}"/>
</div>
</t>
</template>

"""

I want to manipulate the dom with this iframe to do something like this:

"""

var iframe = document.getElementById("myIframe");



// Adjusting the iframe height onload event

iframe.onload = function(){

iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';

"""

Avatar
Discard
Best Answer

Hello,

For adding javascript in template simply you need to add the piece of code in <script> </script>tag 

In your case:

<template id="solici" name="Form">

    <t t-call="website.layout">

         <div class="container">

            <iframe width="1100"

                    id="pm_iframe"

                    class="embed-responsive-item"

                    frameborder="0"

                    t-attf-src="{{pm_iframe}}"/>

        </div>


<script>

var iframe = document.getElementById("myIframe");

// Adjusting the iframe height onload event

iframe.onload = function(){

    iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';

</script>

    </t>

</template>

Regards,




Email:   odoo@aktivsoftware.com

Skype: kalpeshmaheshwari

   

Avatar
Discard
Related Posts Replies Views Activity
1
Jul 20
3237
1
Dec 20
4080
1
Mar 22
3202
2
Sep 21
6654
1
May 20
2973