Pesquisar na Comunidade

Olá pessoal. Como quebrar texto dentro do option com javascript ou css <div style="width:200px; height:300px; border:2px solid blue;"> <h2>quebrar texto dentro do option value</h2> <select name="select_this" id="testselectset" style="width:100%; "> <option value="">Selecione abaixo...</option> <option value="01">Opção 1</option> <option value="02">Opção 2</option> <option value="03">este texto é muito extenso e deve ser quebrado</option> <option value="04">Opção 4</option> </select> </div> <!-- <h1 style="word-wrap: break-word; width:300px">asPalavrasEstaojuntasMasDarParaquebrarComWordWrap</h1> -->

olá pessoal. Ao clicar no menu e em seguida usar seta pra cima ou pra baixo o menu é movido de ordem, até aqui tudo ok. O problema é que não consigo salvar no Bd a nova ordem do menu. Alguma luz de como resolver isto? tab_menu menu_id menu_nome menu_order 11 verde 1 12 amarelo 2 13 azul 3 14 branco 4 .... <?php $sqlVF = mysqli_query($ggCon, "SELECT * FROM tab_menu ORDER BY menu_order ASC "); $contador=1; while($linha = mysqli_fetch_array($sqlVF)){ $menu_id = $linha['menu_id']; $menu_nome = $linha['menu_nome']; $menu_order = $linha['menu_order']; } ?> <?php @$VGT_posicoes = $_POST['recordsArray']; $VGT_newOrder = 1; foreach ($VGT_posicoes as $VGT_valorId) { $sqlVF = mysqli_query($ggCon, "UPDATE tab_menu SET menu_order ='".$menu_order."' WHERE menu_order ='".$VGT_valorId."' "); $VGT_newOrder = $VGT_newOrder + 1; } ?> ... <form action="<?php echo $phpSelf;?>" method="post" > <table id="table" border="1"> <tr> <td></td> </tr> <?php $sqlVF = mysqli_query($ggCon, "SELECT * FROM tab_menu ORDER BY menu_order ASC "); $contador=1; while($linha = mysqli_fetch_array($sqlVF)){ $menu_id = $linha['menu_id']; $menu_nome = $linha['menu_nome']; $menu_order = $linha['menu_order']; ?> <tr> <td><input type="text" id="recordsArray_<?php echo $menu_id;?>" name="menu_order" value="<?php echo $menu_nome;?>"></td> </tr> <?php } ?> </table> <input type="submit" name="enviar" value="Salvar"> </form> ... <button onclick="upNdown('up');">&ShortUpArrow;</button> <button onclick="upNdown('down');">&ShortDownArrow;</button> <script> var index; function getSelectedRow() { var table = document.getElementById("table"); for(var i = 1; i < table.rows.length; i++) { table.rows[i].onclick = function() { if(typeof index !== "undefined"){ table.rows[index].classList.toggle("selected"); } index = this.rowIndex; this.classList.toggle("selected"); }; } } getSelectedRow(); function upNdown(direction) { var rows = document.getElementById("table").rows, parent = rows[index].parentNode; if(direction === "up") { if(index > 1){ parent.insertBefore(rows[index],rows[index - 1]); index--; } } if(direction === "down") { if(index < rows.length -1){ parent.insertBefore(rows[index + 1],rows[index]); index++; } } } </script>

