Jump to content

_FelipeOlvr

Members
  • Content count

    11
  • Joined

  • Last visited

Everything posted by _FelipeOlvr

  1. _FelipeOlvr

    Passar uma $_SESSION PHP para uma VAR do JavaScript

    Assim ? <?php session_start (); $_SESSION ['qualquerCoisa'] = 'Programador'; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>PHP</title> </head> <body> <script> const umDadoQualquer = "<?php echo $_SESSION ['qualquerCoisa'] ?>" console.log (umDadoQualquer) </script> </body> </html>
  2. Já passou isso por dentro de um foreach () ?
  3. _FelipeOlvr

    Consumir API via PHP

    Talvez seja simples, ou não. Não sei. Mas gostaria de um esclarecimento/luz de gente que já tem bagagem na área. Ficarei muito agradecido pela informação. Dei umas pesquisadas por ai, e fiz testes com as duas maneiras que achei ( até agora ): file_get_contents ( 'http://......' ) ; curl () ; Pergunta: Existem outras maneiras de consumir API via PHP ? Quais ? Essas duas aí estão corretas?
  4. _FelipeOlvr

    Comparar variável no IF, ELSE

    Você ta chamando as funções ? olha: <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title> iMasters </title> <style> * { margin: 0 ; padding: 0 ; box-sizing: border-box ; } </style> </head> <body> </body> <script> window.onload = () => { let json = { city : "São paulo" } // Simulando o recebimento de um json function geoip ( json ) { document.write ( json.city ) // o json do parametro checkCityName ( json.city ) } function checkCityName ( name ) { if ( name === "Maceió" ) { console.log ( 'Estou em Maceió' ) } else { console.log ( 'Não estou em Maceió, estou em', name ) } } geoip ( json ) // chamando a função } </script> </html>
  5. _FelipeOlvr

    Comparar variável no IF, ELSE

    E pq você não coloca esse if / else dentro da function ?. Bom, se não quiser .. tenta isso (Não testei, mas deve funcionar): function geoip ( json ) { var city = document.getElementById("user_city"); city.textContent = json.city; verifyCity ( json.city ) // Cria e chama uma func que faz essa verificação } function verifyCity ( cityName ) { if ( cityName === "nomedacidade" ) { document.write ("<img src='banner1.jpg'></img>") } else { document.write ("<img src='banner2.jpg'></img>") } }
  6. _FelipeOlvr

    Estou com um problema de html

    Linha 10 ( header-1 ) falta um sinal de > ( maior que | concluir a tag de abertura )
  7. _FelipeOlvr

    Oque tem de errado?

    O sinal de = ( igual ) , troca por : ( dois pontos ). Obs: a marca, falta fechar as aspas. let carro = { cor : "azul", modelo : "fusca", marca : "Volwagen", kms : 10000, combustivel : "gasolina" } console.log ( carro ) console.log ( carro.cor ) console.log ( carro.modelo ) console.log ( carro.marca ) console.log ( carro.kms ) console.log ( carro.combustivel )
  8. Você quer usar esse mesmo formulário em outro local ????????????????????????????????????????????????
  9. _FelipeOlvr

    Scroll

    Oi pessoal, blz? Bom, passei quase a tarde toda pra fazer o seguinte: Imagina que o body tem scroll Y. agora imagina que no meio do body tem um elemento que tem scroll no sentido X ( <--------> ). Minha dúvida é a seguinte: Como eu faço pra que, quando eu colocar o mouse em cima desse elemento que sofre scroll no sentido X, o scroll passe a acontecer nele, e não mais no body. ( Eu sei que se segurar o SHIFT e girar a rodinha do mouse, o scroll acontece somente nele. Mas eu queria tentar isso, pra dar um trabalho a menos pro usuário ) Fiz um layout básico pra simular o layout em que quero fazer isso. Segue: <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title> JS | Scroll </title> <style> body { min-height: 200vh ; display: flex ; flex-direction: column ; justify-content: center ; } .container-scroll-x { background-color: rgb(219, 237, 240) ; padding: 50px ; } .content { background-color: rgb(127, 189, 207) ; overflow-x: auto ; white-space: nowrap ; padding: 30px ; } </style> </head> <body> <div class="container-scroll-x"> <div class="content"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. </div> </div> </body> </html> Desde já agradeço a ajuda.
  10. _FelipeOlvr

    Background

    Não entendi a parte do "quando uma determinada palavra apareça". Mas se você quiser fazer uma verificação, pode tentar isso?: <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title> Response | imaster </title> <!-- <link rel="stylesheet" href="./app.css"> --> </head> <body> <input type="text" name="nameColor" value="red" /> <script src="./app.js"></script> </body> </html> window.onload = () => { const input = document.querySelector ( 'input' ) // Se você quer apenas verificar qual o valor pre-definido no elemento: if ( input.value === 'red' ) { document.body.style.background = 'red' } else if ( input.value === 'green' ) { document.body.style.background = 'green' } else { document.body.style.background = 'white' // padrão } // Se você quiser q isso fique dinâmico, com o usuário digitando: /* input.onkeyup = event => { let corDigitada = event.target.value // Evento -> alvo do evento -> valor preenchido no alvo ( input ) if ( corDigitada === 'red' ) { document.body.style.background = 'red' // Se digitou vermelho, fica vermelho } else if ( corDigitada === 'green' ) { document.body.style.background = 'green' // Se digitou verde, fica vermelho } else { document.body.style.background = 'white' // Se não, deixa padrão } } */ }
  11. _FelipeOlvr

    Como manipular checkboxes usando .checked

    Se não for isso, perdão ! devo ter interpretado errado. <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Modelo de exercício</title> <!-- <link rel="stylesheet" href="estilo.css"> --> </head> <body> <header> <h1>Pergunta do Milhão</h1> </header> <section> <div id="div1"> <p>O que é um sistema ERP?</p> <p><input type="radio" name="pergunta" value="1" id="respostaUm" > <label for="respostaUm">É um sistema de informação que integra todos os dados e processos de uma organização em um único sistema.</label></p> <p><input type="radio" name="pergunta" value="2" id="respostaDois"> <label for="respostaDois">É uma instituição internacional sem fins lucrativos que associa profissionais de gestão de projetos.</label></p> <p><input type="radio" name="pergunta" value="3" id="respostaTres"> <label for="respostaTres"> é um conjunto de práticas na gestão de projetos organizado pelo instituto PMI e é considerado a base do conhecimento sobre gestão de projetos por profissionais da área.</label></p> <p><input type="radio" name="pergunta" value="4" id="nenhuma" checked > <label for="nenhuma">NDA</label></p> <input type="button" value="Verificar" onclick="verificar()"> </div> <div id="res"> Testando... </div> </section> <footer> <p>&copy; Alexsander Fontes</p> </footer> <script src="ecma.js"></script> </body> </html> function verificar () { const respostaCorreta = 2 console.log ( 'verificando resposta...' ) let radiosElements = document.querySelectorAll ( 'input[type=radio]' ) // console.log ( radiosElements ) radiosElements.forEach ( radio => { if ( radio.checked ) { // console.log ( 'A resposta marcada foi essa:', radio.value ) if ( radio.value == respostaCorreta ) { alert ( 'Parabens, reposta correta.' ) } else { alert ( 'Errou trouxa.' ) } } } ) }
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.