Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Beats Scientist

AJUDA EM CODIGO HTML

Recommended Posts

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>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
<!DOCTYPE html>
<html lang="pt-BR">

só inserir no começo do código,
eu fiz um teste e funcionou a calculadora, limpa seu cache e testa ai... 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você tem duas opções...

1º - Tenta substituir todos os http  por https do seu código

2º contrata um SSL, no wix vende e é bem simples...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu substitui todos http por https no código e não funcionou.

Pelo meu entendimento o problema é que o site da karsten é todo em http nao em https por isso nao aceita o script.

Então na teoria se contratar um SSL não resolveria.

 

Sabe algum lugar ou alguém que venderia um script assim ?

uma calculadora especifica

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se o site da Karsten está hospedado no WIX e você contratar um SSL, claro que resolve... ai o site passa de http para https:

 

se precisar de maiores ajudas pode me mandar um e-mail
se for simples eu ajudo e não cobro nada...

fefilho94@gmail.com

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por juliosonic
      Boa noite..
      Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica em Curitiba
      Tantra Curitiba
      Massagem Tântrica
      Tantra
      Julio Darshan

      Obrigado
      Att
      Julio Cezar
       
       
       
    • Por joeythai
      Boa tarde pessoal,
       
      Eu criei um formulário em que tenho 3 interações: evento click, change e uma chamada ajax. No evento on change ("select#removal_table_from" )eu faço uma chamada ajax onde eu passo como parametro o id do item selecionado e construo uma tabela dinamica com o próprio javascript, após isto, tenho um input em que o usuario coloca um valor de percentual para que eu possa preencher em 3 colunas da tabela que foi criada dinamicamente: moto_atualizado, carro_atualizado e caminhao_atualizado, até aí tudo bem, o codigo está fazendo isso, porém, como a tabela é criada dinamicamente eu preciso de alguma forma enviar o arrayData para meu backend mas quando faço o calculo dentro do loop apos resposta do meu ajax, os valores desses 3 campos chegam como null, não sei se é possível fazer o que pretendo ou se é ainda não sei como faz
       
      <code>
           $(document).ready(function (event) {   let arrayData = []; let percentage; let removal_vehicle; let removal_motorcycle; let removal_tuck; let apply_removal = $('#apply_removal');   // apply_removal.on('click', function () { // percentage = $('#percentage').val();   // $('.table-body tr').each(function () {   // let veiculo = $(this).find('.veiculo').text(); // let moto = $(this).find('.moto').text(); // let caminhao = $(this).find('.caminhao').text();   // let removal_vehicle = parseFloat(veiculo) + (parseFloat(veiculo) * parseFloat(percentage)) / 100; // let removal_motorcycle = parseFloat(moto) + (parseFloat(moto) * parseFloat(percentage)) / 100; // let removal_tuck = parseFloat(caminhao) + (parseFloat(caminhao) * parseFloat(percentage)) / 100;   // arrayData.push({ // removal_vehicle, // removal_motorcycle, // removal_tuck // })   // $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); // $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); // $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2)); // }); // });   apply_removal.on('click', function () { percentage = $('#percentage').val();   $('.table-body tr').each(function () {   let veiculo = $(this).find('.veiculo').text(); let moto = $(this).find('.moto').text(); let caminhao = $(this).find('.caminhao').text();   removal_vehicle = parseFloat(veiculo) + (parseFloat(veiculo) * parseFloat(percentage)) / 100; removal_motorcycle = parseFloat(moto) + (parseFloat(moto) * parseFloat(percentage)) / 100; removal_tuck = parseFloat(caminhao) + (parseFloat(caminhao) * parseFloat(percentage)) / 100;   arrayData.push({ removal_vehicle, removal_motorcycle, removal_tuck })   $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2));     console.log('Removal Vehicle:', removal_vehicle); console.log('Removal Motorcycle:', removal_motorcycle); console.log('Removal Truck:', removal_tuck); }); });   $('select#removal_table_from').on('change', function (e) { let table_id = $(this).val(); let action = route('removal.removal-values.show', table_id);   $.ajax({ type: "GET", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },   success: function (data) { $('.table-body').empty();   for (let i = 0; i < data.length; i++) { let carro = parseFloat(data[i].CARRO); let moto = parseFloat(data[i].MOTO); let caminhao = parseFloat(data[i].CAMINHAO); let distancia = data[i].DISTANCIA; let origem = data[i].ORIGEM; let destino = data[i].DESTINO; let localidadeOrigem = data[i].LocalidadeOrigem_ID; let localidadeDestino = data[i].LocalidadeDestino_ID;   let newRow = '<tr class="removal-row">' + '<td class="align-middle">' + '<div class="row">' + '<div class="col-1">' + '<span class="font-weight-bold">Origem</span><br>' + '<span class="origem">' + origem + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Destino</span><br>' + '<span class="destino">' + destino + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">KM</span><br>' + '<span class="km">' + distancia + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Veículo</span><br>' + '<span class="veiculo">' + carro + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Veículo Atualizado</span><br>' + '<input type="text" class="veiculo_atualizado">' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Moto</span><br>' + '<span class="moto">' + moto + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Moto Atualizado</span><br>' + '<input type="text" class="moto_atualizado">' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Caminhão</span><br>' + '<span class="caminhao">' + caminhao + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Caminhão Atualizado</span><br>' + '<input type="text" class="caminhao_atualizado">' + '</div>' + '</div>' + '</div>' + '</td>' + '</tr>';   $('.table-body').append(newRow); //let row = $('.removal-row:last');   // Calcula o valor atualizado e define nos campos diretamente // let veiculo_atualizado = carro + (carro * percentage) / 100; // let moto_atualizado = moto + (moto * percentage) / 100; // let caminhao_atualizado = caminhao + (caminhao * percentage) / 100; // console.log('PORCENTS: ', percentage); //console.log('Veiculo Atualizado:', veiculo_atualizado, 'Moto Atualizado:', moto_atualizado, 'Caminhao Atualizado:', caminhao_atualizado);   // Define os valores diretamente nos campos da nova linha // row.find('.veiculo_atualizado').val(veiculo_atualizado.toFixed(2)); // row.find('.moto_atualizado').val(moto_atualizado.toFixed(2)); // row.find('.caminhao_atualizado').val(caminhao_atualizado.toFixed(2));   arrayData.push({ carro, moto, caminhao, distancia, origem, destino, localidadeOrigem, localidadeDestino, removal_vehicle, removal_motorcycle, removal_tuck }); }   $('#copy_data_table').val(JSON.stringify(arrayData)); }   }); });   //javascript para o formulario de cadastro // $(document).ready(function (event) { $('#uf').change(function () { let code_city = $(this).val(); let deposit = localStorage.getItem('selected_deposit_id'); let action = route('removal.removal-values.cities', code_city); $.ajax({ type: "POST", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { code_city: code_city },   success: function (data) {   $('#city').empty(); $('#deposit').empty();   for (let i = 0; i < data.cities.length; i++) { $('#city').append('<option value="' + data.cities[i].NM + '">' + data.cities[i].NM + '<option>'); }   if (data.deposits.length > 0) { for (let i = 0; i < data.deposits.length; i++) { $('#deposit').append('<option value="' + data.deposits[i].NM + '">' + data.deposits[i].NM + '<option>'); } } else { // $('#deposit').prop('disabled', true); // $('#city').prop('disabled', false); }   $('#city').trigger('change'); } });   });   $('#deposit').on('change', function () { depositId = $(this).val(); localStorage.setItem('selected_deposit_id', depositId); });   $('#uf_destiny').change(function () { let code_city = $(this).val(); let depositDestiny = localStorage.getItem('selected_deposit_destiny_id'); let action = route('removal.removal-values.cities', code_city); $.ajax({ type: "POST", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { code_city: code_city },   success: function (data) {   $('#city_destiny').empty(); $('#deposit_destiny').empty();   for (let i = 0; i < data.cities.length; i++) { $('#city_destiny').append('<option value="' + data.cities[i].NM + '">' + data.cities[i].NM + '</option>'); }   if (data.deposits.length > 0) { // $('#deposit_destiny').prop('disabled', false); //$('#city_destiny').empty(); // $('#city_destiny').prop('disabled', true); for (let i = 0; i < data.deposits.length; i++) { $('#deposit_destiny').append('<option value="' + data.deposits[i].NM + '">' + data.deposits[i].NM + '</option>'); } } else { // $('#deposit_destiny').prop('disabled', true); // $('#city_destiny').prop('disabled', false); }   $('#city_destiny').trigger('change'); } }); });   $('#deposit_destiny').on('change', function () { let depositDestinyId = $(this).val(); localStorage.setItem('selected_deposit_destiny_id', depositDestinyId); });   }); </code>
    • Por babylon
      Olá galera tudo bem?
      Deixa eu perguntar, estava mexendo no meu site e queria adicionar em html essa tabela porem esta dando erro pois fica assim:
       

      Porem gostaria que ficasse assim:

      Segue o código da tabela:
      <center><table border="0">
          <tr>
      <td bgcolor="#0092df" width="24%"><a href="/categorias?ename=smartphones"><span style="font-size: 20px; color: #ffffff;"><b> <font color="#0092df">..</font>Bicicleta<br> <font color="#0092df">..</font>Track Bikes<br> <font color="#0092df">..</font>Aro 29 TKS</b></a></span><br><br><font size="5"><center><span style="background-color: #A1CD44">DE:</span></font> <br><font size="5"><s>R$ 1.999,99</center></font></s> </td><td><p><a href="/categorias?ename=smartphones"><img src="/static/img/itembicicleta.jpg"><br><font size="5"><center><span style="background-color: #A1CD44">COM - 60%:</span></font> <br><font size="5">1.199,99</font></center></a></td>
             <td><font color="#ffffff">....</font></td>
              <td bgcolor="#0092df" width="24%"><a href="/categorias?ename=smartphones"><span style="font-size: 20px; color: #ffffff;"><b> <font color="#0092df">..</font>Monitor 24"<br> <font color="#0092df">..</font>Samsung<font color="#0092df">aa.aa</font><br> <font color="#0092df">..</font>1ms 144hz</b></a></span></center></td><td><p><a href="/categorias?ename=smartphones"><img src="/static/img/itemmonitor.jpg"></a></td>
          </tr>
          </table></center>
      O que estaria errado, pois não sei como colocar nessa tabela outro fundo de outra cor, veja que usei td bgcolor="#0092df" para o azul escuro mas não sei como usaria pro "#e4f1fb" para o fundo ficar de azul claro em baixo bem como não ficou correto em altura o "DE:" com o "COM - 60%:".
      Bom é isso, obg.


    • Por Alessandro Bodão
      Fala galerinha, 
       
      Tenho um container com um título (h1) no cabeçalho do meu site, esse container ocupa metade da tela (50vw), e eu gostaria que esse título ocupasse toda a largura desse container, independente do seu tamanho ou do tamanho do monitor, de forma com que a palavra tenha exactamente o mesmo tamanho do container (vou anexar uma foto de exemplo). Já tentei todos os valores pra essa h1, como % e vw... mas nada parece fazer sentido.
       
       

    • Por viniciusfroner
      Tenho um pequeno sistema de envio, estou utilizando o "PHPMailerAutoload". Após o usuário inserir as informações e clicar em enviar a mensagem é enviada com sucesso, o único problema é que apresentado ao usuário a seguinte mensagem:
      if ($enviado){ echo "E-mail enviado com sucesso!"; } else { echo "Não foi possível enviar o e-mail."; echo "<b>Informações do erro:</b> " . $msg->ErrorInfo; } Acabei procurando e não achei como posso remover a mensagem "Error:"
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.