Olá pessoal . quero muito fazer o seguinte: Clicar no elemento e com a seta mover o elemento pra cima ou pra baixo <style> *{ margin: 0; padding: 0;} .divPrincipal{ width: 200px; display: flex; flex-wrap: wrap; align-items: center; border: 2px solid blue;} .divPaiCor{ flex:1; margin-right: 10px; } .h1_1{ padding: 4px 4px; margin-bottom: 2px; background-color:#c1c1c1; cursor: default; } .divPaiSeta{ flex:0.5; font-size: 30px; text-align: center;} .b_1{ padding: 0px 4px; margin: 8px 10px; background-color:#cfcfcf; display: block; border: 1px solid green; cursor: default; } </style> <div class="divPrincipal"> <div class="divPaiCor"> <h1 class="h1_1">green </h1> <h1 class="h1_1">yellow </h1> <h1 class="h1_1">blue </h1> <h1 class="h1_1">orange </h1> </div> <div class="divPaiSeta"> <b id="id1" class="b_1">⇧ </b> <b id="id2" class="b_1">⇩ </b> </div> </div> <script> function setaPraCima(){ let x = document.querySelectorAll(".h1_1"); for(var i=0; i<x.length; i++){ } } function setaPraBaixo(){ let y = document.querySelectorAll(".h1_1"); for(var i=0; i<y.length; i++){ } } </script>

Olá pessoal. Ao fazer multiplo cadastro de imagens, existe alguma forma de impedir de cadastrar mais de 10 imagens por vez? <?php @$imageName = $_FILES['uploadImage']['name']; @$imageTmp = $_FILES['uploadImage']['tmp_name']; if($_FILES['uploadImage'] <10){ ?> <?php $sql = mysqli_query($ggCon, "INSERT INTO tab_aprendiz ( imageName )VALUES('".$imageName."')"); ?> <?php echo "cadastro realizado com sucesso !"; } elseif($_FILES['uploadImage'] >10){ echo "nao-cadastrou-tem-mais-de-10-imagens"; } else{ echo "nao-cadastrou-tem-mais-de-10-imagens"; } ?> <input type="file" name="imageName[]" multiple="multiple" required >

Olá pessoal. Estou tentando fazer o seguinte: Redimensionar browser e a partir de 900px pra baixo a imagem ser redimensionada proporcionalmente <style> .divTete { margin: auto; width:100%; max-width: 1400px; text-align: center; } /* dimensões da imagem */ .imgRR { width:400px; height:400px; } @media(max-width:900px){ .imgRR{ width: 100%; height:auto; max-width:400px; max-height:400px; } } </style> <div class="divTete"> <img src="imagem88.png" class=" imgRR" /> </div>

Olá pessoal. instalei na maquina bd mysql e uso phpmyadmin para gerenciar o mysql. No phpmyadmin notei que quando ultrapassa 50 tabelas automaticamente cria-se uma paginação next and prev. Como faço para desabilitar ou remover a paginação?

Olá pessoal. No meu computador tem pasta1. Se eu quiser ver o que tem dentro é só clicar na pasta. Quero muito fazer o seguinte, mas não sei se é possível: Criar um link que ao ser pressionado me leve até a pasta1

Olá pessoal. No meu computador na unidade C tem pasta1 c:\pasta1 Quero acessar a pasta1 que está na unidade c:\pasta1 através de um link html ou qualquer outro é psssível ? <a href="C:\pasta1">teste</a>

Olá pessoal. Existe alguma forma de sincronizar servidor1 e servidor2 e colocar parte do código no servidor1 e parte do código no servidor2 e fazer a coisa funcionar ? colocar este código no sevidor1 <?php $a=7; $b=5; $resultado = $a*$b; ?> colocar este código no sevidor2 <?php print $resultado; ?>

Olá pessoal. O exemplo abaixo imprime a quantidade de linhas que tem na tab1 e tab2. Como faço para imprimir a quantidade de tabelas que tem no bancoTete) ? tab1 id cor 1 green 2 blue 3 red <?php $sqlVF = mysqli_query($KJZcon, "SELECT * FROM tab1 "); $rows = mysqli_num_rows($sqlVF); print $rows; ?> tab2 id carro 1 fiat 2 gol <?php $sqlVF = mysqli_query($KJZcon, "SELECT * FROM tab2 "); $rows = mysqli_num_rows($sqlVF); print $rows ?>

Olá pessoal. Ao rolar o scroll a div azul some. Como fazer a div verde aparecer quando a div azul sair de cena? <style> *{margin: 0; padding: 0;} #azul{ max-width: 500px; margin: auto; height: 100px; background-color: blue; } #verde{ max-width: 500px; margin: auto; background-color:green; display: block; position: fixed; top: 0; position: sticky; position: -webkit-sticky; } .espaco{ height: 50px; margin: 500px 0px; border: 1px solid orange; } </style> ... <div id="azul" > Azul </div> <div id="verde"> verde </div> <p id="p2">teste</p> <div class="espaco"></div> ... <script> window.onscroll = function() { arrastar() }; // document.getElementById("verde").style.display="none"; function arrastar(){ var ggScroll = 100; // if(ggScroll==100) // var x = document.getElementById("verde").style.display="block"; let tete = document.body.scrollTop; document.getElementById("p2").innerHTML = tete; } </script>

Olá pessoal. O código abaixo faz multiplos cadastro com checkbox, mas tem um problema. Se deixar marcado somente checkbox verde e amarelo cadastra normalmente as duas cores, mas no banco de dados é inserido 4 registros ao invés de dois registros. Onde está o erro pessoal? Obrigado ! tab_aprendiz id cores 1 verde 2 amarelo 3 4 ... <?php if(isset($_POST["Salvar"])){?> <?php $quantidadeDeRegistro=4; for($i=0; $i<$quantidadeDeRegistro; $i++): ?> <?php @$cores = $_POST['cores']; ?> <?php $sqlVF = mysqli_query($ggCon, "INSERT INTO tab_aprendiz ( cores )VALUES( '".$cores[$i]."' )"); ?> <?php endfor; print "cadastro realizado com sucesso !"; ?> <?php } ?> <form action="pagina1.php" method="post" > 38<input type="checkbox" name="cores[]" value="verde" > <br> 40<input type="checkbox" name="cores[]" value="amarelo" > <br> 42<input type="checkbox" name="cores[]" value="azul" > <br> 44<input type="checkbox" name="cores[]" value="branco" > <br><br> <input type="submit" name="Salvar" value="Salvar"> </form>

