AJUDA EM CODIGO

Luitec Tecidos · Abril 4, 2018

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&amp;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>&lt;iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M4CV5SC"
height="0" width="0" style="display:none;visibility:hidden"&gt;&lt;/iframe&gt;</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(&#39;http://54.233.81.167/karsten/?area=suporte&#39;,&#39;Karsten - Suporte&#39;,&#39;width=800, height=600,titlebar=yes&#39;)" 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>&lt;img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=277816749301937&amp;amp;ev=PageView&amp;amp;noscript=1"&gt;</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>

Entrar

AJUDA EM CODIGO

Pergunta

Luitec Tecidos

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades