Tweet
Grüß euch?
Was muß Ich machen damit Unten stehender Code am Loxberry angezeigt wird/läuft?
so rufe Ich auf loxberryip/admin/plugins/demo/index.xxx
Die Datei , Js, Styles, images liegen im cgi Verzeichnis (hab auch html probiert)
es kommt keine Fehlermeldung sondern nur eine leere Seite wenn Ich es als .php aufrufe, bei htm html bekomme Ich eine Fehlermeldung Fehler 500 :-(
Internal Server Error
Wenn Ich das ganze auf meinem Webserver schiebe (Apache) dann läuft das ohne Probleme egal ob .php .htm .html
Was mach Ich falsch!!!!!!!
Was muß Ich machen damit Unten stehender Code am Loxberry angezeigt wird/läuft?
so rufe Ich auf loxberryip/admin/plugins/demo/index.xxx
Die Datei , Js, Styles, images liegen im cgi Verzeichnis (hab auch html probiert)
es kommt keine Fehlermeldung sondern nur eine leere Seite wenn Ich es als .php aufrufe, bei htm html bekomme Ich eine Fehlermeldung Fehler 500 :-(
Internal Server Error
Wenn Ich das ganze auf meinem Webserver schiebe (Apache) dann läuft das ohne Probleme egal ob .php .htm .html
Was mach Ich falsch!!!!!!!
Code:
<!DOCTYPE html>
<html>
<head>
<title>Theming jQuery UI Slider</title>
<link rel="stylesheet" type="text/css" href="styles/style.css">
</head>
<body>
<section>
<span class="tooltip"></span> <!-- Tooltip -->
<div id="slider"></div> <!-- the Slider -->
<span class="volume"></span> <!-- Volume -->
</section>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
<script>
$(function() {
//Store frequently elements in variables
var slider = $('#slider'),
tooltip = $('.tooltip');
//Hide the Tooltip at first
tooltip.hide();
//Call the Slider
slider.slider({
//Config
range: "min",
min: 1,
value: 35,
start: function(event,ui) {
tooltip.fadeIn('fast');
},
//Slider Event
slide: function(event, ui) { //When the slider is sliding
var value = slider.slider('value'),
volume = $('.volume');
tooltip.css('left', value).text(ui.value); //Adjust the tooltip accordingly
if(value <= 5) {
volume.css('background-position', '0 0');
}
else if (value <= 25) {
volume.css('background-position', '0 -25px');
}
else if (value <= 75) {
volume.css('background-position', '0 -50px');
}
else {
volume.css('background-position', '0 -75px');
};
},
stop: function(event,ui) {
tooltip.fadeOut('fast');
},
});
});
</script>
</body>
Kommentar