Commit c957e991ba50afec59b46a4972249f5ac7f84c5e
1 parent
93b89037
Exists in
master
and in
7 other branches
Inclusão de ícone para escolha de cores no editor de classes (metaestat)
Showing
2 changed files
with
34 additions
and
21 deletions
Show diff stats
admin/js/estat_variavel.js
... | ... | @@ -558,18 +558,30 @@ i3GEOadmin.variaveis = { |
558 | 558 | {titulo:"Expressão (no estilo Mapserver)<br> exemplo (([nu_farm_funcionando] > 0) and ([nu_farm_funcionando] < 5)):",id:"Eexpressao",size:"50",value:i.expressao,tipo:"text",div:""}, |
559 | 559 | {titulo:"Símbolo:",id:"Esimbolo",size:"10",value:i.simbolo,tipo:"text",div:""}, |
560 | 560 | {titulo:"Tamanho do símbolo:",id:"Etamanho",size:"10",value:i.tamanho,tipo:"text",div:""}, |
561 | - {titulo:"Vermelho:",id:"Evermelho",size:"10",value:i.vermelho,tipo:"text",div:""}, | |
561 | + {titulo:"Vermelho: <img src='../../imagens/aquarela.gif' style='cursor:pointer;' onclick='core_abreCor(\"\",\"inputEventoCor\");' />",id:"Evermelho",size:"10",value:i.vermelho,tipo:"text",div:""}, | |
562 | 562 | {titulo:"Verde:",id:"Everde",size:"10",value:i.verde,tipo:"text",div:""}, |
563 | 563 | {titulo:"Azul:",id:"Eazul",size:"10",value:i.azul,tipo:"text",div:""}, |
564 | 564 | {titulo:"Contorno - tamanho do símbolo:",id:"Eotamanho",size:"10",value:i.otamanho,tipo:"text",div:""}, |
565 | - {titulo:"Contorno - Vermelho:",id:"Eovermelho",size:"10",value:i.overmelho,tipo:"text",div:""}, | |
565 | + {titulo:"Contorno - Vermelho <img src='../../imagens/aquarela.gif' style='cursor:pointer;' onclick='core_abreCor(\"\",\"inputEventoOutlineCor\");' />:",id:"Eovermelho",size:"10",value:i.overmelho,tipo:"text",div:""}, | |
566 | 566 | {titulo:"Contorno - Verde:",id:"Eoverde",size:"10",value:i.overde,tipo:"text",div:""}, |
567 | 567 | {titulo:"Contorno - Azul:",id:"Eoazul",size:"10",value:i.oazul,tipo:"text",div:""} |
568 | 568 | ] |
569 | 569 | }; |
570 | 570 | ins += core_geraLinhas(param); |
571 | 571 | //ins += "<br><br><br>"; |
572 | - $i("editor_bd").innerHTML = ins; | |
572 | + //o input hidden recebe a cor da janela de selecao interativa e executa o preenchimento dos campos rgb | |
573 | + | |
574 | + $i("editor_bd").innerHTML = ins+"<input type=hidden value='' id='inputEventoCor' onchange='i3GEOadmin.variaveis.classes.preencheCores(\"inputEventoCor\",\"E\")' />"; | |
575 | + $i("editor_bd").innerHTML = ins+"<input type=hidden value='' id='inputEventoOutlineCor' onchange='i3GEOadmin.variaveis.classes.preencheCores(\"inputEventoOutlineCor\",\"Eo\")' />"; | |
576 | + | |
577 | + }, | |
578 | + preencheCores: function(id,prefixo){ | |
579 | + var cor = $i(id).value.split(","); | |
580 | + if(cor.length == 3){ | |
581 | + $i(prefixo+"vermelho").value = cor[0]; | |
582 | + $i(prefixo+"verde").value = cor[1]; | |
583 | + $i(prefixo+"azul").value = cor[2]; | |
584 | + } | |
573 | 585 | } |
574 | 586 | }, |
575 | 587 | parametro:{ |
... | ... | @@ -867,7 +879,7 @@ i3GEOadmin.variaveis = { |
867 | 879 | core_montaEditor("","480px","300px","","Testes",false); |
868 | 880 | ins = "<p><b>Select simples:</b> "+dados.sql; |
869 | 881 | ins += "<p><b>Mapserver:</b> "+dados.sqlmapserver; |
870 | - ins += "<p><b>�ltima URL:</b><div id='ultimaUrl'></div> "; | |
882 | + ins += "<p><b>Última URL:</b><div id='ultimaUrl'></div> "; | |
871 | 883 | ins += "<p><b>Colunas:</b> "+dados.colunas; |
872 | 884 | ins +="<p><input style='position:relative;top:2px' type='checkbox' id='incluirtodascolunas' />Incluir todas as colunas no resultado"; |
873 | 885 | ins +="<p>Filtro opcional (exemplo: valor = 1)<br>"; | ... | ... |
ferramentas/colorpicker/index.htm
... | ... | @@ -4,10 +4,10 @@ |
4 | 4 | <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> |
5 | 5 | <style type="text/css"> |
6 | 6 | /*margin and padding on body element |
7 | - can introduce errors in determining | |
8 | - element position and are not recommended; | |
9 | - we turn them off as a foundation for YUI | |
10 | - CSS treatments. */ | |
7 | + can introduce errors in determining | |
8 | + element position and are not recommended; | |
9 | + we turn them off as a foundation for YUI | |
10 | + CSS treatments. */ | |
11 | 11 | body { |
12 | 12 | margin:0; |
13 | 13 | padding:0;border:0px; |
... | ... | @@ -24,8 +24,8 @@ body { |
24 | 24 | <!--begin custom header content for this example--> |
25 | 25 | |
26 | 26 | <style type="text/css"> |
27 | - #container { position: relative; padding: 6px; background-color: #eeeeee; width: 300px; height:200px; } | |
28 | - .yui-picker-controls li {padding: 01px;} | |
27 | + #container { position: relative; padding: 6px; background-color: #eeeeee; width: 300px; height:200px; } | |
28 | + .yui-picker-controls li {padding: 01px;} | |
29 | 29 | </style> |
30 | 30 | <!--end custom header content for this example--> |
31 | 31 | <title></title> |
... | ... | @@ -39,18 +39,18 @@ body { |
39 | 39 | API --> |
40 | 40 | <script type="text/javascript"> |
41 | 41 | (function() { |
42 | - var Event = YAHOO.util.Event, | |
43 | - picker; | |
42 | + var Event = YAHOO.util.Event, | |
43 | + picker; | |
44 | 44 | |
45 | - Event.onDOMReady(function() { | |
46 | - picker = new YAHOO.widget.ColorPicker("container", { | |
47 | - showhsvcontrols: true, | |
48 | - showhexcontrols: true, | |
45 | + Event.onDOMReady(function() { | |
46 | + picker = new YAHOO.widget.ColorPicker("container", { | |
47 | + showhsvcontrols: true, | |
48 | + showhexcontrols: true, | |
49 | 49 | images: { |
50 | 50 | PICKER_THUMB: window.parent.i3GEO.configura.locaplic+"/pacotes/yui290/build/colorpicker/assets/picker_thumb.png", |
51 | 51 | HUE_THUMB: window.parent.i3GEO.configura.locaplic+"/pacotes/yui290/build/colorpicker/assets/hue_thumb.png" |
52 | - } | |
53 | - }); | |
52 | + } | |
53 | + }); | |
54 | 54 | var onRgbChange = function(o) { |
55 | 55 | }; |
56 | 56 | picker.on("rgbChange", onRgbChange); |
... | ... | @@ -64,12 +64,13 @@ API --> |
64 | 64 | }); |
65 | 65 | Event.on("gethex", "click", function(e) { |
66 | 66 | }); |
67 | - }); | |
67 | + }); | |
68 | 68 | |
69 | 69 | })(); |
70 | 70 | // |
71 | -//utilize tipo para definir o tipo de cor de retorno | |
72 | -// | |
71 | +//utilize tipo na url para definir o tipo de cor de retorno | |
72 | +//default e hex | |
73 | +//se for usado rgbSep, o retorno sera em rgb separado por " " | |
73 | 74 | function aplicarCor() |
74 | 75 | { |
75 | 76 | navm = false; // IE | ... | ... |