Biel.

Olá pessoal. Estou tentando fazer o seguinte: Quando o botão receber onclick quero que seja criado no elemento table o atributo border com value 1 <button onclick="aprendiz()">click</button> <textarea id="textarea"></textarea> <script> function aprendiz(){ const yyy = document.createElement("table"); document.getElementById("textarea").appendChild(yyy); //-------------------------------- // const rrr = document.createAttribute("border"); // rrr.value="1"; // document.getElementById("textarea").setAttributeNode(rrr); } </script>

Tetsuo, como adicionar esta linha no código ?

Olá pessoal. O modal abaixo abre normalmente na pagina1.php Estou tentando abrir o modal na pagina2.php da seguinte forma: Clicar na imagem que está na pagina1 e abrir o modal na pagina2 . Alguma ideia de como fazer isso? Obrigado ! pagina1.php <style> #myImg { border-radius: 5px; cursor: pointer; transition: 0.3s; } #myImg:hover {opacity: 0.7;} .modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); } .content { margin: auto; display: block; width: 80%; max-width: 700px; -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; } @-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} } @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} } .fechar { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; cursor: pointer; } </style> ... <!-- <a href="" id=""></a> --> <img id="myImg" src="img_snow.jpg" style="width:100%;max-width:300px"> <div id="myModal" class="modal"> <span class="fechar">×</span> <img class="content" id="img01"> </div> ... <script> var modal = document.getElementById("myModal"); var img = document.getElementById("myImg"); var modalImg = document.getElementById("img01"); img.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; } var span = document.getElementsByClassName("fechar")[0]; span.onclick = function() { modal.style.display = "none"; } </script>

não funcionou

Olá pessoal. O código abaixo cria elementos sempre que o botão é pressionado. Como criar apenas um elemento independentemente de quantas vezes o botão for pressionado <select id="select1" class="select1" required style="width:100px" size="8" > <option value=""></option> </select> <button onclick="funcCriarElemento()">click</button> <script> function funcCriarElemento () { var x = document.getElementById("select1"); var option = document.createElement("option"); option.text = "fiat"; option.id = "fiat"; x.add(option); } </script>

Funcionou bem Tetsuo, obrigado !

Olá pessoal. O código abaixo está funcionando e cadastra normalmente sem refresh. É possível deixar pagina1.php fora ajax e ficar igual o EX3 e o script continuar funcionando ? Se possível der a resposta com base na minha pergunta. Obrigado ! pagina1.php <?php $nome = $_POST['nome']; echo json_encode($nome); ?> pagina2.php <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function (){ $("#salvar").click(function (){ var form = new FormData($("#formulario")[0]); $.ajax({ url: 'pagina1.php', type: 'post', dataType: 'json', cache: false, processData: false, contentType: false, data: form, timeout: 8000, success: function(resultado){ $("#resposta").html(resultado); } }); }); }); </script> <form action="" id="formulario" method="post" > <input type="text" name="nome" id="nome" value="" /> <input type="button" id="salvar" name="salvar" value="button" /> </form> <div id="resposta"></div> EX3 <?php if (isset($_POST["nome"])){ ?> <?php $nome = $_POST['nome']; ?> <?php } ?>

Olá pessoal. Estou tentando fazer o seguinte: Clicar no item carro e item fiat e quando clicar no item país quero que (remova a seleção do) item fiat ou começar clicando no item pais e item brasil e quando clicar no item carro quero que (remova a seleção do) o item brasil <form action="pagina1.php" method="POST"> <select id="select1" class="select1" size="3" required onchange="funcTete();" > <option value=""></option> <option value="carro" id="carro" onclick="func1()">carro</option> <option value="pais" id="pais" onclick="func2()">pais</option> </select> <select id="select2" class="select2" required style="width:80px;" size="3" > <option value=""></option> <option value="fiat" id="fiat" disabled> fiat</option> <option value="brasil" id="brasil" disabled>brasil</option> </select> <input type="submit" name="" value="enviar"> </form> ... <script> function func1 () { document.getElementById("fiat").disabled = false ; document.getElementById("brasil").disabled = true; } function func2() { document.getElementById("fiat").disabled = true ; document.getElementById("brasil").disabled = false; } </script>

Olá pessoal. No vs code, ao renomear o arquivo pagina1.php para pgTeste.php gostaria que renomeasse também os links pagina1.php que está na pgAprendiz e pgAluno . O que habilito ou desabilito no vs code para que ao alterar pagina1.php para pgTeste.php os links que tem o mesmo nome também sejam alterados? Vejam: esta é a pagina1.php este é contéudo da pagina1 ----------------------------------------------------- esta é a pgAprendiz.php este é contéudo da pgAprendiz <a href="pagina1.php" > pgTeste </a> ----------------------------------------------------- esta é a pgAluno.php este é contéudo da pgAluno <a href="pagina1.php" > pgTeste</a>