Olá pessoal. O código abaixo está funcionando normalmente, pressione calcular e veja o resultado. Mais tem um problema: O cep do comprador está diretamente no código, isso é ruim. Gostaria que o comprador digitasse seu cep no campo input e quando pressionasse calcular, imprimisse o valor do frete na mesma página .. <?php $cepDoLogista = "35482657"; $cepDoComprador = "25152027"; // DADOS DO PRODUTO A SER ENVIADO $peso = 1; $valor = 100; $tipo_do_frete = '41106'; $altura = 6; $largura = 50; $comprimento = 50; $url = "http://ws.correios.com.br/calculador/CalcPrecoPrazo.aspx?"; $url .= "nCdEmpresa="; $url .= "&sDsSenha="; $url .= "&sCepOrigem=" . $cepDoLogista; $url .= "&sCepDestino=" . $cepDoComprador; $url .= "&nVlPeso=" . $peso; $url .= "&nVlLargura=" . $largura; $url .= "&nVlAltura=" . $altura; $url .= "&nCdFormato=1"; $url .= "&nVlComprimento=" . $comprimento; $url .= "&sCdMaoProria=n"; $url .= "&nVlValorDeclarado=" . $valor; $url .= "&sCdAvisoRecebimento=n"; $url .= "&nCdServico=" . $tipo_do_frete; $url .= "&nVlDiametro=0"; $url .= "&StrRetorno=xml"; $xml = simplexml_load_file($url); $frete = $xml->cServico; $aluno = "<h1>Valor do frete: R$ ".$frete->Valor." <br> Prazo: ".$frete->PrazoEntrega." dias</h1>"; ?> ... <div class="div_1"> <form action="" autocomplete="on" > Digite Seu CEP <br> <!-- <input type="text" id="cepDoComprador" name="cepDoComprador"> <br> --> <input type="button" onclick="calculo();" value="Calcular"> </form> </div> <div id="retorno"> </div> .. <script> function calculo(){ document.getElementById('retorno').innerHTML="<?=$aluno?>"; } </script>

Olá pessoal. Temos EX1 e EX2. Como fazer EX2 imprimir o mesmo resultado que EX1? EX1 <select size="6"> <option> tete1 </option> <option> green </option> <option> blue </option> <option> tete2 </option> <option> red </option> <option> orange</option> </select> ... EX2 <select size="6"> <?php for($i=1; $i<=6; $i++){?> <option> tete<?=$i?> </option> <?php }?> </select>

Olá pessoal. No vs code meus arquivos ficam na ordem alfabética assim arquivo1.php arquivo2.php arquivo3.php arquivo4.php arquivo5.php Existe alguma extensão que possa instalar no vs code para que seja possível mover por exemplo arquivo2 para primeira posição ou a posição que desejar?

