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 3 results

  1. Bom dia galera, estou fazendo uns testes e estudando um pouco sobre JAVASCRIPT, estou tentando fazer algumas coisas dentro desse D3 Bubble chart, como podem ver ao clicar na bola menor abre a bola ao centro, quero que ao clicar no nome da pessoa, apareça a imagem na bola central, e não consigo fazer isso, alguém pode me ajudar ? aqui o link do d3 do javascript que estou estudando, http://bl.ocks.org/p...97950feadb45b07 index <!DOCTYPE html> <html> <head> <title>Hello Bubble Chart</title> <meta charset="utf-8"> <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,600,200italic,600italic&subset=latin,vietnamese' rel='stylesheet' type='text/css'> <script src="jquery.min.js"></script> <script src="d3.min.js"></script> <script src="d3-transform.js"></script> <script src="extarray.js"></script> <script src="misc.js"></script> <script src="micro-observer.js"></script> <script src="microplugin.js"></script> <script src="bubble-chart.js"></script> <script src="central-click.js"></script> <script src="lines.js"></script> <script src="resource.js"> </script> <style> .bubbleChart { min-width: 100px; max-width: 700px; height: 700px; margin: 0 auto; } .bubbleChart svg{ background: #000000; } </style> </head> <body style="background: #000000"> <div class="bubbleChart"/> </body> </html> javascript $(document).ready(function () { var bubbleChart = new d3.svg.BubbleChart({ supportResponsive: true, //container: => use @default size: 600, //viewBoxSize: => use @default innerRadius: 600 / 3.5, //outerRadius: => use @default radiusMin: 50, //radiusMax: use @default //intersectDelta: use @default //intersectInc: use @default //circleColor: use @default data: { items: [ {text: "João", count: ""}, {text: "Maria", count: ""}, {text: "José", count: ""}, {text: "Carlos", count: ""}, {text: "Januario", count: "1"}, {text: "Carminha", count: ""}, {text: "Cleontina", count: ""}, {text: "Joaquina", count: ""}, {text: "Claudia", count: ""}, ], eval: function (item) {return item.count;}, classed: function (item) {return item.text.split(" ").join("");} }, plugins: [ { name: "central-click", options: { text: "(70 ANOS, SOLTEIRO.)", style: { "font-size": "12px", "font-style": "italic", "font-family": "Source Sans Pro, sans-serif", //"font-weight": "700", "text-anchor": "middle", "fill": "white" }, attr: {dy: "65px"}, centralClick: function() { alert("Here is more details!!"); } } }, { name: "lines", options: { format: [ {// Line #0 textField: "count", classed: {count: true}, style: { "font-size": "28px", "font-family": "Source Sans Pro, sans-serif", "text-anchor": "middle", fill: "white" }, attr: { dy: "0px", x: function (d) {return d.cx;}, y: function (d) {return d.cy;} } }, {// Line #1 textField: "text", classed: {text: true}, style: { "font-size": "14px", "font-family": "Source Sans Pro, sans-serif", "text-anchor": "middle", fill: "white" }, attr: { dy: "20px", x: function (d) {return d.cx;}, y: function (d) {return d.cy;} } } ], centralFormat: [ {// Line #0 style: {"font-size": "50px"}, attr: {} }, {// Line #1 style: {"font-size": "30px"}, attr: {dy: "40px"} } ] } }] }); });
  2. Bom dia galera, estou fazendo uns testes e estudando um pouco sobre JAVASCRIPT, estou tentando fazer algumas coisas dentro desse D3 Bubble chart, como podem ver ao clicar na bola menor abre a bola ao centro, quero que ao clicar no nome da pessoa, apareça a imagem na bola central, e não consigo fazer isso, alguém pode me ajudar ? aqui o link do d3 do javascript que estou estudando, http://bl.ocks.org/p...97950feadb45b07 index <!DOCTYPE html> <html> <head> <title>Hello Bubble Chart</title> <meta charset="utf-8"> <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,600,200italic,600italic&subset=latin,vietnamese' rel='stylesheet' type='text/css'> <script src="jquery.min.js"></script> <script src="d3.min.js"></script> <script src="d3-transform.js"></script> <script src="extarray.js"></script> <script src="misc.js"></script> <script src="micro-observer.js"></script> <script src="microplugin.js"></script> <script src="bubble-chart.js"></script> <script src="central-click.js"></script> <script src="lines.js"></script> <script src="resource.js"> </script> <style> .bubbleChart { min-width: 100px; max-width: 700px; height: 700px; margin: 0 auto; } .bubbleChart svg{ background: #000000; } </style> </head> <body style="background: #000000"> <div class="bubbleChart"/> </body> </html> javascript $(document).ready(function () { var bubbleChart = new d3.svg.BubbleChart({ supportResponsive: true, //container: => use @default size: 600, //viewBoxSize: => use @default innerRadius: 600 / 3.5, //outerRadius: => use @default radiusMin: 50, //radiusMax: use @default //intersectDelta: use @default //intersectInc: use @default //circleColor: use @default data: { items: [ {text: "João", count: ""}, {text: "Maria", count: ""}, {text: "José", count: ""}, {text: "Carlos", count: ""}, {text: "Januario", count: "1"}, {text: "Carminha", count: ""}, {text: "Cleontina", count: ""}, {text: "Joaquina", count: ""}, {text: "Claudia", count: ""}, ], eval: function (item) {return item.count;}, classed: function (item) {return item.text.split(" ").join("");} }, plugins: [ { name: "central-click", options: { text: "(70 ANOS, SOLTEIRO.)", style: { "font-size": "12px", "font-style": "italic", "font-family": "Source Sans Pro, sans-serif", //"font-weight": "700", "text-anchor": "middle", "fill": "white" }, attr: {dy: "65px"}, centralClick: function() { alert("Here is more details!!"); } } }, { name: "lines", options: { format: [ {// Line #0 textField: "count", classed: {count: true}, style: { "font-size": "28px", "font-family": "Source Sans Pro, sans-serif", "text-anchor": "middle", fill: "white" }, attr: { dy: "0px", x: function (d) {return d.cx;}, y: function (d) {return d.cy;} } }, {// Line #1 textField: "text", classed: {text: true}, style: { "font-size": "14px", "font-family": "Source Sans Pro, sans-serif", "text-anchor": "middle", fill: "white" }, attr: { dy: "20px", x: function (d) {return d.cx;}, y: function (d) {return d.cy;} } } ], centralFormat: [ {// Line #0 style: {"font-size": "50px"}, attr: {} }, {// Line #1 style: {"font-size": "30px"}, attr: {dy: "40px"} } ] } }] }); });
  3. Rodrigo Razzyel

    Pagamento com Pague seguro

    Ola pessoal estou com dificuldades preciso fazer que o Valor do resultado obtido em uma pesquisa entre como valor no pague seguro veja o codigo abaixo Ja revirei o Google e não achei muita coisa simplificada <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Calcular distancia entre cidades (mapas e rotas)</title> <script src="http://code.jquery.com/jquery-1.8.1.js" type="text/javascript"></script> </head> <body> <script src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> function CalculaDistancia() { $('#litResultado').html('Aguarde...'); //Instanciar o DistanceMatrixService var service = new google.maps.DistanceMatrixService(); //executar o DistanceMatrixService service.getDistanceMatrix( { //Origem origins: [$("#txtOrigem").val()], //Destino destinations: [$("#txtDestino").val()], //Modo (DRIVING | WALKING | BICYCLING) travelMode: google.maps.TravelMode.DRIVING, //Sistema de medida (METRIC | IMPERIAL) unitSystem: google.maps.UnitSystem.METRIC //Vai chamar o callback }, callback); } //Tratar o retorno do DistanceMatrixService function callback(response, status) { //Verificar o Status if (status != google.maps.DistanceMatrixStatus.OK) //Se o status não for "OK" $('#litResultado').html(status); else { //Se o status for OK //Endereço de origem = response.originAddresses //Endereço de destino = response.destinationAddresses //Distância = response.rows[0].elements[0].distance.text //Duração = response.rows[0].elements[0].duration.text $('#litResultado').html("<strong>Origem</strong>: " + response.originAddresses + "<br /><strong>Destino:</strong> " + response.destinationAddresses + "<br /><strong>Distância</strong>: " + response.rows[0].elements[0].distance.text + " <br /><strong>Duração</strong>: " + response.rows[0].elements[0].duration.text + " <br /><strong>Preço</strong>: R$ " + (parseFloat(response.rows[0].elements[0].distance.text.substring(0, response.rows[0].elements[0].distance.text.length - 3).split(",").join(".")) * 1.5 + 30.00).toFixed(2).toString().split(".").join(",") ); //Atualizar o mapa $("#map").attr("src", "https://maps.google.com/maps?saddr=" + response.originAddresses + "&daddr=" + response.destinationAddresses + "&output=embed"); } } </script> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> <label for="txtOrigem"><strong>Endereço de origem</strong></label> <input type="text" id="txtOrigem" class="field" style="width: 400px" /> </td> </tr> <tr> <td> <label for="txtDestino"><strong>Endereço de destino</strong></label> <input type="text" style="width: 400px" class="field" id="txtDestino" /> </td> </tr> <tr> <td> <p> <input type="button" value="Calcular distância" onclick="CalculaDistancia()" class="btnNew" /> </p> <table width="200" border="0"> <tr> <th scope="col"><form target="pagseguro" method="post" action="https://pagseguro.uol.com.br/checkout/checkout.jhtml"> <input type="hidden" name="email_cobranca" value="suporte@lojamodelo.com.br"> <input type="hidden" name="tipo" value="CP"> <input type="hidden" name="moeda" value="BRL"> <input type="hidden" name="item_id_1" value="12345"> <input type="hidden" name="item_descr_1" value="Moto frete"> <input type="hidden" name="item_quant_1" value="1"> // AQUI VAI O VALOR DADO NA PESQUISA <input type="hidden" name="item_valor_1" value=" Preço"> <input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/pagamentos/99x61-pagar-assina.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!"> </form>></th> </tr> </table> <p> </p> </td> </tr> </tbody> </table> <div><span id="litResultado"> </span></div> <div style="padding: 10px 0 0; clear: both"></div> </body> </html>
×

Important Information

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