Olá pessoal. No vs code, ao renomear o arquivo pagina1.php para pgTeste.php gostaria que renomeasse também os links <a href="pagina1.php" > que estão na pgAprendiz e pgAluno . esta é a pagina1.php <h1>este é contéudo da pagina1</h1> ----------------------------------------------------- esta é a pgAprendiz.php <a href="pagina1.php" > aaa </a> ----------------------------------------------------- esta é a pgAluno.php <a href="pagina1.php" > bbb</a>

Olá pessoal. Como faço para retornar o resultado da soma ou seja 39 tab_aprendiz id valor 1 10 2 13 3 16 <?php $sql = mysqli_query($con, "SELECT sum(valor) FROM tab_aprendiz "); while ($linha = mysqli_fetch_array($sql)){ @$valor = $linha['valor']; } print $valor .'<br>'; ?>

Olá pessoal. Estou tentando fazer o seguinte: Clicar no item carro e item fiat e quando clicar no item país quero que (reset ou disabled) o item fiat ou começar clicando no item pais e item brasil e quando clicar no item carro quero que (reset ou disabled) o item brasil <form action="pagina1.php" id="kkk" class="kkk" method="POST"> <select id="select1" class="select1" size="3" required onchange="funcTete();" > <option value=""></option> <option value="carro" id="carro" onclick="func1()">carro</option> <option value="pais" id="pais" onclick="func2()">pais</option> </select> <select id="select2" class="select2" required style="width:80px;" size="3" > <option value=""></option> <option value="fiat" id="fiat" class="fiat" > fiat</option> <option value="brasil" id="brasil" class="brasil" >brasil</option> </select> <input type="submit" name="" value="enviar"> </form> <script> function func1(){ document.getElementById("fiat").reset(); document.getElementById("brasil").reset(); //reset(); } </script>

Olá pessoal. O código abaixo está funcionando normalmente, mas gostaria que ficasse bastante resumido e continuasse funcionando. <style> .verde, .amarelo, .azul, #verde, #amarelo, #azul{ display: none;} </style> <select id="aprendiz" class="aprendiz" size="3" onChange="funcTete();" > <option value=""></option> <option value="item1" >item1</option> <option value="item2" >item2</option> </select> <select id="aluno" size="4"> <option value=""></option> <option id="verde" class="verde ">verde</option> <option id="amarelo" class="amarelo ">amarelo</option> <option id="azul" class="azul ">azul</option> </select> <script> function funcTete(){ var itemSelecionado=document.getElementById('aprendiz').value; if(itemSelecionado==''){ document.querySelector(".verde").style.display='none'; document.querySelector('.amarelo').style.display='none'; document.querySelector('.azul').style.display='none'; } if(itemSelecionado=='item1'){ document.querySelector(".verde").style.display='block'; document.querySelector('.amarelo').style.display='block'; document.querySelector('.azul').style.display='none'; } if(itemSelecionado=='item2'){ document.querySelector(".verde").style.display='block'; document.querySelector('.amarelo').style.display='block'; document.querySelector('.azul').style.display='block'; } } </script>

E complicado ficar explicando os motivos, são tantos. Simplesmente não rola usar desta forma $.ajax({ //url: 'pagina1.php', <- não quero aqui a pagina1.php type: 'post',

Note que a pagina1.php está dentro do ajax tipo "include" . $.ajax({ url: 'pagina1.php', <- aqui type: 'post', Estou tentando colocar a pagina1 fora do ajax . $.ajax({ //url: 'pagina1.php', <- não quero aqui a pagina1.php type: 'post', Quero que o código da pagina1 fique na integra na pagina2 , mas fora do ajax. Esqueça O EX3 não serve pra nada.

Olá pessoal. Temos Ex1 em javascript funcionando sem refresh na página e EX2 em php funcionando com refresh na página. Existe alguma forma de executar o código php abaixo fazendo uma ligação com ajax e/ou javascript sem refresh na página ? EX1 <select name="tete" id="tete" size="3" onChange="funcGGG();"> <option value="" ></option> <option value="aprendizA" >aprendizA</option> <option value="aprendizB" >aprendizB</option> </select> <hr /> <div id="vazio" style="display:none;"> vazio </div> <div id="aaa" style="display:none;"> aaa </div> <div id="bbb" style="display:none ;"> bbb </div> <script> function funcGGG(){ var itemSelecionado = document.getElementById('tete').value; if(itemSelecionado == ""){ document.getElementById('vazio').style.display='block'; document.getElementById('aaa').style.display='none'; document.getElementById('bbb').style.display='none'; } if(itemSelecionado == "aprendizA"){ document.getElementById('vazio').style.display='none'; document.getElementById('aaa').style.display='block'; document.getElementById('bbb').style.display='none'; } if(itemSelecionado == "aprendizB"){ document.getElementById('vazio').style.display='none'; document.getElementById('aaa').style.display='none'; document.getElementById('bbb').style.display='block'; } } </script> EX2 <form action="" method="post" > <select name="itemSelecionado" required size="3" onChange="this.form.submit()"> <option value="" ></option> <option value="aprendizA" >aprendizA</option> <option value="aprendizB" >aprendizB</option> </select> <hr /> <?php if (isset($_POST["itemSelecionado"])){ ?> <?php if ($_POST['itemSelecionado'] == ''){ ?> vazio <?php } elseif ($_POST['itemSelecionado'] == 'aprendizA'){ ?> aprendizA <?php } elseif ($_POST['itemSelecionado'] == 'aprendizB'){ ?> aprendizB <?php } } ?> </form>

Olá pessoal. Ao pressionar aluno ou aprendiz, estou tentando exibir somente os itens que corresponde ao item que foi pressionado; sem adicionar mais querySelector nas duas funções abaixo. <style> .item1, .item2, .item3, .item4, .item5, .item6, #item1, #item2, #item3, #item4, #item5, #item6{ display: none;} </style> <select size="4"> <option onclick="funcAprendiz()">aprendiz</option></option> <option onclick="funcAluno()">aluno</option> </select> <select size="7"> <option value=""></option> <option id="item1" class="item1 ">item1</option> <option id="item2" class="item2 ">item2</option> <option id="item3" class="item3 ">item3</option> <option id="item4" class="item4 ">item4</option> <option id="item5" class="item5 ">item5</option> <option id="item6" class="item6 ">item6</option> </select> <script> function funcAprendiz(){ document.querySelector(".item1").style.display='block'; document.querySelector('.item2').style.display='block'; } function funcAluno(){ document.querySelector('.item3').style.display='block'; document.querySelector('.item4').style.display='block'; document.querySelector('.item5').style.display='block'; document.querySelector('.item6').style.display='block'; } </script>

Não funciona com value. Se colocar os itens parcela direto no html funciona, mas essa não é a ideia.

Olá pessoal o código abaixo está funcionando normalmente, mas não estou conseguindo exibir o resultado da divisão. O que adicionar e/ou mudar no código para exibir o resultado da divisão? roupa <select name="roupa" id="roupa" required onchange="funcToto();" > <option value=""></option> <option value="camisa">camisa</option> </select> <hr> valor <select name="valor" id="valor" required > <option value=""></option> <option value="100">R$ 100,00</option> <option value="200">R$ 200,00</option> <option value="300">R$ 300,00</option> </select> <hr> parcelou em <select name="parcela" id="parcela" required > <option></option> </select> <hr> de <input type="text" id="de" readonly name="de" value="" /> <script> function funcToto(){ var itemSelecionado = document.getElementById('roupa').value; const valor = document.getElementById("valor"); const parcela = document.getElementById("parcela"); const resultadoDaDivisão = parseFloat(valor / parcela); document.getElementById("de").value = resultadoDaDivisão; parcela.innerHTML = ""; if(itemSelecionado == "camisa"){ var itemParcela = ["|" , "2|2x" , "3|3x" , "4|4x"]; } for(x in itemParcela){ var itemW = itemParcela[x]; // .split("|"); var itemW = itemW.split("|"); var newOption = document.createElement("option"); newOption.value = itemW[0]; newOption.innerHTML = itemW[1]; parcela.appendChild(newOption); //parcelou.options.add(newOption); } } </script>

Olá pessoal. Temos Ex1 em javascript funcionando sem refresh na página e EX2 em php funcionando com refresh na página. Existe alguma forma de executar o código php abaixo com ajax e/ou javascript sem refresh na página ? EX1 <select name="tete" id="tete" size="3" onChange="funcGGG();"> <option value="" ></option> <option value="aprendizA" >aprendizA</option> <option value="aprendizB" >aprendizB</option> </select> <hr /> <div id="vazio" style="display:none;"> vazio </div> <div id="aaa" style="display:none;"> aaa </div> <div id="bbb" style="display:none ;"> bbb </div> <script> function funcGGG(){ var itemSelecionado = document.getElementById('tete').value; if(itemSelecionado == ""){ document.getElementById('vazio').style.display='block'; document.getElementById('aaa').style.display='none'; document.getElementById('bbb').style.display='none'; } if(itemSelecionado == "aprendizA"){ document.getElementById('vazio').style.display='none'; document.getElementById('aaa').style.display='block'; document.getElementById('bbb').style.display='none'; } if(itemSelecionado == "aprendizB"){ document.getElementById('vazio').style.display='none'; document.getElementById('aaa').style.display='none'; document.getElementById('bbb').style.display='block'; } } </script> EX2 <form action="" method="post" > <select name="itemSelecionado" required size="3" onChange="this.form.submit()"> <option value="" ></option> <option value="aprendizA" >aprendizA</option> <option value="aprendizB" >aprendizB</option> </select> <hr /> <?php if (isset($_POST["itemSelecionado"])){ ?> <?php if ($_POST['itemSelecionado'] == ''){ ?> vazio <?php } elseif ($_POST['itemSelecionado'] == 'aprendizA'){ ?> aprendizA <?php } elseif ($_POST['itemSelecionado'] == 'aprendizB'){ ?> aprendizB <?php } } ?> </form>

Olá pessoal. O código abaixo funciona normalmente, mas quero que antes de enviar selecione uma imagem. <form> <select name="tete" class="aaa" required> <option value="55555">item1</option> </select> <input type="submit" onClick="funcAAA();" value="Enviar"> <input type="file" name="imagem" required> </form> <script> function funcAAA(){ let pattern = /^[0-9]{5,5}$/; // let pattern = /^[0-9]+$/; //var numero = document.getElementById('aaa').value; var numero = document.querySelector('.aaa').value; if(pattern.test(numero)) { alert('Sucesso. Tem exatamente 5 numeros'); } else{ alert('É preciso que o formato corresponda ao exigido'); } } </script>

Olá pessoal. Estou tentando validar EX2 com multiple itens . EX1 conseguir validar, agora estou tentando validar EX2 com multiple itens EX1 <select name="tete" size="1" id="aaa"> <option>25418</option> </select> <button type="button" onclick="funcAAA();">click</button> <script> function funcAAA(){ let pattern = /^[0-9]{5,5}$/; // let pattern = /^[0-9]+$/; var numero = document.getElementById('aaa').value; if(pattern.test(numero)) { alert('é numero'); } else{ alert('é float'); } } </script> EX2 <select name="tete[]" multiple size="3" id="bbb"> <option>95348</option> <option>34628</option> <option>95234</option> </select> <button type="button" onclick="funcBBB();">click</button> <script> function funcBBB(){ let pattern = /^[0-9]{5,5}$/; // let pattern = /^[0-9]+$/; var numero = document.getElementById('bbb').value; if(pattern.test(numero)) { alert('é numero'); } else{ alert('é float'); } } </script>

Olá pessoal. O atributo pattern força a digitar na ordem primeiro (números min2 e max5) depois (letras minusculas) e por último (letras maíusculas) Gostaria de digitar o que quiser em qualquer ordem , desde que a exigência da quantidade de letras e números continuasse. <input type="password" pattern="[0-9]{2,5}[a-z]{2,5}[A-Z]{2,5}" value="" >

Não funcionou, mas já avançou bastante. Ao selecionar item1 ou item2 e dar refresh na página o valor sai não segura.

Olá pessoal. O código abaixo imprime o valor selecionado, mas ao atualizar a página o valor selecionado sai. Como impedir de sair o valor selecionado mesmo atualizando a página? <select name="" size="4" id="select1" class="select1" onchange="func1()"> <option value=""></option> <option value="item1">item1</option> <option value="item2">item2</option> <option value="item3">item3</option> </select> <div id="id1" class="id1"> 1</div> <div id="id2" class="id2"> 2</div> <div id="id3" class="id3"> 3</div> <script> function func1(){ const valorSelecionado = document.getElementById('select1').value; if(valorSelecionado=='item1'){ document.getElementById('id1').innerHTML='APRENDIZ'; document.getElementById('id2').innerHTML='APRENDIZ'; } else if(valorSelecionado=='item2'){ document.getElementById('id1').innerHTML='ALUNO'; document.getElementById('id2').innerHTML='ALUNO'; } else if(valorSelecionado=='item3'){ document.getElementById('id1').innerHTML='TETE'; document.getElementById('id2').innerHTML='TETE'; } } </script>