Ir para conteúdo

wanderval

Members
 Perfil  Explorar Conteúdo

  • Total de itens

    409

  • Registro em

  • Última visita

  • Dias vencidos

    2

Posts postados por wanderval

  1. Postado 

    function cartomante(sons, partner, city, job) {
  return `Você ocupará a função ${job} na cidade de ${city}, vai se casar com ${partner} e terá ${sons} filhos`;
}

console.log(cartomante(2, 'Yasmin', 'New York', 'empresário'));


const cartomanteArrow = (sons, partner, city, job) => {
  return `Você ocupará a função ${job} na cidade de ${city}, vai se casar com ${partner} e terá ${sons} filhos`;
}

console.log(cartomanteArrow(2, 'Yasmin', 'New York', 'empresário'));

    Jsbin: https://jsbin.com/yawojoqote/edit?html,js,console,output

  2. Postado

    Seu ploblema está aqui:

    CSS:  

    .popup-btn{
	position: absolute!important;
	top: 55%;
	left: 50%;
	transform: translate(-50%,-50%);
}

    Basicamente e vai posicionar todos os botões na mesma posição por isso não conseguia ver outro botão adicionado!

     

    Adicionando isso com um ajuste no html:

    CSS: 

    .button-wrapper {
  position: absolute !important;
  top: 55%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: flex;
}
.popup-btn{
  margin-right: 5px !important;
}

    HTML: 

    <div class="button-wrapper">
 <button type="button" class="main-btn-rect popup-btn" data-popup="popup-reg">Modo Agressivo</button>
 <button type="button" class="main-btn-rect popup-btn" data-popup="popup-reg2">Modo Conservador</button>
  <button type="button" class="main-btn-rect popup-btn" data-popup="popup-reg3">Modo f***</button>
</div>  
<div id="popup-reg" class="popup">
  <div class="popup-content">
    <div class="event-header">
      <h6>Don't be shy, say hi!</h6>
    </div>
    Stop Loss: 255<br>
    Stop Gain: 30<br><br>
    Ou a seu gosto!<br><br>
    Desvio Envelope: 0.12<br><br>
    Pausas nas operações: 10:00,11:00,10:30,12:30<br>
    <span class="fade-out main-btn-circle">╳</span>
  </div>
</div>
  
  
<div id="popup-reg2" class="popup">
  <div class="popup-content">
    <div class="event-header">
      <h6>Ok Man! I respect your position!</h6>
    </div>
    Stop Loss: 255<br>
    Stop Gain: 30<br><br>
    Ou a seu gosto!<br><br>
    Desvio Envelope: 0.12<br><br>
    Pausas nas operações: 10:00,11:00,10:30,12:30<br>
    <span class="fade-out main-btn-circle">╳</span>
  </div>
</div>
  
  <div id="popup-reg3" class="popup">
  <div class="popup-content">
    <div class="event-header">
      <h6>Ok Man! You are the best!</h6>
    </div>
    Stop Loss: 255<br>
    Stop Gain: 30<br><br>
    Ou a seu gosto!<br><br>
    Desvio Envelope: 0.12<br><br>
    Pausas nas operações: 10:00,11:00,10:30,12:30<br>
    <span class="fade-out main-btn-circle">╳</span>
  </div>
</div>

    JsBin: https://jsbin.com/yixevolowu/1/edit?html,css,output

  3. Postado

    HTML: 

    <body>
  <main>
    <nav></nav>
    <section>
      hi
    </section>
    <article>
      <p>conteudo</p>
    </article>
  </main>
</body>

    CSS: 

    body {
  margin: 0;
}
main {
  display: grid;
  grid-template-columns: 20% 55% 25%;
  grid-template-rows: 55px 1fr;
  background: grey;
}

nav {
  background: blue;
  grid-row: 1;
  grid-column: 1 / 4;
  position: sticky;
  top: 0;
}

section {
  background: grey;
  grid-column: 1 / 2;
  grid-row: 2;
  position: sticky;
  top: 60px;
  left: 0;
  align-self: start;
  
}

article {
  background: yellow;
  grid-column: 2 / 4;
}

article p {
  padding-bottom: 1500px;
}

    JSBin: https://jsbin.com/tifonawuxu/1/edit?html,css,output

  5. Postado

    não é buscar do banco de dados, somente linguagens de back-end fazem isso, o que você precisa é ter um script do back-end ou api do backend pra poder ser consumida pelo front, mas no seu exemplo não vi nada similar. Se quer a ajuda de alguem aqui a respeito disso precisa falar como estruturou o backend!

  7. Postado

    Seu erro é simples, você comentou a linha que recupera o valor digitado no input é adicionou uma valor fixo que nunca será um palíndromo!

     

    HTML: 

    <!--Sempre chama o VPalindromo com o valor 'fcampo'-->
