Jump to content

brunomartins

Members
  • Content count

    11
  • Joined

  • Last visited

Community Reputation

0 Comum

About brunomartins

  1. Por favor pessoal me ajudem, é urgente. Alguem sabe como trazer automaticamente o id de uma tabela para um jtextfield logo quando eu abro a aplicação? Eu estou fazendo no netbeans. Por favor alguém sabe?
  2. brunomartins

    Canvas posição de imagens X e Y

    Pessoal alguem poderia me ajudar, a como fazer para mudar de cor um objeto quando ficar um objeto por cima do outro. Não sei se isso utiliza posições de X e Y ou outras coisas. Por favor me ajudem... <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script type="text/javascript" src="fabric.min.js"></script> </head> <body> <canvas id="c" width="1190" height="600"></canvas> </body> <script> (function(){ var canvas = new fabric.Canvas('c'); var rect=new fabric.Rect({ left:10, top:20, fill:'red', width:90, height:90 }); var rect2 = new fabric.Rect({ left:1100, top:100, fill:'blue', width:90, height:90 }); var circle = new fabric.Circle({ radius:30, left:1100, top:200, fill:'green' }); canvas.add(rect,rect2,circle); canvas.forEachObject(function(o){ o.hasBorders = o.hasControls = true; }); canvas.item(0).selectable=false; canvas.on({ 'object:moving': onChange, }); })(); </script> </html>
  3. brunomartins

    Canvas

    Pf alguem sabe mexer com canvas? Alguem pode me dizer como mudar a cor de um quadrado quando colocado em cima de outro quadrado? Esta aqui o codigo... <!DOCTYPE HTML> <html> <head> <style> .tool-bar{ width: 40px; right: 100px; color: #7F2E0F; height: 100%; } div.demo { background: brown; border: 1px solid #666; margin-top: 0px; margin-left: 1300px; position: absolute; width: 50px; height: 618px; overflow: auto; } #circulo{ width: 50px; height: 50px; } </style> <script type="text/javascript" src="assets/js/kinetic-v5.1.0.min.js"></script> <script type="text/javascript" src="assets/js/fabric.min.js"></script> </head> <body> <div class="demo"> <a href="#" ><img src="assets/images/resource-item.png" id="circulo"></a> </div> <div id="container"></div> <canvas id="c4" width="1250" height="620" ></div> <script> var canvas = new fabric.Canvas('c4'); canvas.add(new fabric.Rect({ left: 90,top: 90, fill: 'green', width: 50, height: 50 })); canvas.add(new fabric.Rect({ left: 1100, top: 50, fill: 'red', width: 30, height: 30 })); canvas.add(new fabric.Rect({ left: 1100, top: 90, fill: 'blue', width: 30, height: 30 })); canvas.item(0).hasControls = canvas.item(0).hasBorders = false; canvas.item(1).hasControls = canvas.item(1).hasBorders = false; canvas.item(2).hasControls = canvas.item(2).hasBorders = false; canvas.item(0).selectable = false; this.__canvases.push(canvas); </script> </body> </html>
  4. brunomartins

    Biblioteca Fabric Javascript

    Ele apareceu isso agora... ReferenceError: jQuery is not defined jquery-ui.min.js:10:0 ReferenceError: jQuery is not defined jcanvas.js:6:1 TypeError: fabric.Canvas is not a constructor bibfabric.html:24:15
  5. brunomartins

    Biblioteca Fabric Javascript

    Ele apareceu isso: ReferenceError: jQuery is not defined jquery-ui.min.js:10:0 ReferenceError: jQuery is not defined jcanvas.js:6:1 TypeError: fabric.Canvas is not a constructor bibfabric.html:24:15 Erro de segurança: conteúdo em moz-nullprincipal:{06f8ad3d-cadc-47d8-a184-580dd6f9344d} não pode carregar ou ter vínculo com file:///C:/Users/Bruno-DEAD/Documents/estudofabric/Imagem1.png. Erro de segurança: conteúdo em moz-nullprincipal:{acf73a40-284c-4650-86b9-94cd7ed83c2b} não pode carregar ou ter vínculo com file:///C:/Users/Bruno-DEAD/Documents/estudofabric/Imagem1.png. Erro de segurança: conteúdo em moz-nullprincipal:{21b6eedc-e544-41f8-affd-ec3847974d3f} não pode carregar ou ter vínculo com file:///C:/Users/Bruno-DEAD/Documents/estudofabric/Imagem1.png.
  6. brunomartins

    Biblioteca Fabric Javascript

    e qual versão do jquery devo somente usar?
  7. brunomartins

    Biblioteca Fabric Javascript

    o conteudo do jquery é essa.. /*! * jQuery JavaScript Library v1.7.2 * http://jquery.com/ * * Copyright 2011, John Resig * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * Includes Sizzle.js * http://sizzlejs.com/ * Copyright 2011, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * * Date: Wed Mar 21 12:46:34 2012 -0700 */ (function( window, undefined ) { // Use the correct document accordingly with window argument (sandbox) var document = window.document, navigator = window.navigator, location = window.location; var jQuery = (function() { // Define a local copy of jQuery var jQuery = function( selector, context ) { // The jQuery object is actually just the init constructor 'enhanced' return new jQuery.fn.init( selector, context, rootjQuery ); }, // Map over jQuery in case of overwrite _jQuery = window.jQuery, // Map over the $ in case of overwrite _$ = window.$, // A central reference to the root jQuery(document) rootjQuery, // A simple way to check for HTML strings or ID strings // Prioritize #id over <tag> to avoid XSS via location.hash (#9521) quickExpr = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/, // Check if a string has a non-whitespace character in it rnotwhite = /\S/, // Used for trimming whitespace trimLeft = /^\s+/, trimRight = /\s+$/, // Match a standalone tag rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>)?$/, // JSON RegExp rvalidchars = /^[\],:{}\s]*$/, rvalidescape = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, rvalidtokens = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g, // Useragent RegExp rwebkit = /(webkit)[ \/]([\w.]+)/, ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/, rmsie = /(msie) ([\w.]+)/, rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/, // Matches dashed string for camelizing rdashAlpha = /-([a-z]|[0-9])/ig, rmsPrefix = /^-ms-/, // Used by jQuery.camelCase as callback to replace() fcamelCase = function( all, letter ) { return ( letter + "" ).toUpperCase(); }, // Keep a UserAgent string for use with jQuery.b ja a do fabric e muito grande, se quiser lhe passo por email...
  8. brunomartins

    Biblioteca Fabric Javascript

    ele aparece isso... Este site usa um certificado SHA-1; é recomendado o uso de certificados com os algoritmos da assinatura que usem funções hash mais fortes que SHA-1.[saiba mais] angular.min.js SyntaxError: missing variable name jquery.js:74:49 TypeError: fabric.Canvas is not a constructor
  9. brunomartins

    Biblioteca Fabric Javascript

    Alguém já trabalhou com a biblioteca fabric do javascript? Alguem sabe me dizer pq esse codigo não esta pegando? <!DOCTYPE> <html lang ="pt-br"> <head> <meta charset="utf-8"> <title></title> <script src="fabric.js" type="text/javascript"></script> <script src="image_filters.js" type="text/javascript"></script> <script src="image_filters2.min.js" type="text/javascript"></script> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery-1.11.3.js"></script> <script type="text/javascript" src="[url=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js]http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>[/url] <script type="text/javascript" src="[url=http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js]http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>[/url] <script src="jcanvas.js"></script> <script src="jquery.js"></script> <script type="text/javascript" src="[url=https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js]https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>[/url] </head> <body> <p>Teste</p> <br/> <canvas id="c"></canvas> <img src="Imagem1.png" id ="my-image"> <script> var canvas = new fabric.Canvas('c'); var imgElement = document.getElementById('my-image'); var imgInstance = new fabric.Image(imgElement, { left: 100, top: 100, angle: 300, opacity: 0.85 }); canvas.add(imgInstance); </script> </body> </html>
  10. brunomartins

    Mudar de cor no drag drop

    Pessoal por favor me ajudem.... Como fazer com que quando eu colocasse uma imagem em uma div ele ficasse de uma cor e quando eu tiro fica a cor que esta antes... por favor socorro... ta ae o codigo... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Cickweb | Drag n Drop</title> <script src="js1.js" type="text/javascript"></script> <link rel ="stylesheet" href="css.css"> <!--<script type="text/javascript" src="jquery.js"></script>--> <meta name="Robots" content="noindex,nofollow" /> </head> <body> <div id="mainContainer"> <div id="tabs1" class="tab-content"> <div id="words"> <div id="dropContent"> <div class="dragableBox" id="box1"><img src="02.jpg" width="30px"></div> <div class="dragableBox" id="box2"><img src="02.jpg" width="30px"></div> </div><!-- /dropContent --> </div><!-- /words --> <div id="pictures"> <div id="box106" class="dragableBoxRight"></div> <div id="box101" class="dragableBoxRight"></div> <div id="box107" class="dragableBoxRight"></div> <div id="box109" class="dragableBoxRight"></div> <div id="box104" class="dragableBoxRight"></div> <div id="box108" class="dragableBoxRight"></div> <div id="box102" class="dragableBoxRight"></div> <div id="box105" class="dragableBoxRight"></div> <div id="box103" class="dragableBoxRight"></div> </div> <div class="clear"></div> <div class="konaBody"></div> </div> <div id="tabs2" class="tab-content"> </div> <script type="text/javascript">// Custom drop action for the picture boxes var dragDropObj = new DHTMLgoodies_dragDrop(); dragDropObj.addSource('box1',true); dragDropObj.addSource('box2',true); dragDropObj.addTarget('box101','dropItems'); dragDropObj.addTarget('box102','dropItems'); dragDropObj.addTarget('box103','dropItems'); dragDropObj.addTarget('box104','dropItems'); dragDropObj.addTarget('box105','dropItems'); dragDropObj.addTarget('box106','dropItems'); dragDropObj.addTarget('box107','dropItems'); dragDropObj.addTarget('box108','dropItems'); dragDropObj.addTarget('box109','dropItems'); dragDropObj.addTarget('words','dropItems'); dragDropObj.init(); </script> <script> function dropItems(idOfDraggedItem,targetId,x,y){ var targetObj = document.getElementById(targetId); var subDivs = targetObj.getElementsByTagName('DIV'); if(subDivs.length>0 && targetId!='words')return; var sourceObj = document.getElementById(idOfDraggedItem); targetObj.appendChild(sourceObj); } </script> </body> </html>
  11. brunomartins

    Drag and Drop

    Pessoal, por favor me ajudem... Eu queria que uma imagem so ficasse no quadrado.. Quando uma imagem ja tivesse em um quadrado, e quando eu tentasse colocar a outra imagem, a primeira voltaria ao seu lugar de origem. Ficando assim a segunda no lugar do primeiro... ta aki o codigo: <!DOCTYPE html> <html lang="en"> <head> <script language="javascript" src="js.js"></script> <script type="text/javascript" src="[url=http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js]http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>[/url] <script type="text/javascript" src="[url=http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js]http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>[/url] <style> #leftbox{ background-color: #E3E3E3; float:left; width: 100px; height: 100px; margin-left: 650px; border: 1px solid blue; } #rightbox{ float:right; width: 40px; height: 100px; margin: 5px; border: 1px solid green; } #rightbox2{ float:right; width: 40px; height: 100px; margin: 120px -48px 0px 0px; border: 1px solid green; } #facepic{ width:30px;height:90px; cursor: pointer; } #facepic2{ width:30px;height:90px; } </style> </head> <body> <div id="caixasesquerda"> <div id="leftbox" ondrop="return dragDrop(event)" ondragover="return dragOver(event)"> </div> </div> <div id="caixasdireita"> <div id="rightbox" ondrop="return dragDrop(event)" ondragover="return dragOver(event)"> <img id="facepic" src="02.jpg" ondragstart=" return dragStart(event)"> </div> <div id="rightbox2" ondrop="return dragDrop(event)" ondragover="return dragOver(event)"> <img id="facepic2" src="01.jpg" ondragstart=" return dragStart(event)"> </div> </div> </body> </html> Js: var elem_origen; var elem_destino; function doFirst(){ elem_destino=document.getElementById("leftbox"); elem_destino.addEventListener("dragleave",saliendo,false); elem_destino.addEventListener("dragenter",entrando, false); //elem_destino.addEventListener("dragleave",movimento, false); } function allowDrop(ev){ ev.preventDefault(); } function dragStart(ev){ ev.dataTransfer.setData("ID",ev.target.getAttribute('id')); } function dragOver(ev){ return false; } function dragDrop(acao){ var produtoSelecionado= acao.dataTransfer.getData("ID"); acao.target.appendChild(document.getElementById(produtoSelecionado)); } function saliendo(e){ e.preventDefault(); elem_destino.style.background="#E3E3E3"; //elem_destino.style.visibility="visibility"; } function entrando(e){ e.preventDefault(); elem_destino.style.background="#87CEEB"; //elem_destino.style.background="#98FAF9"; } window.addEventListener("load",doFirst,false);
×

Important Information

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