Jump to content

brunomartins

Members
  • Content count

    11
  • Joined

  • Last visited

Everything posted by 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

    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>
  6. 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.
  7. brunomartins

    Biblioteca Fabric Javascript

    e qual versão do jquery devo somente usar?
  8. 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...
  9. 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
  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.