HTML-Code zum dynamischen Einbinden von SolarAnalyzer Lite in die eigene Homepage

Nachfolgend finden Sie den HTML-Code zum Einbinden von SolarAnalyzer Lite in die eigene Homepage.

Ersetzen Sie im Code http://sunics.de/solaranalyzer_www_config.xml gegen die URL zu Ihrer eigenen Konfigurationsdatei.

Tip: Legen Sie sich von Ihrer Konfiguration eine Backupdatei an (Export), bevor Sie eine Konfiguration für Ihre Homepage erstellen!

Alle im nachfolgenden Programmcode fett-markierten Stellen können Sie an Ihre Bedürfnisse anpassen.




Nutzungsbedingung:
SolarAnalyzer Lite darf kostenlos genutzt werden, um das Programm in Ihre Webseiten einzubinden. Der Link auf die Vollversion bei http://sunics.de/ muss gut sichtbar direkt unter dem Applet platziert sein. Farbe, Schrift und Schriftgöße des Links, können Sie im Sinne der guten Sichbarkeit anpassen.


<!--Anfang Appletcode//-->
<center> <script type="text/javascript"><!--

var width=150;
var height=170;
var BACKGROUND_COLOR="#FFFFFF";
var parameters=new Array (
new Array("CONFIG_FILE","http://sunics.de/solaranalyzer_www_config.xml"),
new Array("SHOW_VERTICAL", "true"),
new Array("SHOW_FULLSCREEN_BUTTON", "true"),
new Array("SHOW_MINISCREEN_BUTTON", "false"), //Wenn true, dann height auf 240 setzen!
new Array("BORDER_TEXT_COLOR", "#111111"),
new Array("BUTTON_TEXT_COLOR", "#444444"),
new Array("BORDER_TEXT_SIZE", "11"),
new Array("BUTTON_TEXT_SIZE", "10"),
new Array("TITLE_TEXT_SIZE", "11"),
new Array("SHOW_CONFIG", "false"),
new Array("BACKGROUND_IMAGE_URL", "http://sunics.de/img/solaranalyzer_lite_bg_example2.png"),
new Array("separate_jvm", "true"), //Diese Zeile nicht ändern
new Array("java_arguments", "-Dsun.java2d.ddoffscreen=false -Dsun.java2d.noddraw=true -Dsun.java2d.d3d=false"), //Diese Zeile nicht ändern
new Array("BACKGROUND_COLOR", BACKGROUND_COLOR) //Diese Zeile nicht ändern

);

var appletNode=null;
function solarAnalyzerControl() {
   if (appletNode!=null) {
     document.getElementById("SolarAnalyzerApplet").removeChild(appletNode);
     appletNode=null;
          var textNode=document.createTextNode("SolarAnalyzer starten");
     document.getElementById("SolarAnalyzerStartButton").replaceChild(textNode, document.getElementById("SolarAnalyzerStartButton").firstChild);
     return;
   }
   appletNode=document.createElement("applet");
   var archiveNode=document.createAttribute("archive");
   archiveNode.nodeValue="SolarAnalyzer_lite.jar,jcalendar-1.3.3.jar,borland_swing.jar";
   appletNode.setAttributeNode(archiveNode);
   var codeNode=document.createAttribute("code");
   codeNode.nodeValue="solaranalyzer.SolarAnalyzer";
   appletNode.setAttributeNode(codeNode);
   var widthNode=document.createAttribute("width");
   widthNode.nodeValue=width;
   appletNode.setAttributeNode(widthNode);
   var heightNode=document.createAttribute("height");
   heightNode.nodeValue=height;
   appletNode.setAttributeNode(heightNode);
   var codebaseNode=document.createAttribute("codebase");
   codebaseNode.nodeValue="http://sunics.de/";
   appletNode.setAttributeNode(codebaseNode);
   for (i=0; i<parameters.length; i++) {
     var paramNode=document.createElement("param");
     var nameNode=document.createAttribute("name");
     nameNode.nodeValue=parameters[i][0];
     paramNode.setAttributeNode(nameNode);
     var valueNode=document.createAttribute("value");
     valueNode.nodeValue=parameters[i][1];
     paramNode.setAttributeNode(valueNode);
     appletNode.appendChild(paramNode);
   }
   var textNode=document.createTextNode("SolarAnalyzer beenden");
   document.getElementById("SolarAnalyzerStartButton").replaceChild(textNode, document.getElementById("SolarAnalyzerStartButton").firstChild);
   document.getElementById("SolarAnalyzerApplet").appendChild(appletNode);
}
//-->
</script>

<script type="text/javascript">
document.write("<style type='text/css'>.SolarAnalyzer { margin:0px; text-align: center; background-color: "+BACKGROUND_COLOR+"; width:"+width+"px;}</style>");
</script>
<script type="text/javascript">
document.write("<style type='text/css'>.SolarAnalyzerBorder { margin:0px; text-align: center; padding: 0px; border-color:red; border-width:1px; border-style:solid; background-color: "+BACKGROUND_COLOR+"; width:"+(width-2)+"px}</style>");
</script>
<style type="text/css">
.SolarAnalyzerApplet { margin:0px; text-align: center;}
A.SolarAnalyzerControl:link {font-weight:bold; text-decoration:none;color: #ff0000; font-size:10px; font-family: Verdana;}
A.SolarAnalyzerControl:visited {font-weight:bold; text-decoration:none;color: #ff0000; font-size:10px; font-family: Verdana;}
A.SolarAnalyzerControl:active {font-weight:bold; text-decoration:none;color: #ff0000; font-size:10px; font-family: Verdana;}
A.SolarAnalyzerControl:hover {font-weight:bold; text-decoration:none;color: #ff0000; font-size:10px; font-family: Verdana;}
A.SolarAnalyzerLink:link {font-weight:bold; text-decoration:none;color: #ff0000; font-size:8px; font-family: Verdana;}
A.SolarAnalyzerLink:visited {font-weight:bold; text-decoration:none;color: #ff0000; font-size:8px; font-family: Verdana;}
A.SolarAnalyzerLink:active {font-weight:bold; text-decoration:none;color: #ff0000; font-size:8px; font-family: Verdana;}
A.SolarAnalyzerLink:hover {font-weight:bold; text-decoration:none;color: #ff0000; font-size:8px; font-family: Verdana;}
</style>


<div class="SolarAnalyzer">
   <div class="SolarAnalyzerBorder">
     <a id="SolarAnalyzerStartButton" class="SolarAnalyzerControl" href="javascript:solarAnalyzerControl()">SolarAnalyzer starten</a>
   </div>
   <br>
   <div class="SolarAnalyzerApplet" id="SolarAnalyzerApplet"></div>
   <a class="SolarAnalyzerLink" target="_blank" href="http://sunics.de/solaranalyzer_beschreibung.htm">Powered by SolarAnalyzer</a><br>
</div>

</center>


<!--Ende Appletcode//-->
-> Download HTML-Code (ca. 4,5 kB)