Jump to content

Search the Community

Showing results for tags 'javascript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2212 results

  1. Wanderson Moreira

    While com valores do banco de dados

    boa tarde! como faço para fazer um while com as linhas de uma tabela do banco de dados? preciso retornar todos os usuários de uma tabela no meu código atual ele busca o valor da tabela mas apenas 1 linha estou fazendo uma aplicação em electron então não da pra usar PHP <script> $sql = 'SELECT * FROM `usuarios`'; connection.query($sql, function (error, results, fields) { if (error) throw error; console.log(results); $('.nome-lista').text(results[0].nome); }); connection.end(); </script> //imprimir nome <div class="nome-lista"></div>
  2. Cabidelli

    [AJUDA] Site não lê arquivos .js

    Olá, criei meu site a partir de um template e tudo funcionava normal. Quando precisei alterar o site de servidor ele parou de ler os arquivos .js. Não consigo entender o motivo se os arquivos estão lá no código do site. Gostaria de pedir ajuda de algum de vocês deste fórum. Peço que analisem o código do meu site e me informem o motivo de não estar carregando os arquivos .js para que eu possa resolver. Conto com vocês. Obrigado: http://cabidelli.com/
  3. arleyfroes

    Gráfico JS com dados MYSQL

    Boa Tarde, eu tenho o seguinte código com os dados do gráfico inseridos na mão: <html> <head> <script type="text/javascript" src="js/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['TimeStamp', 'FT001', 'FT002'], ['2019-04-10 10:24:09', 300, 400], ['2019-04-10 10:25:09', 600, 460], ['2019-04-10 10:26:09', 500, 1120], ['2019-04-10 10:27:09', 550, 540] ]); var options = { title: 'Company Performance', hAxis: {title: 'TimeStamp', titleTextStyle: {color: '#333'}}, vAxis: {minValue: 0}, backgroundColor: '#E4E4E4', }; var chart = new google.visualization.AreaChart(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style="width: 100%; height: 500px"></div> </body> </html> gostaria de saber como busco os dados do Banco de Dados Mysql.
  4. Rodrigo F

    ajuda com php

    olá boa noite , gostaria de saber se esta informação que irei apresentar se é mesmo real e pode mesmo vir a funcionar , a questão é a seguinte um user registava-se no banco de dados e logo automaticamente ja tinha criado um pasta e um subdominio isso tudo automatico feito por um simples registo , isto é necessario php e js fazer o sistema registo é facil já o tenho feito só nao sei como é que faço a parte de criar uma pasta automatica e como cria um subdominio com o nome do user automatico : gostaria imenso de saber se isso funciona assim atentamente Rodrigo Ferreira
  5. Galera, é o seguinte. Estou criando meu site todo em ancoras(na verdade só falta isso para terminar). Inicio, sobre, Serviços, e Contato. Quando clico em cada link do menu principal, esse link me encaminha para o respectivo local dentro da página, sendo assim, clicando em contato eu desco o site inteiro até a ultima seção. Nesta Seção eu criei um formulário, com os campos: Nome, email, Telefone, Cidade e mensagem, e abaixo eu coloquei o botão enviar. No arquivo php eu recebo os dados, encaminho ao meu email, e redireciono para a pagina de obrigado. Neste caso, quando eu clico no botão de submit, este botão me envia o email contendo os dados e abre uma pagina diferente da que estou com a mensagem obrigado. O que eu quero é: Que quando eu clicar no botão submit, essa mensagem de obrigado apareça no mesmo local que eu estou na página principal. Ou seja, clicar no botão enviar, o formulário sumir e no lugar dele aparecer uma mensagem de obrigado, sem atualizar o site principal que eu estou. Segue codigo HTML: <form action="enviacontato.php" class="form-contact" name="form" method="post" tabindex="1"> <input type="text" class="form-contact-input" name="nome" placeholder="Nome" required /> <input type="email" class="form-contact-input" name="email" placeholder="E-mail" required /> <input type="tel" class="form-contact-input-menor" maxlength="15" id="telefone" name="telefone" placeholder="Telefone" required /> <input type="text" class="form-contact-input-menor" name="cidade" placeholder="cidade" /> <textarea class="form-contact-textarea" name="mensagem" placeholder="Deixe uma mensagem" required></textarea> <button type="submit" class="form-contact-button">Enviar</button> </form> Segue o Código PHP: <? $destinatario = "email@email.com"; $nome = $_REQUEST['nome']; $email = $_REQUEST['email']; $telefone = $_REQUEST['telefone']; $cidade = $_REQUEST['cidade']; $mensagem = $_REQUEST['mensagem']; $assunto = "Contato Site"; $body = "===================================" . "\n"; $body = $body . "FALE CONOSCO - FORMULÁRIO DO SITE" . "\n"; $body = $body . "===================================" . "\n\n"; $body = $body . "Nome: " . $nome . "\n"; $body = $body . "Email: " . $email . "\n"; $body = $body . "Telefone: " . $telefone . "\n"; $body = $body . "Cidade: " . $cidade . "\n"; $body = $body . "Mensagem: " . $mensagem . "\n\n"; $body = $body . "===================================" . "\n"; mail($destinatario, $assunto , $body, "From: $email\r\n"); header("location:obrigado.html"); ?> Então é isso galera, espero que me ajudem, Vale =D
  6. André_Maronne

    Como inicializar o player automaticamente

    Olá pessoal, estou com seguinte problema, gostaria de inicializar o play do meu player automaticamente, ou seja, disparar o comando play , através do código abaixo, function registerKeyHandler() { document.addEventListener('keydown', function (e) { switch (e.keyCode) { case 13: // Enter player.toggleFullscreen(); break; case 10252: // MediaPlayPause case 415: // MediaPlay case 19: player.playPause(); break; case 413: // MediaStop player.stop(); break; case 48: //Key 0 log(); break; case 49: //Key 1 setUhd(); break; case 50: //Key 2 player.getTracks(); break; case 51: //Key 3 player.getProperties(); break; case 10009: // Return if (webapis.avplay.getState() !== 'IDLE' && webapis.avplay.getState() !== 'NONE') { player.stop(); } else { tizen.application.getCurrentApplication().hide(); } break; default: log("Unhandled key"); } }); }
  7. VCastilho

    Filtro Personalizado JavaScript

    Bom Dia Estou desenvolvendo um Filtro Personalizado, no qual vou criando um arvore com o cliente e assim o levando ate o objetivo dele Segue o link do filtro: https://github.com/VCastilho/filtro Porém chego até o "2 Câmeras" e o filtro não funciona mais, já revisei, coloquei o JS em validadores e não achei o erro, poderiam me dar uma ajuda? Atenciosamente Vinicius Castilho
  8. Tenho um cod javascript pra enviar via ajax dados de dois forms pra uma pagina.php que envia pro banco de dados, tudo funciona bem. porem ao ter adicionado um codigo pra atualizar uma div contendo boa oparte do site inclusive os formularios, o código e o carregamento normal da p´[agina ficam lentos, e atualiza normal tbm de tempos em tempos determinados, mas com esse conflito tbm acontece que se clico no submit, e aperto f5 ou simplesmente faço recarregamento manual da página toda, aparece caixa de texto dizendo que essa página já enviou dados e tal. Como resolver esse conflito . meu teclado nao tem interrogação configurado. Abaixo coloco os codigos javascript e PHP : // start of PLAYER PLAY AND BUTTON CHANGES WHEN PRESSED function aud_play_pause() { var radiorockfm = document.getElementById("radiorockfm"); if (radiorockfm.paused) { $('#radiorockfmicon').removeClass('.button'); $('#radiorockfmicon').addClass('paused'); radiorockfm.play(); } else { $('#radiorockfmicon').removeClass('paused'); $('#radiorockfmicon').addClass('.button'); radiorockfm.pause(); } } // end of PLAYER PLAY AND BUTTON CHANGES WHEN PRESSED //<script type="text/javascript" > // Liking songs user_ip $(function () { $(".button_like_song").click(function (event) { var songID = $("#songID").val(); var artist_liked = $("#artist_liked").val(); var title_liked = $("#title_liked").val(); var liked = $("#liked").val(); var song_date_rated = $("#song_date_rated").val(); var song_date_played = $("#song_date_played").val(); var song_duration = $("#song_duration").val(); var current_user_ip = $("#current_user_ip").val(); var dataString = 'songID=' + songID + '&artist_liked=' + artist_liked + '&title_liked=' + title_liked + '&liked=' + liked + '&song_date_rated=' + song_date_rated + '&song_date_played=' + song_date_played + '&song_duration=' + song_duration + '&current_user_ip=' + current_user_ip; console.log(dataString); if (songID == '' || artist_liked == '' || title_liked == '' || liked == '' || song_date_rated == '' || song_date_played == '' || song_duration == '' || current_user_ip == '') { $('.success').fadeOut(200).hide(); $('.error').fadeOut(200).show(); } else { $.ajax({ type: "POST", url: "get_likes.php", data: dataString, success: function (data) { $('.success').fadeIn(200).show(); $('.error').fadeOut(200).hide(); $("#feedback_message").html(data); } }); } event.preventDefault(); }); }); //</script> //<script type="text/javascript" > // Disliking songs $(function () { $(".button_dislike_song").click(function (event) { var songID_disliked = $("#songID_disliked").val(); var artist_disliked = $("#artist_disliked").val(); var title_disliked = $("#title_disliked").val(); var disliked = $("#disliked").val(); var song_date_disliked = $("#song_date_disliked").val(); var song_date_played_disliked = $("#song_date_played_disliked").val(); var song_duration_disliked = $("#song_duration_disliked").val(); var current_user_ip_disliked = $("#current_user_ip_disliked").val(); var dataString = 'songID_disliked=' + songID_disliked + '&artist_disliked=' + artist_disliked + '&title_disliked=' + title_disliked + '&disliked=' + disliked + '&song_date_disliked=' + song_date_disliked + '&song_date_played_disliked=' + song_date_played_disliked + '&song_duration_disliked=' + song_duration_disliked + '&current_user_ip_disliked=' + current_user_ip_disliked; console.log(dataString); if (songID_disliked == '' || artist_disliked == '' || title_disliked == '' || disliked == '' || song_date_disliked == '' || song_date_played_disliked == '' || song_duration_disliked == '' || current_user_ip_disliked == '') { $('.success').fadeOut(200).hide(); $('.error').fadeOut(200).show(); } else { $.ajax({ type: "POST", url: "get_dislikes.php", data: dataString, success: function (data) { $('.success').fadeIn(200).show(); $('.error').fadeOut(200).hide(); $("#feedback_message").html(data); } }); } event.preventDefault(); }); }); //</script> //REFRESHING DIV AUTOMATICALLY TO CHANGE ARTIST DETAILS: setInterval("my_function();",60000); function my_function(){ $('.playing_track').load(location.href + ' .playing_track'); } //------------------------------------------------------------ PHP: <?php function convertTime($seconds) { $sec = $seconds; // Time conversion $hours = intval(intval($sec) / 3600); $padHours = True; $hms = ($padHours) ? str_pad($hours, 2, "0", STR_PAD_LEFT). ':' : $hours. ':'; $minutes = intval(($sec / 60) % 60); $hms .= str_pad($minutes, 2, "0", STR_PAD_LEFT). ':'; $seconds = intval($sec % 60); $hms .= str_pad($seconds, 2, "0", STR_PAD_LEFT); return $hms; } ?> <div class="main_table" > <?php db_conn(); $query = "SELECT `ID`, `date_played`, `artist`, `title`, `duration` FROM `history` WHERE `song_type` = 0 ORDER BY `date_played` DESC LIMIT 0," . ($resLimit+1); $result = mysqli_query(@$opened_db, $query); if (!$result) { echo mysqli_error(); exit; } if (mysqli_num_rows($result) == 0) { exit; } $inc = 0; while($row = mysqli_fetch_assoc($result)) { if ($inc == 0) { //Like or Dislike songs (Rating Script) $receivelikespage = "";//"get_likes.php"; //Use adress only tosend with refresh. $receivedislikespage = ""; //"recebe_dislikes.php"; //Use adress only tosend with refresh. $songid = htmlspecialchars($row['ID'], ENT_QUOTES); $artist_now_playing = htmlspecialchars($row['artist'], ENT_QUOTES) ; $title_now_playing = htmlspecialchars($row['title'], ENT_QUOTES); $song_duration = convertTime($row['duration']); $song_date_played = date('Y.m.d h:i:s', strtotime($row['date_played'])); $song_date_rated = date('Y.m.d h:i:s'); $artista_da_biografia = $artist_now_playing; $ch = curl_init(); $artist = strtolower("$artista_da_biografia"); $fields = array('method' => 'artist.getInfo', 'artist' => $artist, 'api_key' => $lastfm_apikey, 'lang' => 'pt'); $fields_string = ""; foreach($fields as $key=>$value) { $fields_string .= $key.'='.$value.'&'; } rtrim($fields_string,'&'); curl_setopt($ch, CURLOPT_TIMEOUT, 10); curl_setopt($ch, CURLOPT_URL, 'http://ws.audioscrobbler.com/2.0/'); curl_setopt($ch, CURLOPT_POST, true); curl_setopt($ch, CURLOPT_POSTFIELDS, $fields_string); curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/4.0 (compatible; MSIE 5.01; Windows NT 5.0)"); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); $response = curl_exec($ch)or die( curl_error($ch) ); curl_close($ch); $s = simplexml_load_string($response); //================================PARTIAL END OF SHOWING ARTIST IMAGE WITH LAST FM API================================// //=========NOW PLAYING IMAGE AND INFO======================== echo "<div class=\"coming_up_next_form\">"; echo "</div>"; echo "<div class=\"playing_track\">"; echo "<div id=\"first_live_stat\">"; echo "<div id =\"logo_live_stat\"><div id =\"logo_live_stat_image\"></div></div>"; echo "<p class=\"header_live\"> BIOGRAPHY </p>\n"; ?> <div id="artist_bio"><p><?php echo nl2br(strip_tags($s->artist->bio->content)); ?></p></div> <?php echo "</div>"; ?> <div class="img_now_playing_artist"> <h1 style="text-transform:uppercase;"><?php //print $artist; ?></h1> <img class="now_playing_img" src="<?php print $s->artist->image[3]; ?>" alt="<?php print $artist; ?>" /> </div> <?php echo "<div id=\"now_playing_text_and_buttons\">"; echo "<table class=\"coming_up_next\">" . "\n"; echo " <tr>" . "\n"; echo " <td class=\"header_live\">NOW PLAYING</td>\n"; echo " </tr>" . "\n"; echo "<tr><td><div id=\"now_playing_text\"><strong>" . htmlspecialchars($row['artist'], ENT_QUOTES) . " </strong><br/> " . htmlspecialchars($row['title'], ENT_QUOTES) . "</div></td></tr>"; echo "<div id=\"like_buttons\">"; echo "<form id=\"thumb_up\" name=\"like\" action=\"$receivelikespage\" onsubmit=\"like()\" method=\"post\">"; echo " <input type=\"hidden\" value=\"$songid\" id=\"songID\" name=\"songID\"/>\n"; echo " <input type=\"hidden\" value=\"$artist_now_playing\" id=\"artist_liked\" name=\"artist_liked\"/>\n"; echo " <input type=\"hidden\" value=\"$title_now_playing\" id=\"title_liked\" name=\"title_liked\"/>\n"; echo " <input type=\"hidden\" value=\"1\" id=\"liked\" name=\"liked\"/>\n"; echo " <input type=\"hidden\" value=\"$song_date_rated\" id=\"song_date_rated\" name=\"song_date_rated \"/>\n"; echo " <input type=\"hidden\" value=\"$song_date_played\" id=\"song_date_played\" name=\"song_date_played\"/>\n"; echo " <input type=\"hidden\" value=\"$song_duration\" id=\"song_duration\" name=\"song_duration\"/>\n"; echo " <input type=\"hidden\" value=\"$current_user_ip\" id=\"current_user_ip\" name=\"current_user_ip\"/>\n"; echo " <button type=\"submit\" value=\"submit\" class=\"button_like_song\" id=\"button_like_song\" name=\"submit\"><div id=\"up\"></div></button>\n"; echo "</form>"; echo "<form id=\"thumb_down\" name=\"dislike\" action=\"$receivedislikespage\" onsubmit=\"dislike()\" method=\"post\">"; echo " <input type=\"hidden\" value=\"$songid\" id=\"songID_disliked\" name=\"songID\"/>\n"; echo " <input type=\"hidden\" value=\"$artist_now_playing\" id=\"artist_disliked\" name=\"artist_disliked\"/>\n"; echo " <input type=\"hidden\" value=\"$title_now_playing\" id=\"title_disliked\" name=\"title_disliked\"/>\n"; echo " <input type=\"hidden\" value=\"-1\" id=\"disliked\" name=\"disliked\"/>\n"; echo " <input type=\"hidden\" value=\"$song_date_rated\" id=\"song_date_disliked\" name=\"song_date_rated\"/>\n"; echo " <input type=\"hidden\" value=\"$song_date_played\" id=\"song_date_played_disliked\" name=\"song_date_played\"/>\n"; echo " <input type=\"hidden\" value=\"$song_duration\" id=\"song_duration_disliked\" name=\"song_duration\"/>\n"; echo " <input type=\"hidden\" value=\"$current_user_ip\" id=\"current_user_ip_disliked\" name=\"current_user_ip\"/>\n"; echo " <button type=\"submit\" value=\"submit\" class=\"button_dislike_song\" id=\"button_dislike_song\" name=\"submit\"><div id=\"down\"></div></button>\n"; echo "</form></td></tr>"; echo "<span id=\"feedback_message\"></span></div>"; echo " <div id=\"player_radio_rock_fm\">"; echo " <audio id=\"radiorockfm\">"; echo " <source src=\"http://stream.zenolive.com/ne5c3p44puquv\" type=\"audio/mp3\">"; //echo " <source src=\"radiorockfm_desktop.m3u\" type=\"audio/m3u\">"; //echo " <source src=\"radiorockfm_desktop.pls\" type=\"audio/pls\">"; //echo " <source src=\"http://stream.zenolive.com/ne5c3p44puquv.m3u\" type=\"audio/m3u\">"; //echo " <source src=\"http://stream.zenolive.com/ne5c3p44puquv.pls\" type=\"audio/pls\">"; echo " Your browser does not support the audio element."; echo " </audio>"; echo " <button id=\"radiorockfmicon\" class=\"button\" onclick=\"aud_play_pause()\" type=\"button\"></button>"; echo " <span class=\"text_vol\">VOL</span>"; echo " <input type=\"range\" list=\"tickmarks\" class=\"volumebutton\" min=\"0\" value=\"0.5\" max=\"1\" step=\"0.1\" onchange=\"document.getElementById('radiorockfm').volume=this.value\">"; echo " </div>"; // echo "<tr><td><div class=\"coming_up_next_form_backdiv\">"; // echo "</div></td></tr>"; $shuffleQuery = null; If ($shufleUpcoming == True) { $shuffleQuery = " ORDER BY RAND()"; } $nextquery = "SELECT songs.ID, songs.artist, queuelist.songID FROM songs, queuelist WHERE songs.song_type=0 AND songs.ID=queuelist.songID" . $shuffleQuery . " LIMIT 0," . $nextLimit; $resultx = mysqli_query(@$opened_db, $nextquery); if (!$resultx) { echo mysqli_error(); exit; } if (mysqli_num_rows($resultx) > 0) { // If there tracks in the playlist, we show them $inc = 0; echo " <tr>" . "\n"; echo " <td class=\"header_live\"> COMING UP NEXT </td>\n"; echo " </tr>" . "\n"; while($rowx = mysqli_fetch_array($resultx)) { //================================SHOWING ARTIST IMAGE WITH LAST FM API CURL CODE- IN LAST RECENTPLY PLAYED================================// $ch = curl_init(); $next_artist = htmlspecialchars($rowx['artist'], ENT_QUOTES); $artist = strtolower("$next_artist"); $fields = array('method' => 'artist.getInfo', 'artist' => $artist, 'api_key' => $lastfm_apikey, 'lang' => 'pt'); $fields_string = ""; foreach($fields as $key=>$value) { $fields_string .= $key.'='.$value.'&'; } rtrim($fields_string,'&'); curl_setopt($ch, CURLOPT_TIMEOUT, 10); curl_setopt($ch, CURLOPT_URL, 'http://ws.audioscrobbler.com/2.0/'); curl_setopt($ch, CURLOPT_POST, true); curl_setopt($ch, CURLOPT_POSTFIELDS, $fields_string); curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/4.0 (compatible; MSIE 5.01; Windows NT 5.0)"); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); $response = curl_exec($ch)or die( curl_error($ch) ); curl_close($ch); $s = simplexml_load_string($response); //================================PARTIAL END OF SHOWING ARTIST IMAGE WITH LAST FM API CODE - IN LAST RECENTPLY PLAYED================================// //==================COMING SOON ARTISTS================= ?> <tr><td><p class="coming_up_next_contend"><img style="width:40px; position: relative;" src="<?php print $s->artist->image[1]; ?>" alt="<?php print $artist; ?>" /> <?php echo "<span class=\"next_artist_text\">" . htmlspecialchars($rowx['artist'], ENT_QUOTES) . "</span></p></td></tr>"; //if the current track is not the last, we put a separator if ($inc < (mysqli_num_rows($resultx) -1)) { echo " "; } $inc += 1; } echo "</table>" . "\n"; } echo "</div>\n"; echo "<table class=\"now_playing_recently_played\" border=\"0\" cellspacing=\"0\" cellpadding=\"5\">"; if ($resLimit > 0) { echo " <tr>" . "\n"; echo " <td class=\"header_live\"> RECENTLY PLAYED</td>\n"; echo " </tr>" . "\n"; } } else { if ($resLimit > 0) { $ch = curl_init(); $rec_played_artist = htmlspecialchars($row['artist'], ENT_QUOTES); $artist = strtolower("$rec_played_artist"); $fields = array('method' => 'artist.getInfo', 'artist' => $artist, 'api_key' => $lastfm_apikey, 'lang' => 'pt'); $fields_string = ""; foreach($fields as $key=>$value) { $fields_string .= $key.'='.$value.'&'; } rtrim($fields_string,'&'); curl_setopt($ch, CURLOPT_TIMEOUT, 10); curl_setopt($ch, CURLOPT_URL, 'http://ws.audioscrobbler.com/2.0/'); curl_setopt($ch, CURLOPT_POST, true); curl_setopt($ch, CURLOPT_POSTFIELDS, $fields_string); curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/4.0 (compatible; MSIE 5.01; Windows NT 5.0)"); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); $response = curl_exec($ch)or die( curl_error($ch) ); curl_close($ch); $s = simplexml_load_string($response); echo " <tr>" . "\n"; echo " <td class=\"now_playing_recently_played_td\">" ;?> <img src="<?php print $s->artist->image[2]; ?>" alt="<?php print $artist; ?>" /> <?php echo "<div class=\"rec_played_texto\"><span class=\"title_rec_played\">" . htmlspecialchars($row['title'], ENT_QUOTES) . "</span><br/><span class=\"artist_rec_played\">" . htmlspecialchars($row['artist'], ENT_QUOTES) . " </span><br/><span class=\"date_rec_played\">" . date('H:i:s', strtotime($row['date_played'])) . "</span></div></td>\n"; echo " </tr>" . "\n"; } } $inc += 1; } echo "</table>"; @mysqli_free_result($result); db_close($opened_db); ?> </div></div> ?> Código PHP resumindo a principal parte: Essa div class="playing-track"> essa div que está obviamente sendo recarregada sem refresh em toda a página, porém parece dar conflito com o ajax que envia os dados desses dos formularios, e pior após apertar o submit, se recarregar manualmente a janela, asparece mensagem dizendo que conteudo recarregado já foi enviado ou algo assim, vcs devem saber do que tou falando. Tah f***, o jeito foi positionar em outro lutar e bagunçar meu layout, mas gostaria de entender pq isso acontece, e tentar repositionar para criar um layout abnsoluto em cima da ideia do site que eh este:
  9. function funcao() { var indice = document.getElementById("seletor").selectedIndex; <?php $indice = echo "<script>document.write(indice)</script>"; $item = array(); $item = $itens[$indice]; echo "ITEM: $item[0]"; ?> } O problema é que eu não consigo passar esse valor do indice do javascript pro php, esse indice é de um <select> ele muda cada vez que um novo <option> é selecionado. Eu quero popular os campos com valores do banco de dados, por isso preciso do indice, pra saber quais valores buscar no banco.
  10. Artes Ussler

    Verificar e-mail com validação

    Olá! Tenho este código (validação.js): $("#formulario").validate({ ignore: ".ignore", rules: { nome:{required: true}, usuario:{required: true}, senha:{required: true, minlength:6}, email:{required: true, email: true}, confirma:{ required: true, equalTo: "#password"}, }, messages: { senha:{minlength:"A senha deve ter pelo menos 6 caracteres"}, confirma:{equalTo: "Senhas não conferem!"}, } }); Funciona muito bem, mas preciso acrescentar que somente poderão ser aceitos e-mails de um determinado domínio, ou seja, só podem ser aceitos e-mails com @fulano.com.br e @ciclano.com.br, apenas usando como exemplo. Fico grato se alguém puder me ajudar nisso.
  11. programadorweb2016

    setAttributeNode is not defined comando for

    function atira(x0,y0,x1,y1,x2,y2,x3,y3,x4,y4,x5,y5,x6,y6){ var t = [], att = [], attt = []; for(var i=0; i<7; i++){ t[i] = document.createElement("div"); att[i] = document.createAttribute("class"); att[i].value = "tiroJog"; t[i] = setAttributeNode(att[i]); attt[i] = document.createAttribute("style"); attt[i].value = "top:"+y[i]+"px;left:"+x[i]+"px"; t[i].setAttributeNode(attt[i]); document.body.appendChild(t[i]); } } Boa noite, estou estudando javascript e implementando meus conhecimentos tentando criar jogos, ai me deparei com esse seguinte erro, vi no console e esta dando o seguinte erro setAttributeNode is not defined, ja tentei colocar as variaveis fora da funçao mas acho que isso não tem nada a ver pq só uso essas variaves nessa funçao, estou tentando a um tempao entender o motivo do erro, se alguem puder me explicar fico muito grato!?
  12. Rodrigo Ferreira Santos

    Enviar dados via php para preencher grafico JS !

    Salve lista, senhores estou montando um dashboard e ele tem varios graficos com a seguinte estrutura: try { //Sales chart var ctx = document.getElementById("sales-chart"); if (ctx) { ctx.height = 150; var myChart = new Chart(ctx, { type: 'line', data: { labels: ["2010", "2011", "2012", "2013", "2014", "2015", "2016"], type: 'line', defaultFontFamily: 'Poppins', datasets: [{ label: "Foods", data: [0, 30, 10, 120, 50, 63, 10], backgroundColor: 'transparent', borderColor: 'rgba(220,53,69,0.75)', borderWidth: 3, pointStyle: 'circle', pointRadius: 5, pointBorderColor: 'transparent', pointBackgroundColor: 'rgba(220,53,69,0.75)', }, { label: "Electronics", data: [0, 50, 40, 80, 40, 79, 120], backgroundColor: 'transparent', borderColor: 'rgba(40,167,69,0.75)', borderWidth: 3, pointStyle: 'circle', pointRadius: 5, pointBorderColor: 'transparent', pointBackgroundColor: 'rgba(40,167,69,0.75)', }] }, options: { responsive: true, tooltips: { mode: 'index', titleFontSize: 12, titleFontColor: '#000', bodyFontColor: '#000', backgroundColor: '#fff', titleFontFamily: 'Poppins', bodyFontFamily: 'Poppins', cornerRadius: 3, intersect: false, }, legend: { display: false, labels: { usePointStyle: true, fontFamily: 'Poppins', }, }, scales: { xAxes: [{ display: true, gridLines: { display: false, drawBorder: false }, scaleLabel: { display: false, labelString: 'Month' }, ticks: { fontFamily: "Poppins" } }], yAxes: [{ display: true, gridLines: { display: false, drawBorder: false }, scaleLabel: { display: true, labelString: 'Value', fontFamily: "Poppins" }, ticks: { fontFamily: "Poppins" } }] }, title: { display: false, text: 'Normal Legend' } } }); } } catch (error) { console.log(error); } Todos em um aquivo main.js eu chamo ele no html assim: <div class="col-lg-6"> <div class="au-card m-b-30"> <div class="au-card-inner"> <h3 class="title-2 m-b-40">Comparativo Visitante/Membros</h3> <canvas id="sales-chart"></canvas> </div> </div> </div> Meu problema e que estou usando um modelo ja pronto de dashboard e preciso setar dados neste grafico eu nao sei como fazer, vi na internet que eu preciso criar um arquivo json mas como faço para incorporar no js !
  13. s3c0

    [RESOLVIDO] DIV + JS

    Amigo, estou com um probleminha e não consigo resolver... já revirei a internet inteira, mas não encontrei nada parecido com o que preciso. A questão é o seguinte. Queria executar um comando JS assim que uma div aparecer na tela. Abaixo estou deixando os codes <script src="js/jquery.min.js" type="text/javascript"></script> <style> #progress { width:100%; height:20px; border: solid #808080 2px; border-radius: 5px; background-image: linear-gradient( 90deg, green, yellow, red ); } #processador{ width: 0%; height: 16px; background-color: rgba(0, 0, 0, 0.5); } #memoria{ width: 0%; height: 16px; background-color: rgba(0, 0, 0, 0.5); } #hd{ width: 0%; height: 16px; background-color: rgba(0, 0, 0, 0.5); } </style> Processador <span data-bind="Usage"><div id="progress"><div id="processador"></div></div><div style="text-align:right;">20%</div></span> Memória <span data-bind="Usage"><div id="progress"><div id="memoria"></div></div><div style="text-align:right;">50%</div></span> Hard Disk <span data-bind="Usage"><div id="progress"><div id="hd"></div></div><div style="text-align:right;">80%</div></span> JS <script type="text/javascript"> $("#processador").html(function(){ alert("ok"); var width = 1; var id = setInterval(frame, 10); var id2 = setInterval(frame2, 10); var id3 = setInterval(frame3, 10); function frame() { if (width >= 20) { clearInterval(id); } else { width++; document.getElementById("processador").style.width = width + '%'; } } function frame2() { if (width >= 50) { clearInterval(id2); } else { width++; document.getElementById("memoria").style.width = width + '%'; } } function frame3() { if (width >= 80) { clearInterval(id3); } else { width++; document.getElementById("hd").style.width = width + '%'; } } }); </script> A "animação" em si, está funcionando perfeitamente, porém ao carregar a página e não no momento em que a DIV aparece na tela
  14. VCastilho

    Função ao clicar no botão

    Boa Tarde Estou desenvolvendo um filtro que ao clicar nas opções, sobrepõe com novas opções e assim triando o meu publico aonde precisa Segue o código que desenvolvi: <!DOCTYPE html> <html> <body> <style> #filtrotopo { background: #484949; } } #h4topo { text-align: center; color: white; font-size: 18px; } #form1 section { display: flex; flex-wrap: wrap; justify-content: center; } h4 { } #form1 section label { display: flex; justify-content: center; align-items: center; margin: 0 10px; /* width: calc(100% / 5); */ color: red; text-align: center; } @media screen and (max-width:768px) { #form1 section label { margin-bottom: 20px; width: 100%; } } </style> <div id="minhaEscolha"></div> <div id = "filtrotopo"> <h4 style="text-align: center;" id="h4topo">Personalize</h4> <form action="#" id="form1"> <section> <label> <button onclick="exemplo1()"> exemplo1</button> </label> <label> <button onclick="exemplo2()"> exemplo2 </button> </label> </section> </form> <br> </div> <div id="teste1" style="display: none;"> <h3>Texto 1</h3> <p>Sou o Texto 1</p> <p>Tenho o nome de Texto 1</p> </div> <script> function exemplo1() { var x = document.getElementById("url"); var y = document.getElementById("minhaEscolha"); y.innerHTML = x.innerHTML; } </script> function exemplo2() { var x = document.getElementById("teste1"); var y = document.getElementById("minhaEscolha"); y.innerHTML = x.innerHTML; } <body> </html> Poderiam me ajudar a finalizar esse código? No caso ele coloca na parte de cima o texto que quero, mas no caso vou substituir com um outro filtro desse, e o Exemplo 1 esta com "url" pois quero enviar para uma pagina mas não consigo fazer essa chamada
  15. VCastilho

    Função ao clicar no botão

    Bom Dia Consegui da seguinte forma, mas com faço para que o código selecionado substitua o antigo? <!DOCTYPE html> <html> <body> <style> #filtrotopo { background: #484949; } } #h4topo { text-align: center; color: white; font-size: 18px; } #form1 section { display: flex; flex-wrap: wrap; justify-content: center; } h4 { } #form1 section label { display: flex; justify-content: center; align-items: center; margin: 0 10px; /* width: calc(100% / 5); */ color: red; text-align: center; } @media screen and (max-width:768px) { #form1 section label { margin-bottom: 20px; width: 100%; } } </style> <div id="minhaEscolha"></div> <div id = "filtrotopo"> <h4 style="text-align: center;" id="h4topo">Personalize</h4> <form action="#" id="form1"> <section> <label> <button onclick="exemplo1()"> exemplo1</button> </label> <label> <button onclick="exemplo2()"> exemplo2 </button> </label> </section> </form> <br> </div> <div id="teste1" style="display: none;"> <h3>Texto 1</h3> <p>Sou o Texto 1</p> <p>Tenho o nome de Texto 1</p> </div> <script> function exemplo1() { var x = document.getElementById("url"); var y = document.getElementById("minhaEscolha"); y.innerHTML = x.innerHTML; } </script> <script> function exemplo2() { var x = document.getElementById("teste1"); var y = document.getElementById("minhaEscolha"); y.innerHTML = x.innerHTML; } </script> <body> </html>
  16. Bom galera, meu problema é basicamente o que está no título.. Eu preciso capturar o valor de uma variável que está em um arquivo php e se o valor dela for true, preciso desabilitar um botão no html. por exemplo: validation.php <?php $fb_logged = true; teste.html <div class="text-center"> <button type="button" id="btn-login" class="entrar-botao"> entrar </button> </div> como posso fazer com que o botão acima fique desabilitado para o usuário caso a variável fb_logged seja igual a verdadeiro?
  17. Murillo.Ns

    Filtro Inteligente

    Estou tentando criar um filtro igual ao desse site: https://www.peixeurbano.com.br/ Alguém pode me ajudar?
  18. DunkMask

    carregando conteúdo sem refresh

    Olá, boa tarde. A fins de conhecimento, estou buscando por informações de como realizar a busca de uma arquivo html em uma pasta e realocar ele dentro de uma div dentro de uma index. Sei que é possivel fazer isso de forma muito mais simples via ajax/jquery, mas como eu disse, gostaria de conhecer a forma no javascript puro de se fazer isso. Alguém pode me dar uma luz de por onde começar? Em resumo criei um menu e quero que ao clicar neste menu o conteudo referente a ele seja aberto dentro de uma divina na minha página. desde já agradeço caso alguém possa me apontar um caminho para estudo.
  19. Amigos eu estou usando wordpress, conheço mais php, porém sei muito básico sobre javascript, e essa função só serviria para mim se ela for executada em javascript. Tenho um pagina HTML criada no wordpress, que vem com um link exemplo: http:meusite.com.br/pagina/?id=56 Nessa pagina tem um botão que deve ser dinâmico de acordo o link, onde ele vai levar para outra pagina, porém incluindo o id $_GET vindo da mesma: exemplo como deveria ficar o link do botão: http:meusite.com.br/pagina-final/?id=56 <a href="http://meusite.com.br/pagina-final/?id=$_GET[id]"> <img src="./botao.png"> </a> Esse ID muda dependendo do que vem na url da pagina Acho que deu para entender, eu explicaria melhor se fosse em php... kkkk Deste já agradeço!!
  20. Galera tô com um problema, tenho um formulário de newsletter do mailchimp que integrei em um site, porém preciso saber quando for uma resposta específica (quando um email já está cadastrado na lista) da variável data.msg, redirecione para uma página, porém não tô sabendo como pegar essa resposta específica porque ela muda de acordo com o email que foi digitado, então gostaria de saber como poderia estar resolvendo esse problema?? (function () { if (document.getElementsByTagName('form').length > 0) { document.getElementsByTagName('form')[0].addEventListener('submit', function (e) { e.preventDefault(); // Check for spam if(document.getElementById('js-validate-robot').value !== '') { return false } // Get url for mailchimp var url = this.action.replace('/post?', '/post-json?'); document.getElementById('js-subscribe-response').innerHTML = '<img src="load.gif">'; // Add form data to object var data = ''; var inputs = this.querySelectorAll('#js-form-inputs input'); for (var i = 0; i < inputs.length; i++) { data += '&' + inputs[i].name + '=' + encodeURIComponent(inputs[i].value); } // Create & add post script to the DOM var script = document.createElement('script'); script.src = url + data; document.body.appendChild(script); // Callback function var callback = 'callback'; window[callback] = function(data) { // Remove post script from the DOM delete window[callback]; document.body.removeChild(script); // aqui seria onde se o email já estiver cadastrado redirecionaria para a página que eu quisesse if(data.msg == 'esse email já foi cadastrado') { document.getElementById('js-subscribe-response').innerHTML = data.msg, document.getElementById('esconder').style.display = 'none'; window.location="https://site.com/pagina"; } else {document.getElementById('js-subscribe-response').innerHTML = data.msg} }; }); } })();
  21. Boa tarde !! Minha dúvida é a seguinte. Estou chamando uma função que está em outro módulo do Nodejs usando Try / Cacth, nessa função é fazer um INSERT no DB, porém nessa função existe outro try /cacth que se o INSERT falhar ele irá tentar novamente o INSERT, no máximo 3 vezes, se der erro essas 3 vezes, quero mandar um Throw para quem chamou a função que é outro módulo. Mas a sintaxe : return throw não existe, então tem alguma opção que posso usar, ou retorno um objeto tipo { erro: 'insert falhou' } e trato manualmente com um IF() ? Obrigado
  22. Bom dia, tenho esse código para fazer meu usuário volte para a pagina de da matéria para que ele possa continuar lendo a matéria depois de logado.. Porem em alguns navegadores não funciona, gostaria de ver se tem uma outra forma que funcione em todos os navegadores, desde já agradeço document.location.href = history.back()
  23. Pessoal, Tenho um código que exibe os usuários cadastrados e suas permissões ao clicar no button radio dinamicamente pelo ajax. Mas quando clico para excluir exibe o modal: Deseja apagar a permissão para usuário: SIM ou NÂO. No entanto, quando clico em sim esta direcionando para esse link: http://localhost/cursos/index.php?menu=consultas&amp;con=con_permissao# Veja os código abaixo: 1 - ajaxselectuser.js /** * Função para criar um objeto XMLHTTPRequest */ function CriaRequest() { try{ request = new XMLHttpRequest(); }catch (IEAtual){ try{ request = new ActiveXObject("Msxml2.XMLHTTP"); }catch(IEAntigo){ try{ request = new ActiveXObject("Microsoft.XMLHTTP"); }catch(falha){ request = false; } } } if (!request) alert("Seu Navegador não suporta Ajax!"); else return request; } /** * Função para enviar os dados */ function BuscarDados() { // Declaração de Variáveis var cod_usuario = ""; var campo_radio = document.getElementsByName('id_login'); for (var i=0 ; i< campo_radio.length;i++){ if ( campo_radio[i].checked ) { cod_usuario = campo_radio[i].value; } } var result = document.getElementById("Resultado"); var xmlreq = CriaRequest(); // Exibi a imagem de progresso result.innerHTML = ''; // Iniciar uma requisição xmlreq.open("GET", "con_permissao_itens.php?id_login=" + cod_usuario, true); // Atribui uma função para ser executada sempre que houver uma mudança de ado xmlreq.onreadystatechange = function(){ // Verifica se foi concluído com sucesso e a conexão fechada (readyState=4) if (xmlreq.readyState == 4) { // Verifica se o arquivo foi encontrado com sucesso if (xmlreq.status == 200) { result.innerHTML = xmlreq.responseText; }else{ result.innerHTML = "Erro: " + xmlreq.statusText; } } }; xmlreq.send(null); } 2 - con_permissao.php <?php #Arquivo de funções ************************************* include("verifica.php"); include("conexao/bdinc.php"); #******************************************************** //Selecionar todos os usuarios da tabela $sql_usuario = "SELECT * FROM usuario ORDER BY id_login"; if ($res_usuario = mysqli_query($conn, $sql_usuario)) { ?> <!doctype html> <html lang="pt-br"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <script type="text/javascript" src="java/ajaxselectuser.js"></script> <title>Cadastro Permissão</title> </head> <body> <form name="rel_permissao" method="post" action="?menu=con_permissao_itens"> <div class="card border-dark"> <div class="card-header bg-dark text-white">USU&Aacute;RIO CADASTRADO</div> <div class="card-body"> <div class="table-responsive-sm"> <table class="table table-bordered table-striped table-sm"> <thead> <tr> <th>C&oacute;digo</th> <th>Login</th> </tr> </thead> <tbody> <?php while ($linhaUsu = mysqli_fetch_array($res_usuario)){ ?> <tr> <td><input type="radio" name="id_login" id="id_login" value="<?php echo $linhaUsu[0];?>" onchange="BuscarDados(this.value)"</td> <td><?php echo "$linhaUsu[1]";?></td> </tr> <?php } // Fecha loop while }// Fecha o IF ?> </tbody> </table> </div> </div> </div> <?php /* free result set */ mysqli_free_result($res_usuario); // Fecha conexao com banco de dados mysqli_close($conn); ?> </form> <br> <div id="Resultado"></div> </body> 3 - con_permissao_itens.php <?php #Arquivo de funções ************************************* include("verifica.php"); include("conexao/bdinc.php"); #******************************************************** // Pegar a página atual por GET if (isset($_GET['id_login'])){ $cod_usuario = $_GET['id_login']; }else{ $cod_usuario = 1; } //Selecionar todas as paginas da tabela $sql_permissao = "SELECT * FROM con_permissao WHERE id_login= '$cod_usuario'"; if ($res_permissao = mysqli_query($conn, $sql_permissao)) { //VERIFICA A QUANTIDADE DE REGISTROS RETORNADOS $registros = mysqli_num_rows($res_permissao); if($registros > 0){ ?> <div class="card border-dark"> <div class="card-header bg-dark text-white">PERMISS&Atilde;O DO USU&Aacute;RIO CADASTRADA</div> <div class="card-body"> <div class="table-responsive-sm"> <table class="table table-bordered table-striped table-sm"> <thead> <tr> <th>ID</th> <th>C&oacute;d. P&aacute;gina</th> <th>Nome da p&aacute;gina</th> <th>Descri&ccedil;&atilde;o</th> <th>Tipo</th> <th style = "text-align: center";>Excluir</th> </tr> </thead> <tbody> <?php while ($linha = mysqli_fetch_array($res_permissao)){ ?> <tr> <td><?php echo "$linha[0]";?></td> <td><?php echo "$linha[1]";?></td> <td><?php echo "$linha[2]";?></td> <td><?php echo "$linha[3]";?></td> <td><?php echo "$linha[4]";?></td> <td style = "text-align: center";><button type="button" class="btn btn-sm btn-danger delete" data-nome="<?php echo "$linha[2]";?>" data-id="<?php echo "$linha[0]";?>" data-toggle="modal" data-target="#modaldeletePermissao"><span class="oi oi-trash"></span></button></td> </tr> <?php } // Fecha loop while }//fecha if registros else { echo "<b>N&atilde;o existe(em) permiss&atilde;o para o usu&aacute;rio selecionado !<b>"; }//fecha else }// Fecha o IF consulta ?> </tbody> </table> </div> </div> </div> <?php /* free result set */ mysqli_free_result($res_permissao); // Fecha conexao com banco de dados mysqli_close($conn); ?> </form> </body> </html> <!-- Formulário Modal Excluir do Bootstrap --> <div class="modal fade" id="modaldeletePermissao" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header bg-danger text-white"> <h5 class="modal-title">Excluir Permiss&atilde;o</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <p>Deseja mesmo apagar a Permiss&atilde;o: <span class="pagina"></span></p> </div> <div class="modal-footer"> <a href="#" type="button" class="btn btn-danger delete-yes">Sim</a> <button type="button" class="btn btn-success" data-dismiss="modal">N&atilde;o</button> </div> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script language="javascript" type="text/javascript"> <!-- jQuery (necessario para excluir a GPS) --> $('.delete').on('click', function(){ var pagina = $(this).data('nome'); // vamos buscar o valor do atributo data-name que temos no botão que foi clicado var id = $(this).data('id'); // vamos buscar o valor do atributo data-id $('span.pagina').text(pagina + ' (id = ' +id+ ')'); // inserir na o nome na pergunta de confirmação dentro da modal $('a.delete-yes').attr('href', '?menu=excl_permissao&id=' +id); // mudar dinamicamente o link, href do botão confirmar da modal $('#modaldeletePermissao').modal('show'); // modal aparece }); </script> 4 - excl_permissao.php <?php #Arquivo de funções ************************************* require ("verifica.php"); include("conexao/bdinc.php"); #******************************************************** ?> <!DOCTYPE html> <html lang="pt-br"> <head> <title>Exclus&atilde;o da Permiss&atilde;o</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap --> </head> <body> <?php // ID do usuário logado $id_usuario = $_SESSION["id_logado"]; if ($id_usuario == 1) { // sql para exclusão de itens $id = ((int)$_GET["id"]); $sql = "DELETE FROM acesso WHERE idAcesso = '".$id."'"; if (mysqli_query($conn,$sql)) { echo "<SCRIPT language=JavaScript> window.alert('A Permiss&atilde;O foi exclu\u00edda com sucesso !'); </SCRIPT>"; echo "<SCRIPT>window.location = '?menu=consultas&con=con_permissao'</SCRIPT>"; } else { echo "Error deleting record: " . mysqli_error($conn); } } else { echo "<SCRIPT language=JavaScript> window.alert('Voc\u00ea n\u00e4o possue permiss\u00e4o para excluir o item do DARF !'); </SCRIPT>"; echo "<SCRIPT>window.location = '?menu=consultas&con=con_permissao'</SCRIPT>"; } // fecha a conexão mysqli_close($conn); mysqli_close($conn); ?> </body> </html> Pessoal abaixo que essa linha que não esta sendo executada: $('a.delete-yes').attr('href', '?menu=excl_permissao&id=' +id); // mudar dinamicamente o link, href do botão confirmar da modal Alguem pode me ajudar a resolver isso?
  24. Kelven

    rss só retorna 2 itens

    resolvido
  25. frakneable12

    Console desaparecendo

    Estou fazendo um simples exercício de javascript afim de aprender mais sobre a linguagem, sou leigo no assunto. Peguei um exercício simples de aplicação de juros para refazer. Esse é o exercício pronto funcionando: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>Gab</title> <script type="text/javascript"> window.onload = function(){ document.getElementById("botao").onclick = function(){ calcular(); } } function calcular(){ var elementos_valor = document.getElementById("txtvalor"); var elementos_parcela = document.getElementById("txtparcelas"); var elementos_resposta = document.getElementById("txtresult"); var valorcompra = parseFloat(elementos_valor.value); var qtdparcelas = parseInt(elementos_parcela.value); var msg = ""; var valorfinal = 0; var cor = ""; if (qtdparcelas == 1){ valorfinal = valorcompra; msg = "1X" + valorfinal; cor="#16C4F8" }else if (qtdparcelas == 2){ valorfinal = (valorcompra + (valorcompra * 0.03))/2; msg = "2X" + valorfinal; cor = "#f87504"; }else{ valorfinal = (valorcompra + (valorcompra* 0.07))/4; msg = "4X" + valorfinal; cor = "#d93c3c"; } elementos_valor.value = ""; elementos_resposta.value = msg; elementos_resposta.style.backgroundColor = cor; } </script> </head> <body> <form> Valor da compra: <br> <input type="text" id="txtvalor"><br> Parcelas:<br> <select id ="txtparcelas"> <option value="1">1</option> <option value="2">2</option> <option value="4">4</option> </select> <br> Valor das parcelas:<br> <input type="text" id="txtresult" readonly><br> <input type="button" value="calcular" id="botao"> </form> </body> </html> Tentei realizar o mesmo exercício só que sem olhar e da minha forma: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>Exercício 1</title> <script> function calcular(){ console.log("test"); let valorDaCompra = parseFloat(document.getElementById("valorDaCompra").value); let qtdeParcelas = parseInt(document.getElementById("qtdeParcelas").value); let valorFinal = document.getElementById("resultado"); let msg = ""; let resultado = 0; if(qtdeParcelas == 1){ valorFinal = valorDaCompra; msg = "1X" + valorFinal; console.log(msg); }else if (qtdeParcelas == 2){ valorFinal = (valorDaCompra + (valorDaCompra * 0.03))/2; msg = "2X" + valorFinal; console.log(msg); }else{ valorFinal = (valorDaCompra + (valorDaCompra * 0.07))/4; msg = "4X" + valorFinal; console.log(msg); } document.getElementById("resultado").value = msg; } </script> </head> <body> <form> Valor da compra:<br> <input type="text" id="valorDaCompra"><br> Parcelas:<br> <select id="qtdeParcelas"> <option value="1">1</option> <option value="2">2</option> <option value="4">4</option> </select> <button style="margin-bottom: 7px" id="botao" onclick="calcular()">Calcular</button><br> Valor final <br> <input type="text" id="resultado" readonly> </form> </body> </html> Porém eu errei em algum lugar e quando eu abro o console pra tentar debugar ele simplesmente mostra o erro e depois desaparece no mesmo instante sem dar chance pra eu ver onde está o erro. Fiz um gif para tentar mostrar melhor o que esta acontecendo, em anexo.
×

Important Information

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