sldwizard.jsp

联合国农粮署牵头开发的geonetwork源代码最新版

/**
 * Browser capabilities: prefixes for IE
 * Inspect for IE first. If you do mozilla first, it will just be mozilla and IE will die
 */
function getElements(node,tag_prefix,tag_name)
{
	if (window.ActiveXObject)
	{
		//IE has no idea of namespaces/prefixes
		log("parsing IE");
		return node.getElementsByTagName(tag_prefix+":"+tag_name);
    }
    else if (window.XMLHttpRequest)
    {
       //mozilla
       return node.getElementsByTagName(tag_name);
    }
    else
		log("Unsupported browser format: not expecting this kind of browser.");
    
}

function enableSuccessMessage()
{
	if (document.all) // if IE
	{
		log("ie put");
		doc = document.getElementById('sld_success').getElementsByTagName('span')[0];
		doc.innerHTML = '<b><font color="#22ff33" size="+1">Success</font></b>';
		
	}
	else
		document.getElementById('inner_sld_success').innerHTML = "<b><font color=\"#22ff33\" size=\"+1\">Success</font></b>";
}

function hideSuccessMessage()
{
	if (document.all) // if IE
	{
		doc = document.getElementById('sld_success').getElementsByTagName('span')[0];
		doc.innerHTML = '';
	}
	else
		document.getElementById('inner_sld_success').innerHTML = "";
}

/**
 * Log to screen
 */
function log(text)
{
	IFrameElement = document.getElementsByName("logFrame")[0];

	//get doc
	if (IFrameElement.contentDocument)
	{
		IFrameDoc = IFrameElement.contentDocument;
	}
	else if (IFrameElement.contentWindow)
	{
		IFrameDoc = IFrameElement.contentWindow.document;
	}
	else if (IFrameElement.document)
	{
		IFrameDoc = IFrameElement.document;
	}
	else
	{
		return true;
	}


     //put a <div><pre></pre></div>
	if (IFrameDoc.body.getElementsByTagName("div")[0] ==null)
	{

 	   divNode = IFrameDoc.createElement("div");
 	   preNode = IFrameDoc.createElement("pre");
 	   preNode.appendChild(IFrameDoc.createTextNode(""));
 	   divNode.appendChild(preNode);

       IFrameDoc.body.appendChild(divNode);


       //alert(IFrameDoc.body.getElementsByTagName("div")[0] );
	}


	// add the text
	//<div><pre>  text<br>  </pre></div>
	preNode = IFrameDoc.body.getElementsByTagName("pre")[0];

	textNode = IFrameDoc.createTextNode(text) ;

	preNode.appendChild(  textNode  );
	preNode.appendChild(  IFrameDoc.createElement("br")  );
	//  textNode.scrollIntoView(true);
}

/**
 * For killing form 'action' functionality. Cheap hack, I'm sure there are better ways to do it.
 * Also for killing link tags.
 */
function nothing()
{
}



