Ir para conteúdo

felipeoli7eira

Members
  • Total de itens

    14
  • Registro em

  • Última visita

Posts postados por felipeoli7eira


  1. <!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>iMaster</title>
            <link rel="stylesheet" href="./app.css">
        </head>
        <body>
     
            <nav>
                <a href="https://google.com" title="Esse valor veio do attr title">Clique aqui</a>
            </nav>
     
            <script>
     
                window.onload = () => {
     
                    let tagA = document.querySelector ("a")
     
                    tagA.onclick = event => {
     
                        event.preventDefault ()
     
                        let title = tagA.getAttribute ("title")
     
                        let input = document.createElement ("input")
     
                        input.setAttribute ("type""text")
     
                        input.value = title
     
                        document.body.append (input)
     
                        input.select()
     
                        document.execCommand ("copy")
     
                        input.remove()
     
                        console.log ("Processo finalizado")
                    }
                }
            </script>
        </body>
    </html>

  2. <!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>Document</title>
        </head>
        <body>
     
            <a href="/lua" title="ir para a lua" data-personalizado="Você pode pegar um atributo personalizado tbm :)">vamos para a lua</a>
     
            <p class="colarAqui" data-original="esse texo vai mudar quando você clicar no link.">esse texo vai mudar quando você clicar no link.</p>
            
            <script>
     
                window.onload = () => {
     
                    const link = document.querySelector ('a')
     
                    const p = document.querySelector ('p')
     
                    link.onclick = event => {
     
                        event.preventDefault ()
     
                        const atributoQueQuero = event.target.getAttribute ('title'// pode ser tbm: getAttribute ('data-personalizado')
     
                        console.log (atributoQueQuero)
     
                        p.innerText = atributoQueQuero
                    }
     
                    /**
                     *
                    */
     
                    p.onclick = e => {
     
                        e.target.innerText = e.target.getAttribute ('data-original')
                    }
                }
            </script>
        </body>
    </html>

  3. Em 23/07/2019 at 11:54, washingtonalves disse:

    Olá... ainda sou iniciante... alguem sabe me responder se tem como pegar um $_SESSION do php e colocar dentro de uma variavel 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>

  4. 1 hora atrás, oomaikoo disse:

    Não funcionou, não retorna nada :/

     

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


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

     

     


  9. 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
    }
    } */
    }
     
     
     
     

  10. 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.' )
    }
    }
     
    } )
    }
×

Informação importante

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