Boa tarde pessoal, sou novo aqui no grupo nem sei se posso postar ou não, porém to com uma grande dúvida se alguém puder me ajudar
sou web designer e represento a karsten pela web
e um terceiro quer colocar a calculadora de tecidos no site dele que no caso é essa
http://www.karsten.com.br/calculadora/
porém quando eu coloco o codigo da calculadora no meu site o botão calcular não funciona, porém no dreamweaver que eu usei pra captar o código funciona alguém pode me ajudar ?
segue o codigo
<!DOCTYPE html>
<!-- saved from url=(0038)http://www.karsten.com.br/calculadora/ -->
<!-- Google Tag Manager -->
<script src="./Calculadora - Karsten_files/277816749301937" async></script><script async src="./Calculadora - Karsten_files/fbevents.js.download"></script><script async src="./Calculadora - Karsten_files/analytics.js.download"></script><script async src="./Calculadora - Karsten_files/gtm.js.download"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M4CV5SC');</script>
<!-- End Google Tag Manager -->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>Calculadora - Karsten</title>
<meta name="author" content="F/FWD - ffwd.com.br">
</script>
<link rel="shortcut icon" href="http://d92fs5q78i296.cloudfront.net/wp-content/themes/karsten/favicon.ico?k=2016">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="http://www.karsten.com.br/xmlrpc.php">
<!--[if lt IE 9]>
<script src="http://d92fs5q78i296.cloudfront.net/wp-content/themes/karsten/js/html5.js" type="text/javascript"></script>
<script src="http://d92fs5q78i296.cloudfront.net/wp-content/themes/karsten/js/selectivizr-min.js" type="text/javascript"></script>
<![endif]-->
<link rel="alternate" hreflang="pt-br" href="http://www.karsten.com.br/calculadora/">
<!-- This site is optimized with the Yoast SEO plugin v6.1.1 - https://yoa.st/1yg?utm_content=6.1.1 -->
<link rel="canonical" href="http://www.karsten.com.br/calculadora/">
<meta property="og:locale" content="pt_BR">
<meta property="og:type" content="article">
<meta property="og:title" content="Calculadora - Karsten">
<meta property="og:url" content="http://www.karsten.com.br/calculadora/">
<meta property="og:site_name" content="Karsten">
<meta property="article:publisher" content="https://www.facebook.com/KarstenBrasil">
<meta property="og:image" content="http://d92fs5q78i296.cloudfront.net/wp-content/uploads/2015/02/iTunesArtwork.png">
<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"WebSite","@id":"#website","url":"http:\/\/www.karsten.com.br\/","name":"Karsten","potentialAction":{"@type":"SearchAction","target":"http:\/\/www.karsten.com.br\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script>
<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Organization","url":"http:\/\/www.karsten.com.br\/calculadora\/","sameAs":["https:\/\/www.facebook.com\/KarstenBrasil","https:\/\/www.instagram.com\/Karstenoficial","https:\/\/www.youtube.com\/channel\/UCj5Z-69LK9OcgrJxRH31oYQ","http:\/\/www.pinterest.com\/karstenoficial\/"],"@id":"#organization","name":"Karsten S\/A","logo":"http:\/\/www.karsten.com.br\/wp-content\/uploads\/2015\/02\/iTunesArtwork.png"}</script>
<!-- / Yoast SEO plugin. -->
<link rel="dns-prefetch" href="http://ajax.googleapis.com/">
<link rel="dns-prefetch" href="http://code.ionicframework.com/">
<link rel="dns-prefetch" href="http://s.w.org/">
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.karsten.com.br\/wp-includes\/js\/wp-emoji-release.min.js?ver=6c50d46bafe370f9232a1e7c15065b96"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55357,56692,8205,9792,65039],[55357,56692,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script><script src="./Calculadora - Karsten_files/wp-emoji-release.min.js.download" type="text/javascript" defer></script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel="stylesheet" id="contact-form-7-css" href="./Calculadora - Karsten_files/styles.css" type="text/css" media="all">
<link rel="stylesheet" id="wpml-cms-nav-css-css" href="./Calculadora - Karsten_files/navigation.css" type="text/css" media="all">
<link rel="stylesheet" id="cms-navigation-style-base-css" href="./Calculadora - Karsten_files/cms-navigation-base.css" type="text/css" media="screen">
<link rel="stylesheet" id="cms-navigation-style-css" href="./Calculadora - Karsten_files/cms-navigation.css" type="text/css" media="screen">
<link rel="stylesheet" id="karsten-style-css" href="./Calculadora - Karsten_files/main.css" type="text/css" media="screen">
<link rel="stylesheet" id="ionicons-style-css" href="./Calculadora - Karsten_files/ionicons.min.css" type="text/css" media="all">
<link rel="stylesheet" id="google-fonts-css" href="./Calculadora - Karsten_files/css" type="text/css" media="all">
<script type="text/javascript" src="./Calculadora - Karsten_files/jquery.min.js.download"></script>
<link rel="https://api.w.org/" href="http://www.karsten.com.br/wp-json/">
<link rel="shortlink" href="http://www.karsten.com.br/?p=109457">
<link rel="alternate" type="application/json+oembed" href="http://www.karsten.com.br/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.karsten.com.br%2Fcalculadora%2F">
<link rel="alternate" type="text/xml+oembed" href="http://www.karsten.com.br/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.karsten.com.br%2Fcalculadora%2F&format=xml">
<meta name="generator" content="WPML ver:3.9.1 stt:1,44,2;">
<script type="text/javascript">
window._se_plugin_version = '8.1.9';
</script>
<script type="text/javascript">
(function(url){
if(/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)){ return; }
var addEvent = function(evt, handler) {
if (window.addEventListener) {
document.addEventListener(evt, handler, false);
} else if (window.attachEvent) {
document.attachEvent('on' + evt, handler);
}
};
var removeEvent = function(evt, handler) {
if (window.removeEventListener) {
document.removeEventListener(evt, handler, false);
} else if (window.detachEvent) {
document.detachEvent('on' + evt, handler);
}
};
var evts = 'contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' ');
var logHuman = function() {
var wfscr = document.createElement('script');
wfscr.type = 'text/javascript';
wfscr.async = true;
wfscr.src = url + '&r=' + Math.random();
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(wfscr);
for (var i = 0; i < evts.length; i++) {
removeEvent(evts[i], logHuman);
}
};
for (var i = 0; i < evts.length; i++) {
addEvent(evts[i], logHuman);
}
})('//www.karsten.com.br/?wordfence_lh=1&hid=21B00D91B9934C05BFD55DD7999A1A6D');
</script> <script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-40940986-4', 'auto');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
<!-- <script id="navegg" type="text/javascript" src="//tag.navdmp.com/tm40123.js" ></script> -->
<script src="./Calculadora - Karsten_files/site.js.download" id="mailmunch-script" data-mailmunch-site-id="212667" async></script>
<style type="text/css">.fancybox-margin{margin-right:17px;}</style><link rel="stylesheet" type="text/css" href="./Calculadora - Karsten_files/styles(1).css"><script type="text/javascript" async src="./Calculadora - Karsten_files/saved_resource"></script></head>
<body class="page-template-default page page-id-109457 calculadora style-main">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M4CV5SC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="page" class="hfeed site">
<!-- <a href="http://www.karsten.com.br/suporte/" target="_blank" class="btn-acesso-restrito"><span class="sprite ico-cadeado-branco"></span> Suporte</a> -->
<a href="javascript:window.open('http://54.233.81.167/karsten/?area=suporte','Karsten - Suporte','width=800, height=600,titlebar=yes')" class="btn-acesso-restrito"><span class="sprite ico-cadeado-branco"></span> Suporte</a>
</div>
</div>
<section class="menu-superior">
<div class="container">
</ul>
<div class="dropdown-menu dropdown-categorias" role="menu" aria-labelledby="dLabel" style="width: auto; min-width: 200px;">
<span class="caret"></span>
<div class="menu-itens" style="width: 100%;">
<ul>
</ul>
</div>
<!-- <div class="menu-imagem" style="background-image: url(https://dummyimage.com/208x217/f7f7f7/2b2b2b/&text=Acessórios de mesa)"></div> -->
</div>
</ul>
</div>
<!-- <div class="menu-imagem" style="background-image: url(https://dummyimage.com/208x217/f7f7f7/2b2b2b/&text=Piso)"></div> -->
</div>
<div class="dropdown-menu dropdown-categorias" role="menu" aria-labelledby="dLabel" style="width: auto; min-width: 200px;">
<span class="caret"></span>
<div class="menu-itens" style="width: 100%;">
<ul>
</ul>
</div>
<!-- <div class="menu-imagem" style="background-image: url(https://dummyimage.com/208x217/f7f7f7/2b2b2b/&text=Mesa)"></div> -->
</div>
</div>
</div>
</section>
<div class="container head-site-container">
<div id="main-logo" class="logo-site">
<h1>
<a class="logo-link" href="http://www.karsten.com.br/"><img src="./Calculadora - Karsten_files/logo-karsten.png" alt="Logo Karsten"></a>
<!-- -->
</h1>
</header><!-- #masthead -->
<div class="row clearfix">
<div id="content" class="site-content " role="main">
<div class="title-container title-page">
<h1 class="title-text">Calculadora</h1>
<h2 class="subtitle-text"></h2>
</div>
<article id="post-109457" class="post-109457 page type-page status-publish hentry">
<div class="entry-content">
<style type="text/css">
.calculator{
max-width: 310px;
margin: 0 auto;
font-family: 'Nunito', sans-serif;
background-color: #f8f3f1;
font-size: 13px;
}
.calculator_wrapper{
width: 84%;
margin: 0 auto;
}
.calculator .title{
text-align: center;
margin: 0;
padding: 20px;
color: #595453;
text-transform: uppercase;
font-size: 18px;
border-bottom: 1px solid #fff;
padding-bottom: 10px;
}
.calculator .wall_width_label,
.calculator .wall_height_label,
.calculator .calculate{
width: 100%;
padding-bottom: 4px;
}
.calculator .tissue_type{
border-radius: 50px;
background-color: #fff;
border: 1px solid #888;
line-height: 36px;
height: 36px;
margin-top: 5px;
}
.calculator .wall_width,
.calculator .wall_height{
width: 98%;
border-radius: 50px;
border: 1px solid #888;
padding: 6px;
}
.calculator label,
.calculator .tissue_width,
.calculator .tissue_excess,
.calculator .tissue_facilitate{
margin-top: 10px;
display: inline-block;
}
.calculator .calculate{
margin: 20px 0;
border-radius: 50px;
border: none;
padding: 10px;
background-color: #cd3c1f;
color: #fff;
}
.calculator .calculator_result{
display: none;
margin-top: 0;
margin-bottom: 20px;
}
.calculator .mandatory{
color: red;
}
.calculator .mandatory_field{
background-color: red;
}
input:focus{
outline: none;
}
</style>
<div class="clearfix"></div>
<div class="calculator">
<div class="calculator_wrapper">
<h3 class="title">Calculadora</h3>
<label for="wall_width" class="wall_width_label">
<span class="mandatory">*</span>Largura da Parede (metros) </label>
<input type="number" id="wall_width" class="wall_width" name="wall_width" required>
<label for="wall_height" class="wall_height_label">
<span class="mandatory">*</span>Altura da Parede (metros) </label>
<input type="number" id="wall_height" class="wall_height" name="wall_height" required>
<span class="tissue_width">Largura do tecido: 1,40m</span>
<!-- <span class="tissue_excess">Se for estampado,<br/>Excesso para encaixe do tecido: 0,70m</span>
<span class="tissue_facilitate">Excesso para facilitar aplicação: 0,10m</span>-->
<label for="tissue_type">
<span class="mandatory">*</span>Tipo do tecido: </label>
<div class="form-group select">
<select name="tissue_type" id="tissue_type" class="form-control tissue_type">
<option value="">Selecione...</option>
<option value="liso_listrado">Liso/Listrado</option>
<option value="estampado">Estampado</option>
</select>
<span class="sprite ico-arrow-select"></span>
</div>
<!--<select id="tissue_type" name="tissue_type" class="tissue_type">-->
<input type="submit" value="Calcular total necessário" id="calculate" class="calculate">
<span class="calculator_result">Resultado: </span>
</div>
</div>
<script type="text/javascript">
jQuery('#calculate').click(function () {
var largura_parede = jQuery('#wall_width').val();
var altura_parede = jQuery('#wall_height').val();
var tipo_tecido = jQuery('#tissue_type').val();
var largura_tecido = 140;
var excesso_encaixe_desenho = 70;
var excesso_facilitar_aplicacao = 10;
if (largura_parede !== '' && altura_parede !== '' && tipo_tecido !== '') {
jQuery('#wall_width, #wall_height, #tissue_type').removeClass('mandatory_field');
largura_parede = jQuery('#wall_width').val() * 100;
altura_parede = jQuery('#wall_height').val() * 100;
var qtdade_faixas_tecido = Math.ceil(largura_parede / largura_tecido);
var aux = altura_parede * qtdade_faixas_tecido;
var aux2 = (qtdade_faixas_tecido - 1) * excesso_encaixe_desenho;
var aux3 = excesso_facilitar_aplicacao * qtdade_faixas_tecido;
var total;
if (tipo_tecido === 'estampado') {
total = (aux + aux2 + aux3) / 100;
} else {
total = (aux + aux3) / 100;
}
jQuery('.calculator_result').css('display', 'block');
jQuery('.calculator_result').html('Resultado: <br/>' + total + ' mts');
} else {
if (largura_parede === '') {
jQuery('#wall_width').addClass('mandatory_field');
} else {
jQuery('#wall_width').removeClass('mandatory_field');
}
if (altura_parede === '') {
jQuery('#wall_height').addClass('mandatory_field');
} else {
jQuery('#wall_height').removeClass('mandatory_field');
}
if (tipo_tecido === '') {
jQuery('#tissue_type').addClass('mandatory_field');
} else {
jQuery('#tissue_type').removeClass('mandatory_field');
}
}
});
</script>
<script type="text/javascript">
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"http:\/\/www.karsten.com.br\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Verifique se voc\u00ea n\u00e3o \u00e9 um rob\u00f4."}},"cached":"1"};
/* ]]> */
</script>
<script type="text/javascript" src="./Calculadora - Karsten_files/scripts.js.download"></script>
<script type="text/javascript">
/* <![CDATA[ */
var ajaxurl = "http:\/\/www.karsten.com.br\/wp-admin\/admin-ajax.php";
var theme_url = "http:\/\/www.karsten.com.br\/wp-content\/themes\/karsten";
/* ]]> */
</script>
<script type="text/javascript" src="./Calculadora - Karsten_files/main.min.js.download"></script>
<script type="text/javascript" src="./Calculadora - Karsten_files/wp-embed.min.js.download"></script>
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/
Content Delivery Network via Amazon Web Services: CloudFront: d92fs5q78i296.cloudfront.net
Database Caching 16/266 queries in 0.443 seconds using apc
Served from: www.karsten.com.br @ 2018-04-02 14:13:19 by W3 Total Cache
-->
<script type="text/javascript" id="">!function(b,e,f,g,a,c,d){b.fbq||(a=b.fbq=function(){a.callMethod?a.callMethod.apply(a,arguments):a.queue.push(arguments)},b._fbq||(b._fbq=a),a.push=a,a.loaded=!0,a.version="2.0",a.queue=[],c=e.createElement(f),c.async=!0,c.src=g,d=e.getElementsByTagName(f)[0],d.parentNode.insertBefore(c,d))}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");fbq("init","277816749301937");fbq("track","PageView");</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=277816749301937&amp;ev=PageView&amp;noscript=1"></noscript>
<div class="mailmunch-overlay" id="mailmunch-overlay-16287fe237d3b9d" style="display: none; background: rgba(0, 0, 0, 0.7);"></div><div class="mailmunch-popover" id="mailmunch-popover-16287fe237d3b9d" style="position: fixed; left: 0px; top: 0px; display: none;"><div class="mailmunch-popover-container " id="mailmunch-popover-container-16287fe237d3b9d"><div class="mailmunch-inner-overlay" id="mailmunch-inner-overlay-16287fe237d3b9d"></div><div class="mailmunch-popover-content" style="max-width: 500px;"><div class="mailmunch-popover-iframe-scaler" style="padding-top: 539px;"><iframe id="mailmunch-popover-frame-16287fe237d3b9d" class="mailmunch-popover-iframe" frameborder="0" scrolling="no" allowtransparency="true" style="height: 539px;" src="./Calculadora - Karsten_files/saved_resource.html"></iframe></div></div></div></div><img src="./Calculadora - Karsten_files/saved_resource(1)" width="1" height="1" style="display: none;"></body></html>