// Flooble Color Picker
// Color Picker Script from Flooble.com
// For more information, visit 
//	http://www.flooble.com/scripts/colorpicker.php
// Copyright 2003 Animus Pactum Consulting inc.
// You may use and distribute this code freely, as long as
// you keep this copyright notice and the link to flooble.com
// if you chose to remove them, you must link to the page
// listed above from every web page where you use the color
// picker code.
//---------------------------------------------------------
     var perline = 15;
     var divSet = false;
     var curId;
     var colorLevels = Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F');
     var colorArray = Array();
     var ie = false;
     var nocolor = 'none';
	 if (document.all) { ie = true; nocolor = ''; }
	 function getObj(id) {
		if (ie) { return document.all[id]; } 
		else {	return document.getElementById(id);	}
	 }

     function addColor(r, g, b) {
     	var red = colorLevels[r];
     	var green = colorLevels[g];
     	var blue = colorLevels[b];
     	addColorValue(red, green, blue);
     }

     function addColorValue(r, g, b) {
     	colorArray[colorArray.length] = '#' + r + r + g + g + b + b;
     }
     
     function setColor(color) {
     	var link = getObj('pick'+curId);
     	var field = getObj(curId);// + 'field'
     	var picker = getObj('colorpicker');
     	field.value = color;
     	if (color == '') {
			link.innerHTML="&nbsp;&nbsp;&nbsp;";
	     	link.style.background = nocolor;
	     	link.style.color = nocolor;
	     	color = nocolor;
     	} else {
			link.innerHTML="&nbsp;&nbsp;&nbsp;";
	     	link.style.background = color;
	     	link.style.color = color;
	    }
     	picker.style.display = 'none';
	    eval(getObj(curId).title);// + 'field'
     }
        
     function setDiv() {     
     	if (!document.createElement) { return; }
        var elemDiv = document.createElement('div');
        if (typeof(elemDiv.innerHTML) != 'string') { return; }
        genColors();
        elemDiv.id = 'colorpicker';
	    elemDiv.style.position = 'absolute';
        elemDiv.style.display = 'none';
        elemDiv.style.border = '#000000 1px solid';
        elemDiv.style.background = '#FFFFFF';
        elemDiv.innerHTML = '<span style="font-family:Verdana; font-size:11px;">Pick a color: ' 
          	+ '(<a href="javascript:setColor(\'\');">No color</a>)<br>' 
        	+ getColorTable() 
        	+ '<center><a href="http://www.flooble.com/scripts/colorpicker.php"'
        	+ ' target="_blank">color picker</a> by <a href="http://www.flooble.com" target="_blank"><b>flooble</b></a></center></span>';

        document.body.appendChild(elemDiv);
        divSet = true;
     }
     
     function pickColor(id) {
     	if (!divSet) { setDiv(); }
     	var picker = getObj('colorpicker');     	
		if (id == curId && picker.style.display == 'block') {
			picker.style.display = 'none';
			return;
		}
     	curId = id;
     	var thelink = getObj(id);
     	picker.style.top = getAbsoluteOffsetTop(thelink) + 20;
     	picker.style.left = getAbsoluteOffsetLeft(thelink);     
	picker.style.display = 'block';
     }
     
     function genColors() {
        addColorValue('0','0','0');
		//addColorValue('1','1','1');
		addColorValue('2','2','2');
        addColorValue('3','3','3');
		addColorValue('4','4','4');
		addColorValue('5','5','5');
        addColorValue('6','6','6');
		addColorValue('7','7','7');
        addColorValue('8','8','8');
        addColorValue('9','9','9');
        addColorValue('A','A','A');
		addColorValue('B','B','B');
        addColorValue('C','C','C');
		addColorValue('D','D','D');
        addColorValue('E','E','E');
        addColorValue('F','F','F');
			
        for (a = 1; a < colorLevels.length; a++)
			addColor(0,0,a);
        for (a = 1; a < colorLevels.length - 1; a++)
			addColor(a,a,5);

        for (a = 1; a < colorLevels.length; a++)
			addColor(0,a,0);
        for (a = 1; a < colorLevels.length - 1; a++)
			addColor(a,5,a);
			
        for (a = 1; a < colorLevels.length; a++)
			addColor(a,0,0);
        for (a = 1; a < colorLevels.length - 1; a++)
			addColor(5,a,a);
			
			
        for (a = 1; a < colorLevels.length; a++)
			addColor(a,a,0);
        for (a = 1; a < colorLevels.length - 1; a++)
			addColor(5,5,a);
			
        for (a = 1; a < colorLevels.length; a++)
			addColor(0,a,a);
        for (a = 1; a < colorLevels.length - 1; a++)
			addColor(a,5,5);

        for (a = 1; a < colorLevels.length; a++)
			addColor(a,0,a);			
        for (a = 1; a < colorLevels.length - 1; a++)
			addColor(5,a,5);
			
       	return colorArray;
     }
     function getColorTable() {
         var colors = colorArray;
      	 var tableCode = '';
         tableCode += '<table border="0" cellspacing="1" cellpadding="1">';
         for (i = 0; i < colors.length; i++) {
              if (i % perline == 0) { tableCode += '<tr>'; }
              tableCode += '<td bgcolor="#000000"><a style="outline: 1px solid #000000; color: ' 
              	  + colors[i] + '; background: ' + colors[i] + ';font-size: 10px;" title="' 
              	  + colors[i] + '" href="javascript:setColor(\'' + colors[i] + '\');">&nbsp;&nbsp;&nbsp;</a></td>';
              if (i % perline == perline - 1) { tableCode += '</tr>'; }
         }
         if (i % perline != 0) { tableCode += '</tr>'; }
         tableCode += '</table>';
      	 return tableCode;
     }
     function relateColor(id, color) {
     	var link = getObj(id);
     	if (color == '') {
	     	link.style.background = nocolor;
	     	link.style.color = nocolor;
	     	color = nocolor;
     	} else {
	     	link.style.background = color;
	     	link.style.color = color;
	    }
	    eval(getObj(id + 'field').title);
     }
     function getAbsoluteOffsetTop(obj) {
     	var top = obj.offsetTop;
     	var parent = obj.offsetParent;
     	while (parent != document.body) {
     		top += parent.offsetTop;
     		parent = parent.offsetParent;
     	}
     	return top;
     }
     
     function getAbsoluteOffsetLeft(obj) {
     	var left = obj.offsetLeft;
     	var parent = obj.offsetParent;
     	while (parent != document.body) {
     		left += parent.offsetLeft;
     		parent = parent.offsetParent;
     	}
     	return left;
     }



-->
</script>
<!-- ================================ -->
<!-- --- END -- JAVASCRIPT ---------- -->
<!-- ================================ -->




<body onload="setup()" text="#AAC0FF">

<font color="#08809F" size="+2"><b>Create new SLD for FeatureType: &nbsp;<i><span id="span_ftName" name="span_ftName"><bean:write property='<%= "typeName" %>' name="typesEditorForm"/></span></font></i></b>
<br>&nbsp;<br>

<span id="hidden_ft_attrs" name="hidden_ft_attrs" style="display:none"><bean:write property='<%= "attributes" %>' name="typesEditorForm" /></span>

<span id="hidden_ft_attrNames" name="hidden_ft_attrNames" style="display:none">
<logic:iterate id="attribute" indexId="index" name="typesEditorForm" property="attributes">
	<bean:write name="attribute" property="name"/>,
</logic:iterate>
</span>



<!--bean:write property="<%= "attributes" %>" name="typesEditorForm" /-->
<form action="javascript:nothing()">
	<table width=650 bgcolor="#7C8DBF">
		<tr><td>
			<div id="mainEditDiv" name="mainEditDiv">
			</div>
		</td></tr>
	</table>
	<i><font color="#770000">* All fields are required.</font></i><br>&nbsp;<br>
	
	<input type="submit" value="Apply Style" onclick="generateSLD()">
	<div id="sld_success"><span id="inner_sld_success" name="inner_sld_success"></span></div>
</form>


<font color="#222222"><i>You must apply the style before it will be saved.<br>
Hit the 'Apply Style' button above'.</i></font><be>

<!-- finished button "back to FeatureType editor" -->
<form action="<%=request.getContextPath()%>/config/data/typeEditor.do">
	<input type="submit" value="Finished">
</form>

<p>&nbsp;<br>
<span><iframe width=90% height=150px name=logFrame></iframe></span><!-- style="display:none"-->
<br>




</body>

</html>