<button type="button" onclick="VPalindromo('fcampo')" >Validar Palíndromo</button>

    JS: 

    function VPalindromo(str) { // Parametro sempre tem o mesmo valor
  //var str = document.getElementByID("fcampo").value; //  ERRADA getElementByID
  var er = /[\W]/g
  var smallStr = str.toLowerCase().replace(er, "");
  var x = smallStr.split("").reverse().join("");
  if (x == smallStr) {
    alert("É um palindromo.")
  }
  else{
    alert("Não é um palindromo.")
  }
}

    CORRECÃO

    HTML: 

    <button type="button" onclick="VPalindromo()" >Validar Palíndromo</button>

    JS: 

    function VPalindromo() {
  var str = document.getElementById("fcampo").value;
  var er = /[\W]/g
  var smallStr = str.toLowerCase().replace(er, "");
  var x = smallStr.split("").reverse().join("");
  
  if (x == smallStr) {
    alert("É um palindromo.")
  }
  else{
    alert("Não é um palindromo.")
  }
  
  if (x === smallStr) return true;
  return false;
}

    JSBIN: https://jsbin.com/gutuwonere/edit?html,js,output

  8. Postado

    Eu adicionaria uma classe para manipular: 

    <body>
  <span class="bubble active arrow-bottom">Balão com borda</span>
  <span class="bubble active arrow-top">Balão com borda inverse</span>
</body>

    CSS: 

    body {
    padding: 140px 10px;
    text-align: center;
}

/* Criando o balão */
.bubble {
    background-color: #fff;
    border: 2px solid #333;
    border-radius: 5px;
    color: #333;
    display: inline-block;
    font: 16px/24px sans-serif;
    padding: 12px 24px;
    position: absolute;
}

/* Criando o triângulo */

.bubble.active.arrow-bottom:after,
.bubble.active.arrow-bottom:before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    bottom: -15px;
    content: '';
    left: 80%;
    margin-left: -15px;
    position: absolute;
}


.bubble.active.arrow-bottom:before {
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid;
    border-top-color: inherit;
    bottom: -18px;
    margin-left: -18px;
}

/* Trinagulo on top position*/
.arrow-top {
  margin-top: 100px;
}

.bubble.active.arrow-top:after,
.bubble.active.arrow-top:before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    top: -15px;
    content: '';
    left: 80%;
    position: absolute;
  margin-left: -15px;
}

.bubble.active.arrow-top:before {
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 18px solid;
    border-bottom-color: inherit;
    top: -18px;
    margin-left: -18px;
}

    JSbin: https://jsbin.com/kikohozuba/edit?html,css,output

  13. Postado

    Esse problema tá confuso:

       Parte 1:

       1- A variável usuários funciona da mesma forma que um array?

       R: Bom pelo que está ai essa variável é um array!

     

       2- porem possui limitações?

       R: quais as limitações de um array? Array é array!

      Bom eu fiz uma implementação baseada no que entendi do problema: 

    function getAllUsers() {
  var usuarios = [
  {
    id: 15,
    nome: 'MARIA'
  },{
    id: 22,
    nome: 'JOSÉ'
  },{
    id: 25,
    nome: 'ANDERSON'
  },{
    id: 24,
    nome: 'ADMINISTRADOR'
  },{
    id: 35,
    nome: 'MARTA'
  },{
    id: 36,
    nome: 'MAISTRE'
  },{
    id: 47,
    nome: 'ANTONIO'
  },{
    id: 18,
    nome: 'JORGE'
  },{
    id: 49,
    nome: 'WILLIAM'
  },{
    id: 20,
    nome: 'MARCOS'
  }
  ];
  
  return usuarios;
}

function pegaNomes(from) {
   const allUsers = getAllUsers();
   
   const concatNamesToIndex = allUsers.map((user, index) => {
     return user.nome += ' - ' + (++index); 
   });
  
  console.log(concatNamesToIndex);
  
  return [concatNamesToIndex[from[0]-1], concatNamesToIndex[from[1]-1]];
}

// conclui que o parametro from é um array contendo as duas posisões requisitadas
console.log('Resultado: ', pegaNomes([2,9]));

    JsBinTest: https://jsbin.com/muqelawipu/edit?html,js,console,output  

  21. Postado

    Primeiro erro que é o seu método de click, tenha conciência de uma coisa o chrome ele roda código errado as vezes pq ele realiza um fix na execução, por esse motivo o firefox não roda!

     

    Sugestão:

    CSS/HTML:  

    .image-action {
  width: 70px;
  height: 70px;
  cursor: pointer;
}

<img class="image-action"
   src="images/ic_abrir.png"
   onclick="abre_notificacao(11)"/>
 
<img class="image-action"
   src="images/ic_excluir.png"
   onclick="excluir_notificacao(12)"/>

    Ponderações:

    1 - primeiro erro: onClick não existe! pesquise e verá apenas "onclick"

    2 - feche todas as tags isso pode gerar erro de layout <img /> caso o mesmo não for feito 

    <img 
   src="images/ic_abrir.png"
   width="70"
   height="70"
   onclick="abre_notificacao(11)"
   style="cursor:pointer" id="p_imagem-" name="p_imagem"/>