Oá pessoal. Estou tentando fazer o seguinte: 1º clicar no item1 e criar input1 e depois 2º clicar no item2 e criar input2 e remover input1 e depois 3º clicar no item1 e criar input1 e remover input2 escolha um item<br> <select style="width:200px;" id="select1" size="3" onchange="funcitem1(); funcitem2();"> <option value=""></option> <option value="item1">item1</option> <option value="item2">item2</option> </select> <div class="dentroDaDiv1" id="dentroDaDiv1" > </div> <div class="dentroDaDiv2" id="dentroDaDiv2" ></div> <script> function funcitem1(){ var itemSelecionado = document.getElementById("select1").value; if(itemSelecionado == "item1"){ const input1 = document.createElement("input"); input1.id = "input1"; input1.className = "input1"; input1.value = "input1"; const dentroDaDiv2 = document.getElementById("dentroDaDiv2"); dentroDaDiv2.appendChild(input1); } } function funcitem2(){ var itemSelecionado = document.getElementById("select1").value; if(itemSelecionado == "item2"){ const input2 = document.createElement("input"); input2.id = "input2"; input2.className = "input2"; input2.value = "input2"; const dentroDaDiv2 = document.getElementById("dentroDaDiv2"); dentroDaDiv2.appendChild(input2); } // if(itemSelecionado == "item2"){ // const element = document.getElementById("input2"); // element.remove(); // } } </script>

Olá pessoal. Estou tentando ocultar o primeiro registro da linha ref com regra if ao invés de usar LIMIT 1,9 é possível? tab_aprendiz cores ref 1cor 333 2cor 333 3cor 333 4cor 444 5cor 444 6cor 444 7cor 555 8cor 555 9cor 555 <?php // $sql = mysqli_query($con, "SELECT * FROM tab_aprendiz WHERE ref = '333' LIMIT 1,9 "); $sql = mysqli_query($con, "SELECT * FROM tab_aprendiz WHERE ref = '333' "); $row=mysqli_num_rows($sql); while($linha = mysqli_fetch_array($sql)){ @$cores = $linha['cores']; ?> <!-- if(){} --> <?php echo $cores;?> <br> <?php }?>

Olá pessoal. A expressão regular abaixo forca a digitar na ordem dois números e duas letras. Como deixar flexível e permitir que digite em qualquer ordem dois números e duas letras? <?php $string = "17rb"; $regra = '/^[0-9]{2,2}[a-z]{2,2}$/i'; if(preg_match($regra, $string) == true){ print "correto"; } else{ print"incorreto"; } ?>

Olá pessoal. Estou tentando fazer o seguinte: Se começar clicando em item1 o código cria input1 e input2 ou se começar clicando em azul o código cria input2. A ideia é ficar somente nisso: verde cria input1 e input2 e azul cria input2, mas se input2 já tiver sido criado não precisa criar novamente. O problema é que se ficar clicando em verde e azul várias vezes não para de criar inputs. Como resolver isto? selecione uma cor <br> <select required id="select1" size="1" onchange="funcToto()"> <option value=""></option> <option value="item1">item1</option> <option value="item2">item2</option> </select> <div class="dentroDaDiv1" id="dentroDaDiv1"> </div> <div class="dentroDaDiv2" id="dentroDaDiv2"></div> <br><br><br> <script> function funcToto(){ const itemSelecionado = document.getElementById("select1"); if(itemSelecionado.value == "item1" ){ const input1 = document.createElement("input"); input1.id = "input1"; input1.className = "input1"; input1.value = "input1"; const dentroDaDiv1 = document.getElementById("dentroDaDiv1"); dentroDaDiv1.appendChild(input1); const input2 = document.createElement("input"); input2.id = "input2"; input2.className = "input2"; input2.value = "input2"; const dentroDaDiv2 = document.getElementById("dentroDaDiv2"); dentroDaDiv2.appendChild(input2); } else if(itemSelecionado.value == "item2"){ const input1 = document.getElementById("input1"); input1.remove(); } } </script>

Olá pessoal. Ao selecionar item1 como exibir o nome aluno dentro dos cinco values abaixo? <select name="" id="id1" onchange="funcAprendiz(); " > <option value=""></option> <option value="item1">item1</option> </select> <input type="text" name="nome" class="toto" readonly id="toto" value="" > <input type="text" name="email" class="toto" readonly id="toto" value="" > <input type="text" name="tel" class="toto" readonly id="toto" value="" > <input type="text" name="cep" class="toto" readonly id="toto" value="" > <input type="text" name="end" class="toto" readonly id="toto" value="" > <script> function funcAprendiz(){ var itemSelecionado = document.getElementById('id1'); //var tete = document.getElementById('toto'); var ggInput = document.querySelector(".toto"); for(var i=0; i<ggInput.length; i++){ ggInput[$i]; } if(itemSelecionado.value == "item1"){ ggInput.value = "aluno"; } if(itemSelecionado.value == ""){ ggInput.value = ""; } } </script>

Olá pessoal. Como exibir dentro do textarea colunas e linhas da tabela ? <textarea name="obs" id="id1" > <table contenteditable="true" id="myTable"> <tr> <td>cell 1</td> <td>cell 1</td> <td>cell 1</td> </tr> <tr> <td>cell 1</td> <td>cell 1</td> <td>cell 1</td> </tr> <tr> <td>cell 1</td> <td>cell 1</td> <td>cell 1</td> </tr> </table> </textarea> <script> var x = document.getElementById("id1"); </script>

Olá pessoal. Ao clicar no botão e abrir o console teclando f12, quero muito ver este resultado: <span style="font-size:30px;">conteudo</span> ... <button onclick="myFunction()">click</button> <textarea id="myDIV"> texto</textarea> <script> function myFunction() { //cria o elemento const para = document.createElement("span"); // para.setAttribute("style", "font-size:30px"); //adiciona o conteudo const node = document.createTextNode(""); // acrescenta nó ao elemento para.appendChild(node); // anexa o elemento ao corpo var mmm = document.getElementById("myDIV"); mmm.appendChild(para); } </script>

Olá pessoal . <span style="color:blue">texto</span> está dentro do textarea. Como exibir somente o texto na cor azul dentro do textarea com javascript ? <textarea id="idRR" name="obs"> <span style="color: blue;">texto</span> </textarea> <script> const x = document.getElementById("idRR"); </script>

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>

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>