+++ /dev/null
-//$(document).ready(function(){\r
-//PROBLEMES AMB IEXPLORER--> ON SUBMIT, RECARREGA IFRAME, TORNANT A EXECUTAR-SE LES ACCIONS ASSOCIADES\r
-\r
-//SLD!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\r
-\r
- if ($('#ex2').children().length!==0)\r
- {\r
- $('#ex2').empty();\r
- }\r
-var bindFrameActions=function() {\r
-\r
- var to_start=$('#color_form a')[0];\r
-// $(to_start).hide(); \r
- var add=$('#color_form a')[2];\r
-// $(add).hide();\r
-\r
- $('iframe#info').fadeIn("slow");\r
-//.not('iframe#info').hide();\r
-$('#ex2').jqm({\r
- overlay: 30\r
-})\r
-$('div[id*="_form"]').hide();\r
-$("#send").hide();\r
-$("#informacio,#what_todo").hide();\r
- //$("#send").hide();\r
- //$("#informacio").hide();\r
- var iframe=$('iframe#info'); \r
-msie=($.browser.msie==true)?true:false; \r
-if (msie)\r
-{\r
-\r
- $('input.jqmdX').css('background','url(http://taxonomicindex.africamuseum.be/edit_wp5/geo/img/close.gif) no-repeat top left').css('width','15px');\r
-}\r
-else \r
-{\r
-$('input.jqmdX').css('background','url(http://taxonomicindex.africamuseum.be/edit_wp5/geo/img/close.gif) no-repeat top left');\r
-}\r
- \r
-\r
- $(iframe).bind('load', function()\r
-{\r
- //alert("carregant iframe");\r
- //BIND EVENTS ONLOAD \r
- iframe=$("iframe#info");\r
-\r
- submit_button=iframe.contents().find("#submit"); \r
-//console.log(submit_button);\r
- $('input.jqmdX').hover(function(){\r
- $(this).addClass('jqmdXFocus')},function(){ $(this).removeClass('jqmdXFocus')}).focus(function(){this.hideFocus=true;$(this).addClass('jqmdXFocus')}).blur(function(){$(this).removeClass('jqmdXFocus')}).click(function(){$('#ex2').hide(); \r
- if(submit_button.hasClass("add"))(submit_button.removeClass("add").val('Symbolyze it'));});\r
- //submit is the id of\r
-// $("#color_form form ,#symbol_form form,#size_form form").empty(); \r
- \r
- $("#ex2").animate({width:'380',height:'325'},"slow");\r
- var to_size=$('#symbol_form a')[0];\r
- var back_color=$('#symbol_form a')[1];\r
- var to_start=$('#color_form a')[0];\r
-\r
- //WHEN WE FORCE STARTING THE SYMBOLIZATION AGAIN... JUST PUT THE INICIAL VALUES AGAIN AND PRINT IT\r
- \r
- $(to_start).click(function(){\r
- // var genus_size=iframe.contents().find('#genusSelect option').size();\r
- edit_sp_points.params.SLD=initial_sp_sld,\r
- edit_sp_points.redraw();\r
-$("iframe#info").attr('src','http://taxonomicindex.africamuseum.be/edit_wp5/geo/formularis/select_by_specie.html?userid='+userid+'p='+third+"_"+fourth);\r
-\r
-\r
-\r
-var image=document.getElementById("species_legend");\r
- image.setAttribute("src",'http://193.190.223.53:8080/geoserver/wms/GetLegendGraphic?VERSION=1.0.0&FORMAT=image/png&WIDTH=25&HEIGHT=20&LAYER=topp:user_points&sld='+edit_sp_points.params.SLD);\r
-$('div[id*="_form"]').hide();\r
-$("#send").hide();\r
-$("#informacio,#what_todo").hide();\r
- $("#color_form form ,#symbol_form form,#size_form table").hide().empty(); \r
- $("#picker").remove();\r
-$(iframe).fadeIn("slow");\r
-\r
- if(submit_button.hasClass("add"))(submit_button.removeClass("add").val('Symbolyze it'));\r
-\r
- }); //fi $(to_start).click \r
- \r
- var to_symbol=$('#color_form a')[1];\r
-\r
- $(to_symbol).click(function() {\r
- //alert("to symbol");\r
- $('#color_form').slideUp("quick");\r
- var form_width=$('#symbol_form').width() ;\r
- $("#ex2").animate({width: form_width}, "slow");\r
- $("#symbol_form").animate({height:'190'},"slow");\r
- });\r
- var add_genus=$('#color_form a')[2];\r
- $(add_genus).click(function() { //alert("adding genus");\r
- var iframe= $("iframe#info");\r
- var submit_button=iframe.contents().find("#submit"); //"addd these genus"\r
- submit_button.val('Add it');\r
- submit_button.addClass("add"); \r
-\r
-// $('.jqmdTR *').hide(); $('.jqmdTC,.jqDrag').show();\r
- $("iframe#info").fadeIn("slow");\r
- $("#color_form,#informacio,#send").hide();\r
- })\r
-\r
- $(to_size).click(function(){$('#symbol_form').slideUp("quick");\r
- $('#size_form').show();\r
- var size_width=$('#size_form').width();\r
- $('#size_form').show();\r
- $("#ex2").animate({width: size_width}, "slow");});\r
-\r
- $(back_color).click(function(){\r
- $('#symbol_form').slideUp("quick");\r
- $('#color_form').show();\r
- $("#ex2").animate({width: "365"}, "slow");\r
- });\r
- \r
- $("#size_form a").click(function(){$('#size_form').slideUp("quick");$('#symbol_form').show();\r
- })\r
- //END OF BIND ONLOAD EVENTS \r
-\r
- submit_button.click(\r
- function()\r
- {\r
-\r
-var add_genus=[];\r
-var add_val=[];\r
-var add_name=[];\r
- //alert(submit_button.hasClass("add")); \r
- var iframe= $("iframe#info");\r
- var submit_button=iframe.contents().find("#submit"); \r
-//alert(submit_button.hasClass("add")); \r
- if(submit_button.hasClass("add"))\r
- {\r
- // alert("adding class button");\r
- \r
- var iframe=$("iframe#info");\r
- var add_genus=iframe.contents().find('#genusSelect option:selected');\r
- var add_specie=iframe.contents().find('#specieSelect option:selected');\r
-// var to_add=add_genus+" "+add_specie;\r
- // console.warn(add_genus);\r
- \r
- $(add_specie).each( function(){ \r
- contains = function (input, arrayData) {\r
- for (i=0; i<arrayData.length; i++) {\r
- if (arrayData[i] == input) {\r
- return 1;\r
- } // fi If\r
- } //fi For\r
- return -1;\r
- }; //fi contains\r
-\r
- value=parseInt(this.value); \r
- if(contains(value,genus_val)==1)\r
- {\r
-// console.warn(value+" is already on list");\r
- }\r
- else {\r
- // console.info(this.value+" is still not selected??");\r
- // add_val.push(parseInt(this.value));\r
- add_name.push($(add_genus).text()+" "+this.text);\r
- genus_val.push(parseInt(this.value));\r
- genus_sp.push($(add_genus).text()+" "+this.text); //this.value donarà\r
-\r
- }\r
-\r
- }); //fi each\r
- // console.log(add_val);\r
- \r
- $.each(add_name,function(n,value)\r
- {\r
- // console.log(value);\r
- htm="<tr style='width: 178px;'><td style='width: 100px;font-size:8pt'>"+value+"</td><td style='width: 78px;'><input type='text' id='color1' name='color1' class='colorwell' value='#123456' /></td></tr>";\r
- $("#color_form table").append(htm); \r
- htm2="<tr><td align='center' style='font-size:8pt'>"+value+"</td><td><select id='symbol' class='symbology'><option value='Star'>Star</option><option value='cross'>Cross</option><option value='triangle'>Triangle</option><option value='circle'>Circle</option><option value='square'>square</option></select></td></tr>"; \r
- $("#symbol_form table").append(htm2);\r
- htm3="<tr><td align='center' style='font-size:8pt'>"+value+"</td><td><select id='size' class='size'><option value='5'>5</option><option value='7'>7</option><option value='12'>12</option><option value='20'>20</option></select></td></tr>";\r
- $("#size_form table").append(htm3);\r
- })\r
-\r
- } //fi if hasClass "add"\r
- else\r
- {\r
-// alert("from start");\r
- genus_val=[];\r
- genus_sp=[];\r
-var iframe=$("iframe#info"); \r
- var genus=iframe.contents().find('#genusSelect option:selected');\r
- var specie=iframe.contents().find('#specieSelect option:selected');\r
- // var genus_specie=genus+" "+specie;\r
-\r
- var genus_size=iframe.contents().find('#specieSelect option').size();\r
- // var inputs = [];\r
- var htm="<form style='width: 180px;'><span id='loadStatus'></span><div id='picker' style='position:absolute;left:185px'></div><table style='position:relative;left:0px;top:0px;background-color:transparent'>";\r
- specie.each( function() \r
- { \r
- \r
- // var selected_genus2=iframe.contents().find('#genusSelect option:selected').val();\r
- genus_val.push(parseInt(this.value)); //this.value donarà 0,1,2...o Bubas,Caccobius...????\r
- genus_sp.push($(genus).text()+" "+this.text); //this.value donarà\r
- \r
- // si 2ª... submit.each( function(index,data) {selected_genus.push(index)}; -->NO NECESSARI!\r
- // $.each(selected_genus,function(index,data))\r
- htm+="<tr style='width: 178px;'><td style='width: 100px;font-size:8pt'>"+$(genus).text()+" "+this.text+"</td><td style='width: 78px;'>";\r
- htm+="<input type='text' id='color1' name='color1' class='colorwell' value='#123456' /></td></tr>";\r
- // $("#symbol_form").append(option);\r
- }); // fi first EACH>\r
-\r
- htm+="</form></table>";\r
-\r
- $("#color_form").append(htm);\r
-\r
- htm2="<form action='' style='width: 180px;'><table style='background-color:transparent'>";\r
- specie.each( function() { \r
- htm2+="<tr><td align='center' style='font-size:8pt'>"+$(genus).text()+" "+this.text+"</td><td><select id='symbol' class='symbology'><option value='Star'>Star</option><option value='cross'>Cross</option><option value='triangle'>Triangle</option><option value='circle'>Circle</option><option value='square'>square</option></select></td></tr>";\r
- });\r
- htm2+="</table></form>";\r
- $("#symbol_form").append(htm2); \r
- htm="<form action='' style='width: 180px;'><table style='background-color:transparent'>";\r
- specie.each( function() { \r
- htm+="<tr><td align='center' style='font-size:8pt'>"+$(genus).text()+" "+this.text+"</td><td><select id='size' class='size'><option value='hidden'>Not visible</option><option value='7'>7</option><option selected value='15'>15</option><option value='20'>20</option></select></td></tr>";\r
- }); //FI 3r EACH\r
- htm+="</table></form>"\r
- $("#size_form").append(htm);\r
- // $("#ex2").animate({width:'390',height:'235'},"slow");\r
- \r
-}\r
-\r
- $('#info').fadeOut("slow");$("#info").hide(); //si no afegim hide, queda una part de l'iframe (IE, és clar!!)\r
- $("#send").show();\r
-\r
- $("#ex2").animate({width:'390',height:'235'},"slow");\r
-\r
- //ACTIONS INCLUDED ON SUBMIT CLICK... \r
-\r
-// $("#informacio,#restart").show();\r
- $("#informacio,#what_todo").hide(); \r
- $("#color_form").fadeIn("slow");\r
-// var home=$('#symbol_form a')[0];\r
- //home.click(function(){})\r
- \r
-$("#informacio,.restart").click(function(){$('#informacio').hide();$('#color_form').show(); \r
-\r
-var form_height=$('#color_form').height() ;\r
-msie=($.browser.msie==true)?true:false; \r
-//$("#send").show():alert("not msie");\r
-//TO DO !!! var adapt=function (target,param)\r
-//\r
-if (msie)\r
-{\r
- $("#send").show();\r
-// alert("msie");\r
- $("#ex2").animate({height:form_height},"slow");\r
- $("#color_form").fadeIn("slow");\r
-}\r
-else {\r
- major235=function()\r
- { $("#color_form").fadeIn("slow");$("#color_form").animate({height:'190'},"slow")\r
- }\r
- menor235=function()\r
- {\r
- $("#color_form").animate({height:'190',width:"365"},"slow");$("#ex2").animate({height:'240',width:"380"},"slow"); \r
- }\r
- (form_height > '235')?major235():menor235();\r
- $("#send").show(); \r
-\r
- var genus_val=[];\r
- var genus_name=[];\r
-} //fi if msie\r
-\r
-}); //FI SUBMIT_BUTTON CLICK ACTIONS\r
-\r
-//SEGUIM AMB ON FRAME LOAD.....\r
- var f = $.farbtastic('#picker');\r
- var p = $('#picker').css('opacity', 0.25);\r
- var selected;\r
- $('.colorwell')\r
- .each(function () { f.linkTo(this); $(this).css('opacity', 0.75); })\r
- .focus(function() {\r
- if (selected) {\r
- $(selected).css('opacity', 0.75).removeClass('colorwell-selected');\r
- }\r
- f.linkTo(this);\r
- p.css('opacity', 1);\r
- $(selected = this).css('opacity', 1).addClass('colorwell-selected');\r
- }); //FI ONFOCUS\r
- }); \r
- }); \r
-\r
-//console.info("fi on submit_button3333?????"); //SÍ\r
- };\r
-\r
-var onLoad_events=function() {\r
- function SelectSingleNode(xmlDoc, elementPath)\r
- {\r
- if(window.ActiveXObject)\r
- {\r
- return xmlDoc.selectSingleNode(elementPath);\r
- }\r
- else\r
- {\r
- var xpe = new XPathEvaluator();\r
- var nsResolver = xpe.createNSResolver( xmlDoc.ownerDocument == null ? xmlDoc.documentElement : xmlDoc.ownerDocument.documentElement);\r
- var results = xpe.evaluate(elementPath,xmlDoc,nsResolver,XPathResult.FIRST_ORDERED_NODE_TYPE, null);\r
- return results.singleNodeValue; \r
- }\r
- }\r
- function updateStatus(msg) {\r
- document.getElementById("loadStatus").firstChild.nodeValue = msg;\r
- }\r
-\r
- function getElementsByTagNameNS(node, uri, name) {\r
- //alert("exec");\r
- var nodes = format.getElementsByTagNameNS(node, uri, name);\r
- var pieces = [];\r
- for(var i=0; i<nodes.length; ++i) {\r
- pieces.push(format.write(nodes[i]));\r
- }\r
- updateOutput(pieces.join(' '));\r
- }\r
- var text='Data symbolization (click here and drag me)';\r
-\r
-// var jq='<div class="jqmdTL" style="background-size: 40%; z-index: 300;"><div class="jqmdTR"><div class="jqmdTC jqDrag">'+text+'</div><input type="image" class="jqmdX jqmClose"/><iframe id="info" name="nom_iframe" class="jqDrag" marginWidth=0 marginHeight=0 src="http://taxonomicindex.africamuseum.be/edit_wp5/edit_geo/prototype/formularis/select_formulari_sld.html" frameBorder=0 width=380 height=300; background-color=#D7DBDF"></iframe><div id="informacio">Now you can Select the symbology. Press the button only after you have chosen all possibilities!</div> <div id="what_todo">You have previously symbolized your data. <br>Do you want to <a href="#">continue the symbolization</a></strong>(it will keep your previous changes) or <br><br><a href="#"><strong>start again</strong></a> (previous changes will be deleted)</div><div id="color_form"><a style="padding-right:20px;">Start again</a> <a style="padding-right:20px;">Edit symbol</a><a style="padding-right:20px;"> Add new genus to symbolize</a></div><div id="symbol_form"><a>Edit size</a><div style="float:center;"><a>Back to edit color</a></div></div><div id="size_form"><a>Back to edit symbol</a></div><button id="send" value="symbolize it!">Symbolize it!</button>';\r
- var jq='<div class="jqmdTL" style="background-size: 40%; z-index: 300;"><div class="jqmdTR"><div class="jqmdTC jqDrag">'+text+'<input type="image" class="jqmdX jqmClose"/></div></div><iframe id="info" name="nom_iframe" class="jqDrag" marginWidth=0 marginHeight=0 frameBorder=0 width=380 height=300; background-color=#D7DBDF" src="http://taxonomicindex.africamuseum.be/edit_wp5/geo/formularis/select_by_specie.html?userid='+userid+'&p='+third+'_'+fourth+'"></iframe><div id="informacio">Now you can Select the symbology. Press the button only after you have chosen all possibilities!</div> <div id="what_todo">You have previously symbolized your data. <br>Do you want to <a href="#">continue the symbolization</a></strong>(it will keep your previous changes) or <br><br><a href="#"><strong>start again</strong></a> (previous changes will be deleted)</div><div id="color_form" style="display:block"><a style="padding-right:20px;">Start again</a> <a style="padding-right:20px;">Edit symbol</a><a style="padding-right:20px;"> Add new to symbolize</a></div><div id="symbol_form" style="display:block"><a>Edit size</a><div style="float:center;"><a>Back to edit color</a></div></div><div id="size_form" style="display:block"><a>Back to edit symbol</a></div><button id="send" value="symbolize it!">Symbolize it!</button>';\r
- $('#ex2').append(jq);\r
- // $("#ex2").append('<div class="jqmdTC jqDrag" style="position:relative;top:50px">Data symbolization (click here and drag me)</div>');\r
- bindFrameActions();\r
- $('#ex2').show();\r
- $('iframe#info').show();//$("#informacio").show(); \r
- repeat=$("#what_todo a")[0];\r
- start=$("#what_todo a")[1];\r
- $(repeat).hide();\r
- $(start).hide();\r
- $(repeat).bind('click',function(){\r
- $("#informacio, #what_todo,#send").hide();\r
- $("#what_todo a,div[id*='_form'],#send").hide();\r
-// $('div[id*="_form"]').hide();\r
- //$("#color_form,#send").show(); \r
- });//END repeat.bind\r
-\r
- $("#send").click(function()\r
- {\r
- Size=[];\r
- count=$('#color_form option').size();\r
- Symbol=[];\r
-\r
- //fconsole.info(Symbol);\r
- Sizers=[];\r
- Colors=[];\r
- Opacities=[];\r
- stroke_widths=[];stroke_colors=[];\r
- $("#size_form option:selected").each (function(index)\r
- {\r
- if (this.value=='hidden')\r
- {\r
- Opacities.push(0.0001);\r
- stroke_widths.push(0.0001);\r
- stroke_colors.push("#f5f5f5");\r
- Sizers.push(0.001); \r
-// Colors.push("#f5f5f5") \r
- }else\r
- {\r
- Opacities.push(1);\r
- stroke_widths.push(0.4);\r
- Sizers.push(this.value);\r
- stroke_colors.push("#ed9692");\r
- }\r
- });\r
-\r
- Symbols=[];\r
- $("#symbol_form option:selected").each (function(index)\r
- {\r
- Symbols.push(this.value);\r
- });\r
-\r
- \r
- $("#color_form input").each (function(index)\r
- {\r
- Colors.push(this.value);\r
- });\r
- //console.warn("genus values are :"+genus_val);\r
- var eval_xml=function()\r
- {\r
- var format = new OpenLayers.Format.XML();\r
- var doc = null;\r
- OpenLayers.loadURL(url, null, null, loadSuccess, loadFailure);\r
- }\r
-\r
-\r
- url=edit_sp_points.params.SLD;\r
- OpenLayers.loadURL(url, null, null, loadSuccess, loadFailure);\r
- function loadSuccess(request) {\r
- // updateStatus("");\r
- if(!request.responseXML.documentElement) {\r
- doc = format.read(request.responseText);\r
- //alert(doc);\r
- } \r
- else \r
- {\r
-\r
-\r
- $.get(url,{},function(xml)\r
- {\r
- var format = new OpenLayers.Format.XML();\r
- var root = xml.documentElement;\r
-\r
- FeatureType=root.getElementsByTagNameNS(root,'http://www.opengis.net/sld','FeatureTypeStyle')[0];\r
- \r
- $("Rule",xml).each(function(index,s) \r
- {\r
- \r
- /*\r
- if (index==0)\r
- {\r
- console.warn("index is"+index);\r
- $(this).remove();\r
- }*/\r
- var name=$(this).find("Name").text();\r
- name_val=$(this).find("Name").get(0);\r
-\r
- symbol_val=$(this).find("WellKnownName").get(0);\r
- symbol_val=symbol_val.firstChild;\r
- var size=$(this).find("Size").children();\r
- $(size).each(function(i)\r
- {\r
- size=this.firstChild\r
- })\r
- \r
- var opacity=$(this).find("CssParameter[name='fill-opacity']").get(0);\r
- opacity=opacity.firstChild;\r
- var fill_color=$(this).find("Fill").find("CssParameter").children();\r
- $(fill_color).each(function()\r
- {\r
- fill_color=this.firstChild;\r
- //console.warn(fill_color)\r
- })\r
- var stroke_color=$(this).find("CssParameter[name='stroke']").children();\r
- $(stroke_color).each(function()\r
- {\r
- stroke_color=this.firstChild;\r
- })\r
- \r
- var stroke_width=$(this).find("CssParameter[name='stroke-width']").children();\r
- $(stroke_width).each(function()\r
- {\r
- stroke_width=this.firstChild;\r
- })\r
-\r
- $.each(genus_sp,function(n,info)\r
- {\r
- \r
- if (name==info)\r
- { \r
-// console.warn("name is"+name);\r
-// console.warn("info is"+info); \r
- name2=name_val.firstChild;\r
- name2.nodeValue=name;\r
- size.nodeValue=Sizers[n];\r
- opacity.nodeValue=Opacities[n];\r
- stroke_width.nodeValue=stroke_widths[n];\r
- stroke_color.nodeValue=stroke_colors[n];\r
- //console.info(fill_color)\r
- fill_color.nodeValue=Colors[n];\r
- symbol_val.nodeValue=Symbols[n];\r
- // console.log("yyes for"+n)\r
- }\r
- // console.info(size)\r
-\r
- })\r
- })\r
- var text = format.write(xml);\r
- \r
- \r
- $.ajax({url:'http://taxonomicindex.africamuseum.be/edit_wp5/geo/test_xmls2.php',\r
- processData:false, type:'POST',dataType:'text',data:'data='+text+'&user='+userid+'&to_filter=3_4',\r
- success:function(data)\r
- {\r
- edit_sp_points.params.SLD=data;\r
- edit_sp_points.redraw();\r
- var sp_legend=document.getElementById("species_legend");\r
- sp_legend.setAttribute("src",legend='http://193.190.223.53:8080/geoserver/wms/GetLegendGraphic?VERSION=1.0.0&FORMAT=image/png&WIDTH=25&HEIGHT=20&LAYER=topp:user_points&SLD='+data);\r
- }\r
- });\r
- \r
- \r
- \r
- \r
- })\r
- \r
-\r
- \r
-/*\r
- \r
- */\r
- }\r
- \r
-}\r
- function loadFailure(request) {\r
- //updateStatus("failed to load");\r
- }\r
- // print_sld();\r
- });\r
-\r
- //$(start).bind('click',function(){$(".ex2trigger").trigger("click");});\r
-$('#ex2')\r
- .jqDrag('.jqDrag')\r
- .jqResize('.jqResize') ; \r
-}\r
-onLoad_events();\r
-\r
-// });\r