<img
   src="images/ic_excluir.png"
   width="70"
   height="70"
   onclick="excluir_notificacao(12)"
   style="cursor:pointer"/>

     

    3 - Você está executando um método de reload() fora de um método assincrôno,

    isso não deve ser feito o motivo e que pode executar antes da confirmação ocorrer assim cancelando a ação inicial. 

    function excluir_notificacao(codigo) {
  $.post("excluir_notificacao.php", {codigo: codigo}, function(resposta) {
    confirm(resposta+" ("+codigo+")");
    location.reload(); 
  });
  // location.reload(); 
}

    Obs:

     1- faça um css nesse código

     2- porque 

     

    Test: https://jsbin.com/xawawuvime/edit?html,css,js,output

  22. Postado

    Tente isso: 

    .bg-img {
    position: relative;
    z-index: 1;
    box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 0px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.bg-img:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url('https://www.jetimob.com/blog/wp-content/uploads/2016/10/banner.png');
    background-size: cover;
    opacity:0.6;
}

    Link: jsbin: https://jsbin.com/riziyawoqo/edit?html,css,output

  23. Postado

    Sua duvida estrá incosistente

     

    você postou um objeto que acredito ser o response, mas sua lógica tem muitas propriedades não presentes nesse objeto;

     

    JS: 

    $.each(problema, function(i, value) {
    console.log('The value at arr[' + i + '] is: ' + value.displayId); // propriedade não existe no objeto
    var newRow = $('<tr class="linha-table">');
    var cols = "";
    cols += '<td class="displayId" id="displayId">' + value.displayId + '</td>';
    cols += '<td class="impactLevel" id="impactLevel">' + value.impactLevel + '</td>'; // propriedade não existe no objeto
    cols += '<td class="status" id="status">' + value.status + '</td>'; // propriedade não existe no objeto
    cols += '<td class="title" id="title">' + value.title + '</td>'; // propriedade não existe no objeto
    cols += '<td class="estimatedAffectedUsers" id="estimatedAffectedUsers">' + value.impactAnalysis.impacts.estimatedAffectedUsers + '</td>';
    newRow.append(cols);
    $("#table-licencas").append(newRow); 
});

     

    Objeto: e por favor né poste como código todo codigo e obejto a forma que colocou ficou ilegivel, e não entendi até agora porque flodou em 4 topicos repetidos pra postar uma duvida inconsistente. 

    impactAnalysis: {
    impacts: [{
        impactType: "SERVICE",
        impactedEntity: {
          entityId: {
            id: "SERVICE-034769111916BA3B",
            type: "SERVICE"
          },
          name: ""
        },
        estimatedAffectedUsers: 0,
        numberOfPotentiallyAffectedServiceCalls: 4496
      },
      {
        impactType: "APPLICATION",
        impactedEntity: {
          entityId: {
            id: "APPLICATION-A8D06FDBBA2EE7F6",
            type: "APPLICATION"
          },
          name: ""
        },
        estimatedAffectedUsers: 2
      },
      {
        impactType: "SERVICE",
        impactedEntity: {
          entityId: {
            id: "SERVICE-B7A98E7FDD81118A",
            type: "SERVICE"
          },
          name: "online-importer-server-v*"
        },
        estimatedAffectedUsers: 0,
        numberOfPotentiallyAffectedServiceCalls: 775
      },
      {
        impactType: "SERVICE",
        impactedEntity: {
          entityId: {
            id: "SERVICE-D773255CD13D8968",
            type: "SERVICE"
          },
          name: ""
        },
        estimatedAffectedUsers: 1,
        numberOfPotentiallyAffectedServiceCalls: 34
      }
    ]
  }

     

  25. Postado

    Acho que isso pode ajudar, basicamente você somente precisa fazer parser pra inteiro!

      

    <button onclick="porcentagem()">Porcentagem</button>
<button onclick="porcentagemAll()">Porcentagem All Items</button>

<div class="prateleira-label-desconto">-50.02</div>
<div class="prateleira-label-desconto">-20.02</div>

    JS: 

    function porcentagem(){
  var a = document.getElementsByClassName('prateleira-label-desconto')[0].innerText;
  b = Math.round(a);
  console.log(b);
  
  var shortDescountValue = parseInt(b);
  console.log(shortDescountValue);
  document.getElementsByClassName("prateleira-label-desconto")[0].innerHTML= shortDescountValue;
}

function porcentagemAll(){
  var list = document.getElementsByClassName('prateleira-label-desconto');
  
  Array.from(list).forEach(item => {
  	const porcentageValue = Math.round(item.innerText);
    item.innerText = parseInt(porcentageValue);
  });
}

     

×

Informação importante

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

  Aceito