Ir para conteúdo
MasterX2020

Exercício de HTML (copiar e alterar código)

Recommended Posts

Olá a todos,

 

Gostaria de pedir ajuda para um exercício de uma de minhas aulas. Foi pedido que acedêssemos a este site: http://radioonline.com.pt/embed/antena-1/, copiássemos o código html da página e fossemos capazes de incorporar esse código noutra página html, eliminando, naturalmente, as partes do código que estivessem a mais.

 

O objectivo é fazer com que seja possível ouvir esta rádio nessa outra página html e apresentar todos os elementos que vemos no link: logo, nome, player, controlador de volume... tudo o que vemos como disse.

 

Infelizmente não estou a conseguir executar o exercício. Será que alguém consegue dar-me uma pequenína ajuda? Se me forem capazes de passar o código que devo colar nessa outra página para executar o exercício com sucesso ficaria eternamente grato. Outra coisa: o player NÃO pode ter auto-play, tem que começar parado.

 

Agradeço desde já a ajuda e atenção. Obrigado a todos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tu esta querendo isso

 

<!DOCTYPE HTML>
<html lang="pt" class="">
   <head prefix="og: http://ogp.me/ns#">
      <meta charset="UTF-8">
      <title>Radio Antena 1 online | Radioonline.com.pt</title>
	  <base href="https://radioonline.com.pt/"/>
      <meta name="application-name" content="Radioonline.com.pt">
      <meta name="description" content="Ouça Antena 1 em radioonline.com.pt. Com um simples clique pode ouvir as melhores estações de rádio de Portugal ao vivo.">
      <meta name="theme-color" content="#002029">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta property="fb:admins" content="100002936790534">
      <meta property="og:locale" content="pt_PT">
      <meta property="og:url" content="https://radioonline.com.pt/antena-1/">
      <meta property="og:title" content="Radio Antena 1 online">
      <meta property="og:site_name" content="Radioonline.com.pt">
      <meta property="og:description" content="Ouça Antena 1 em radioonline.com.pt. Com um simples clique pode ouvir as melhores estações de rádio de Portugal ao vivo.">
      <meta property="og:image" content="https://cdn.webrad.io/images/countries/portugal-logo_1200x630.png">
      <meta property="og:type" content="website">
      <link rel="apple-touch-icon" href="https://cdn.webrad.io/images/countries/portugal-logo_192x192.png">
      <link rel="canonical" href="https://radioonline.com.pt/antena-1/">
      <link rel="dns-prefetch" href="//api.webrad.io">
      <link rel="dns-prefetch" href="//cdn.trackjs.com">
      <link rel="dns-prefetch" href="//cdn.webrad.io">
      <link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
      <link rel="dns-prefetch" href="//connect.facebook.net">
      <link rel="dns-prefetch" href="//pagead2.googlesyndication.com">
      <link rel="dns-prefetch" href="//platform.twitter.com">
      <link rel="dns-prefetch" href="//polyfill.io">
      <link rel="dns-prefetch" href="//webrad.io">
      <link rel="dns-prefetch" href="//www.googletagmanager.com">
      <link rel="manifest" href="https://radioonline.com.pt/manifest.json">
      <link rel="mask-icon" href="https://cdn.webrad.io/mask-icon.svg" color="#002e3b">
      <link rel="preconnect" href="//api.webrad.io">
      <link rel="preconnect" href="//cdn.trackjs.com">
      <link rel="preconnect" href="//cdn.webrad.io">
      <link rel="preconnect" href="//cdnjs.cloudflare.com">
      <link rel="preconnect" href="//connect.facebook.net">
      <link rel="preconnect" href="//pagead2.googlesyndication.com">
      <link rel="preconnect" href="//platform.twitter.com">
      <link rel="preconnect" href="//polyfill.io">
      <link rel="preconnect" href="//www.googletagmanager.com">
      <link rel="prefetch" href="https://cdn.webrad.io/images/icon-error.png" as="image">
      <link rel="prefetch" href="https://cdn.webrad.io/images/icon-flash.png" as="image">
      <link rel="prefetch" href="https://cdn.webrad.io/images/icon-open.png" as="image">
      <link rel="prefetch" href="https://cdn.webrad.io/images/icon-play.png" as="image">
      <link rel="prefetch" href="https://cdn.webrad.io/images/icon-sound-off.png" as="image">
      <link rel="prefetch" href="https://cdnjs.cloudflare.com/ajax/libs/dashjs/3.1.0/dash.mediaplayer.min.js" as="script" type="application/javascript" crossorigin="anonymous">
      <link rel="prefetch" href="https://cdnjs.cloudflare.com/ajax/libs/hls.js/0.13.2/hls.min.js" as="script" type="application/javascript" crossorigin="anonymous">
      <link rel="preload" href="https://cdn.webrad.io/css/main-4.0.22.min.css" as="style">
      <link rel="preload" href="https://cdn.webrad.io/images/icon-load.gif" as="image">
      <link rel="preload" href="https://cdn.webrad.io/images/icon-sound-on.png" as="image">
      <link rel="preload" href="https://cdn.webrad.io/images/icon-stop.png" as="image">
      <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.css" as="style">
      <link rel="preload" href="https://api.webrad.io/data/streams/31/antena-1" as="fetch" type="application/json" crossorigin="anonymous">
      <link rel="preload" href="https://cdn.webrad.io/fonts/icomoon.woff2" as="font" type="font/woff2" crossorigin="anonymous">
      <link rel="preload" href="https://cdn.webrad.io/js/jquery.main-4.0.49.min.js" as="script" type="application/javascript" crossorigin="anonymous">
      <link rel="preload" href="https://cdn.webrad.io/js/jquery.mobilenav.min.js" as="script" type="application/javascript" crossorigin="anonymous">
      <link rel="preload" href="https://cdn.webrad.io/js/jquery.openclose.min.js" as="script" type="application/javascript" crossorigin="anonymous">
      <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/algoliasearch/4.2.0/algoliasearch-lite.umd.js" as="script" type="application/javascript" crossorigin="anonymous">
      <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/bowser/1.9.4/bowser.min.js" as="script" type="application/javascript" crossorigin="anonymous">
      <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.js" as="script" type="application/javascript" crossorigin="anonymous">
      <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/hogan.js/3.0.2/hogan.min.js" as="script" type="application/javascript" crossorigin="anonymous">
      <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" as="script" type="application/javascript" crossorigin="anonymous">
      <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/rangeslider.js/2.3.3/rangeslider.min.js" as="script" type="application/javascript" crossorigin="anonymous">
      <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/simplebar/5.2.0/simplebar.min.js" as="script" type="application/javascript" crossorigin="anonymous">
      <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/soundmanager2/2.97a.20170601/script/soundmanager2-nodebug-jsmin.js" as="script" type="application/javascript" crossorigin="anonymous">
      <link rel="preload" href="https://polyfill.io/v3/polyfill.min.js?features=Array.prototype.forEach%2CMutationObserver%2Cperformance.now%2CObject.assign%2CObject.entries%2CPromise%2CrequestAnimationFrame" as="script" type="application/javascript" crossorigin="anonymous">
      <link rel="shortcut icon" href="https://cdn.webrad.io/images/countries/portugal.ico">
      <link rel="stylesheet" href="https://cdn.webrad.io/css/main-4.0.22.min.css">
      <style>html{overflow:hidden}.cc-window{display:none!important}</style>
      <script src="https://connect.facebook.net/pt_PT/sdk.js?hash=afec68f04655f2625ccd78d19617f0f9&amp;ua=modern_es6" async="" crossorigin="anonymous"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script>window._trackJs={console:{display:!1},enabled:7E-4>Math.random()?!0:!1,token:"73faad723c2e459eafb494db926fccb4",version:"4.0.49"};window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date);gtag("config","UA-43921502-1",{anonymize_ip:!0,cookie_domain:"radioonline.com.pt"});setTimeout(function(){gtag("event","60 seconds",{event_category:"Read"})},6E4);window.SM2_DEFER=!0;var webradioConfig={countryCode:"PT",debugMode:0,domainID:31,languageCode:"pt",slugDomain:"radioonline-com-pt",urlApi:"https://api.webrad.io/",urlStatic:"https://cdn.webrad.io/",cookieConsent:{version:"3.1.1",link:"Info",href:"/politica-de-privacidade/"},algolia:[{"applicationId":"3ZTZWUB3YF","apiKey":"69c38d1d7696f10303d883840d265170"}],dashJs:{version:"3.1.0"},facebook:{countryCode:"PT",version:"5.0"},hlsJs:{version:"0.13.2"},txt:{cookie:"Este site usa cookies para garantir que você tenha a melhor experiência em nosso site",error:"Erro",loading:"A carregar",mute:"Desactivar\/activar som",no_audio:"Sem áudio há mais de um mês, checamos semanalmente",ok:"OK",play:"Tocar",popup:"Ouvir aqui",search_for:"Resultados da pesquisa para %s",search_none:"Nenhum resultado para %s",start:"Começar",stop:"Parar",volume:"Controlo do volume"}};</script><script src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async=""></script><script src="https://www.googletagmanager.com/gtag/js?id=UA-43921502-1" async=""></script><script src="https://cdn.trackjs.com/agent/v3/latest/t.js" async="" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/algoliasearch/4.2.0/algoliasearch-lite.umd.js" crossorigin="anonymous" defer=""></script><script src="https://cdnjs.cloudflare.com/ajax/libs/bowser/1.9.4/bowser.min.js" crossorigin="anonymous" defer=""></script><script src="https://cdnjs.cloudflare.com/ajax/libs/hogan.js/3.0.2/hogan.min.js" crossorigin="anonymous" defer=""></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" crossorigin="anonymous" defer=""></script><script src="https://cdn.webrad.io/js/jquery.mobilenav.min.js" crossorigin="anonymous" defer=""></script><script src="https://cdn.webrad.io/js/jquery.openclose.min.js" crossorigin="anonymous" defer=""></script><script src="https://polyfill.io/v3/polyfill.min.js?features=Array.prototype.forEach%2CMutationObserver%2Cperformance.now%2CObject.assign%2CObject.entries%2CPromise%2CrequestAnimationFrame" crossorigin="anonymous" defer=""></script><script src="https://cdnjs.cloudflare.com/ajax/libs/rangeslider.js/2.3.3/rangeslider.min.js" crossorigin="anonymous" defer=""></script><script src="https://cdnjs.cloudflare.com/ajax/libs/simplebar/5.2.0/simplebar.min.js" crossorigin="anonymous" defer=""></script><script src="https://cdnjs.cloudflare.com/ajax/libs/soundmanager2/2.97a.20170601/script/soundmanager2-nodebug-jsmin.js" crossorigin="anonymous" defer=""></script><script src="https://cdn.webrad.io/js/jquery.main-4.0.49.min.js" crossorigin="anonymous" defer=""></script>
      <link rel="preload" href="https://adservice.google.com.br/adsid/integrator.js?domain=radioonline.com.pt" as="script">
      <script type="text/javascript" src="https://adservice.google.com.br/adsid/integrator.js?domain=radioonline.com.pt"></script>
      <link rel="preload" href="https://adservice.google.com/adsid/integrator.js?domain=radioonline.com.pt" as="script">
      <script type="text/javascript" src="https://adservice.google.com/adsid/integrator.js?domain=radioonline.com.pt"></script>
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.css">
      <style></style>
      <style type="text/css">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
         .fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_dialog_advanced{border-radius:8px;padding:10px}.fb_dialog_content{background:#fff;color:#373737}.fb_dialog_close_icon{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{left:5px;right:auto;top:5px}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent}.fb_dialog_close_icon:active{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #365899;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{height:100%;left:0;margin:0;overflow:visible;position:absolute;top:-10000px;transform:none;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{background:none;height:auto;min-height:initial;min-width:initial;width:auto}.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered #fb_dialog_loader_close{clear:both;color:#fff;display:block;font-size:18px;padding-top:20px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .4);bottom:0;left:0;min-height:100%;position:absolute;right:0;top:0;width:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_mobile .fb_dialog_iframe{position:sticky;top:0}.fb_dialog_content .dialog_header{background:linear-gradient(from(#738aba), to(#2c4987));border-bottom:1px solid;border-color:#043b87;box-shadow:white 0 1px 1px -1px inset;color:#fff;font:bold 14px Helvetica, sans-serif;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:linear-gradient(from(#4267B2), to(#2a4887));background-clip:padding-box;border:1px solid #29487d;border-radius:3px;display:inline-block;line-height:18px;margin-top:3px;max-width:85px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{background:none;border:none;color:#fff;font:bold 12px Helvetica, sans-serif;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #4a4a4a;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f5f6f7;border:1px solid #4a4a4a;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loader_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transparent;background-image:url(https://static.xx.fbcdn.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);background-position:50% 50%;background-repeat:no-repeat;height:24px;width:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
         .fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}
      </style>
   </head>
   <body class="ltr">
      <div role="dialog" aria-live="polite" aria-label="cookieconsent" aria-describedby="cookieconsent:desc" class="cc-window cc-floating cc-type-info cc-theme-block cc-bottom cc-left cc-color-override--375498993 " style="">
         <!--googleoff: all--><span id="cookieconsent:desc" class="cc-message">Este site usa cookies para garantir que você tenha a melhor experiência em nosso site <a aria-label="learn more about cookies" role="button" tabindex="0" class="cc-link" href="/politica-de-privacidade/" rel="noopener noreferrer nofollow" target="_blank">Info</a></span>
         <div class="cc-compliance"><a aria-label="dismiss cookie message" role="button" tabindex="0" class="cc-btn cc-dismiss">OK</a></div>
         <!--googleon: all-->
      </div>
      <div class="embed radio-section" itemscope="" itemtype="https://schema.org/RadioStation">
         <div id="radio" data-station-id="674" data-station-name="antena-1">
            <div id="radio-track">
               <div class="left-box">
                  <div class="img-box"><img id="radio-logo" src="https://cdn.webrad.io/images/logos/radioonline-com-pt/antena-1.png" alt="Antena 1" height="66" importance="high" width="96" itemprop="image"></div>
                  <div class="text-box">
                     <strong class="title" id="radio-title" itemprop="name">Antena 1</strong>
                     <div class="signal" id="radio-signal">99.4 FM</div>
                  </div>
               </div>
               <div class="btn-holder"><a class="btn" id="radio-link" href="http://www.rtp.pt/antena1/" rel="nofollow noopener" target="_blank">Website</a><a class="btn" id="radio-no-audio" href="https://radioonline.com.pt/ajuda/" rel="nofollow noopener" target="_blank">Sem som?</a></div>
            </div>
            <div class="radio-player">
               <div class="" id="radio-controls">
                  <a class="btn-play" href="#"><img id="radio-button" src="https://cdn.webrad.io/images/icon-play.png" alt="Tocar" height="18" importance="high" width="18" class="play" title=""></a><a class="ico-sound" href="#"><img id="radio-sound" src="https://cdn.webrad.io/images/icon-sound-on.png" alt="Desactivar/activar som" height="15" importance="high" width="15" data-state="on"></a><input type="range" id="radio-slider" aria-label="Controlo do volume" max="100" min="0" step="10" value="100" style="position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0;">
                  <div class="rangeslider rangeslider--horizontal" id="js-rangeslider-0">
                     <div class="rangeslider__fill" style="width: 83.5px;"></div>
                     <div class="rangeslider__handle" style="left: 77px;"></div>
                  </div>
               </div>
               <ul id="votes" itemprop="aggregateRating" itemscope="" itemtype="https://schema.org/AggregateRating">
                  <meta itemprop="ratingCount" content="4617">
                  <meta itemprop="ratingValue" content="4.9">
                  <li><a class="vote" href="#" title="Gostar"><i class="ico icon-thumb-up"></i> Gostar (<span data-vote="1">4452</span>)</a></li>
                  <li><a class="vote" href="#" title="Não gostar"><i class="ico icon-thumb-down"></i> (<span data-vote="0">165</span>)</a></li>
               </ul>
            </div>
         </div>
         <div class="logo"><a href="https://radioonline.com.pt/antena-1/" target="_blank"><img class="ico" src="https://cdn.webrad.io/images/equalizer.gif" alt="Radioonline.com.pt" height="14" width="23">Radio<span>online.com.pt</span></a></div>
      </div>
      <iframe scrolling="no" frameborder="0" allowtransparency="true" src="https://platform.twitter.com/widgets/widget_iframe.2a008290075125adde2d7b849b06a0bb.html?origin=http%3A%2F%2Fradioonline.com.pt" title="Twitter settings iframe" style="display: none;"></iframe>
      <div id="fb-root" class=" fb_reset">
         <div style="position: absolute; top: -10000px; width: 0px; height: 0px;">
            <div></div>
         </div>
      </div>
   </body>
</html>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • 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.