:: Buchempfehlung ::

**vt1816** · #11 15.04.2013, 15:57:58

Sorry, aber wenn ich mir nur den ersten Code ansehe, frage ich mich doch schon gleich, was macht "}" noch hinter </html>. Kannst Du mir dies erklären? Dabei kann es sich nicht um valieden Code handeln. Und bitte nicht: "Soll ja nur ein Beispiel sein." Entweder den richtigen Code hier rein und Hilfe bekommen oder es sein lassen.

Frage 2: Warum packst Du das ganze JS-Gerödel nicht zusammen und machst darin die Zeit-Abfrage?

Rewa · #12 15.04.2013, 16:17:19

'

Zitat:

Sorry, aber wenn ich mir nur den ersten Code ansehe, frage ich mich doch schon gleich, was macht "}" noch hinter </html>. Kannst Du mir dies erklären?

Das '}' ist das Ende von der function ich hab es nur ausversehen falsch rein kopiert ;)
wollt das zwischen gedönst, wo nur die Textauswahl aufgerufen wird überspringen. :)

Zitat:

Frage 2: Warum packst Du das ganze JS-Gerödel nicht zusammen und machst darin die Zeit-Abfrage?

Ich hab mir gedacht, dass ich die zetliche Logik von der Visuellen Darstellung, also der Diashow, trenne um einen besseren Überblick zu haben.

Hier nun der Code bei dem nichts übersprungen wird ;)

index.php

Code:

 
<html>

<head>
<title>Herzlich Willkommen</title>

<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="dhtml.js"></script>
<script type="text/javascript">
var Uhrzeit=0;

function ZeitAnzeigen () {
  var Wochentagname = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch",
                                "Donnerstag", "Freitag", "Samstag");
  var Jetzt = new Date();
  var Tag = Jetzt.getDate();
  var Monat = Jetzt.getMonth() + 1;
  var Jahr = Jetzt.getYear();
  if (Jahr < 999)
    Jahr += 1900;
  var Stunden = Jetzt.getHours();
  var Minuten = Jetzt.getMinutes();
  var Sekunden = Jetzt.getSeconds();
  var WoTag = Jetzt.getDay();
  var Vortag = (Tag < 10) ? "0" : "";
  var Vormon = (Monat < 10) ? ".0" : ".";
  var Vorstd = (Stunden < 10) ? "0" : "";
  var Vormin = (Minuten < 10) ? ":0" : ":";
  var Vorsek = (Sekunden < 10) ? ":0" : ":";
  var Datum = Vortag + Tag + Vormon + Monat + "." + Jahr;
  Uhrzeit = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden;
  var Gesamt = Wochentagname[WoTag] + ", " + Datum + ", " + Uhrzeit;

  if (DHTML) {
    if (NS4) {
      setContent("id", "Uhr", null, '<span class="Uhr">' + Gesamt + "<\/span>");
    } else {
      setContent("id", "Uhr", null, Gesamt);
    }
    window.setTimeout("ZeitAnzeigen()", 1000);
  }
  if ((Stunden == 11) & (Minuten == 00) & (Sekunden == 05)) // Um 8:00:00 wird die Seite neu geladen
    {
            location.reload();
    }
	
	if ((Stunden == 13) & (Minuten == 00) & (Sekunden == 05)) // Um 8:00:00 wird die Seite neu geladen
    {
            location.reload();
    }
	

}

<!--
 
var ZeitJaNein = 1;
var DatumHeute = new Date();
var Wochentag = DatumHeute.getDay();


// Texte hier eintragen
// zeit- und wochentagabhängige Textausgabe 3 Unterscheidungen
 
function Textauswahl(StdAktuell,Wochentag)  {
 
  // werktags von 11:00 - 12:59  Uhr
  if (StdAktuell >=11 && StdAktuell <= 12){
	<?php include('Seite2.php'); ?>}
	
	// Rest
  else {
 <?php include('Seite1.php');?>}
 
 
 return ' ';
 }

// Uhrzeitermittlung und Formatierung des Zeitwertes
 
// aktueller Minutenwert
var MinAktuell = DatumHeute.getMinutes();
 
// aktueller Stundenwert
var StdAktuell = DatumHeute.getHours()

// falls einstellig, führende Null hinzufügen
MinZwei  = MinAktuell < 10 ? "0" + MinAktuell : "" + MinAktuell;
StdZwei  = StdAktuell < 10 ? "0" + StdAktuell : "" + StdAktuell;
 
function Begruessung()
{ document.write(Textauswahl(StdAktuell));}

//-->
</script>


</head>

<script type="text/javascript" language="JavaScript"> 
<!--
Begruessung();
//-->
</script>

<body onload='window.setTimeout("ZeitAnzeigen()", "1000")'>
<!-- <div id="Uhr" class="Uhr">&nbsp;</div>-->

<div id="slideshow" style="width:1000px;height:800px">

</body>
</html>

Der Coden von Seite1.php folgt.

Rewa · #13 15.04.2013, 16:18:34

Seite1.php

Code:

<?php 
$Datum=date('d');
$ordner="$Datum/Seite1";
$handle=opendir($ordner); // hier wird der gewünschte Ordner angegeben  
$count=0; // counter wird auf 0 gesetzt    
while ($file = readdir ($handle))       {            
if ($file != "." && $file != "..")              {               
        $count++; // counter wird erhöht                    
        //echo "filen"; // hier könntest du dieeinzelnen files                                   // ausgeben lassen          
        }           }     
        closedir($handle);      
    
 

echo "

var DatumHeute = new Date();
var Wochentag = DatumHeute.getDate();

var variable = " . $count . ";

 var def_imges=new Array();
 if(variable==1) {
document.write('<div style=\"width:800px;height:600px\">'); 
document.write('<div style=\"position:absolute;width:800px;height:600px;\">');
document.write('<div id=\"img_01\" style=\"font-size:0;height:600px;width:800px;margin:0;padding:0;text-align:center;visibility:visible;z-index:2;position:absolute;left:0;top:0;width:600px;height:800px;mozopacity:1;opacity:1\">');
		document.write('<img src=\"'+Wochentag+'/Seite1/Folie1.jpg\"  style=\"vertical-align:middle;border:0;height:600px;width:1000px\" alt=\" \"></div>');
 }
 


  else {  for(i=1; i<=variable;i++) {def_imges[i-1]=Wochentag+'/Seite1/Folie'+i+'.jpg';};
	document.write('&nbsp');
	
var def_divid='slideshow'; //the id of the div container that will hold the slideshow
var def_picwid=800; //set this to the width of your widest pic
var def_pichei=600; //... and this to the height of your highest pic
var def_backgr=''; //set this to the background color you want to use for the slide-area
//(for example the body-background-color) if your pics are of different size
var def_sdur=10; //time to show a pic between fades in seconds
var def_fdur=1; //duration of the complete fade in seconds
var def_steps=20; //steps to fade from on pic to the next
var def_startwhen='y'; //start automatically at pageload? set it to 'y' for on and to 'n' for off
var def_shuffle='y'; //start with random image? set it to 'y' for on and to 'n' for off
var def_showcontr='n'; //do you want to show controls? set it to 'y' for on and to 'n' for off
//into this array insert the paths of your control-buttons or the text to display e.g. back,start,stop,fwrd.
var def_contr=new Array ('bwd.png', 'start.png', 'stop.png', 'fwd.png');




//****************************************************************

//daisychain onload-events
function daisychain(sl){if(window.onload) {var ld=window.onload;window.onload=function(){ld();sl();};}else{window.onload=function(){sl();};}}

function be_slideshow(be_slideid,be_imges,be_divid,be_picwid,be_pichei,be_backgr,be_sdur,be_fdur,be_steps,be_startwhen,be_shuffle,be_showcontr,be_contr){

//declarations and defaults
	var slideid=(be_slideid)?be_slideid:'0';
	var imges=(be_imges)?be_imges:def_imges;
	var divid=(be_divid)?be_divid:def_divid;
	var picwid=(be_picwid)?be_picwid:def_picwid;
	var pichei=(be_pichei)?be_pichei:def_pichei;
	var backgr=(be_backgr)?be_backgr:def_backgr;
	var sdur=(be_sdur)?be_sdur:def_sdur;
	var fdur=(be_fdur)?be_fdur:def_fdur;
	var steps=(be_steps)?be_steps:def_steps;
	var startwhen=(be_startwhen)?be_startwhen:def_startwhen;
			startwhen=(startwhen.toLowerCase()=='y')?1:0;
	var shuffle=(be_shuffle)?be_shuffle:def_shuffle;
			shuffle=(shuffle.toLowerCase()=='y')?1:0;
	var showcontr=(be_showcontr)?be_showcontr:def_showcontr;
			showcontr=(showcontr.toLowerCase()=='y')?1:0;
	var contr=(be_contr)?be_contr:def_contr;
	var ftim=fdur*1000/steps;
	var stim=sdur*1000;
	var emax=imges.length;
	var self = this;
	var stopit=1;
	var startim=1;
	var u=0;
	var parr = new Array();
	var ptofade,pnext,factor,mytimeout;
	

	
//check if there are at least 3 pictures, elswhere double the array
 if(imges.length<=2){imges=imges.concat(imges);}
//shuffle images if set
  if(shuffle){var i;for(i=0;i<=Math.floor(Math.random()*imges.length);i++){imges.push(imges.shift());}}
  
//push images into array and get things going
	this.b_myfade = function(){
		var a,idakt,paktidakt,ie5exep;
		for(a=1;a<=emax;a++){
			idakt='img_'+slideid+'_'+a;paktidakt=document.getElementById(idakt);
    	ie5exep=new Array(paktidakt);parr=parr.concat(ie5exep);
    }
		if(startwhen){
			stopit=0;
 			mytimeout=setTimeout(function(){self.b_slide();},stim);
 		}
	}

//prepare current and next and trigger slide
	this.b_slide = function(){
		clearTimeout(mytimeout);
		u=0;
		ptofade=parr[startim-1];
		if(startim<emax){pnext=parr[startim];}
		else{pnext=parr[0];}
		pnext.style.zIndex=1;
		pnext.style.visibility='visible';
		pnext.style.filter='Alpha(Opacity=100)';
		try{pnext.style.removeAttribute('filter');} catch(err){}
		pnext.style.MozOpacity=1;
		pnext.style.opacity=1;
		ptofade.style.zIndex=2;
		ptofade.style.visibility='visible';
		ptofade.style.filter='Alpha(Opacity=100)';
		ptofade.style.MozOpacity=1;
		ptofade.style.opacity=1;
		factor=100/steps;
		if(stopit=='0'){
			this.b_slidenow();
		}
	}

//one step forward
	this.b_forw = function(){
		stopit=1;
		clearTimeout(mytimeout);
		ptofade=parr[startim-1];
		if(startim<emax){pnext=parr[startim];startim=startim+1;}
		else{pnext=parr[0];startim=1;}
		ptofade.style.visibility='hidden';
		ptofade.style.zIndex=1;
		pnext.style.visibility='visible';
		pnext.style.zIndex=2;
		self.b_slide();
	}

//one step back
	this.b_back = function(){
		stopit=1;
		clearTimeout(mytimeout);
		if(u==0){ //between two slides
			ptofade=parr[startim-1];
			if(startim<emax){pnext=parr[startim];}
			else{pnext=parr[0];}
			pnext.style.visibility='hidden';
			ptofade.style.zIndex=1;
			ptofade.style.visibility='visible';
			if(startim>=2){startim=startim-1;}
			else{startim=emax;}
			self.b_slide();
		}
		else{ //whilst sliding
			self.b_slide();
		}
	}

//slide as said, then give back
	this.b_slidenow = function(){
		var check1,maxalpha,curralpha;
		check1=ptofade.style.MozOpacity;
		maxalpha=(100-factor*u)/100*105;
		if(check1<=maxalpha/100){u=u+1;}
		curralpha=100-factor*u;
		ptofade.style.filter='Alpha(Opacity='+curralpha+')';
		ptofade.style.MozOpacity=curralpha/100;
		ptofade.style.opacity=curralpha/100;
		if(u<steps){ //slide not finished
			if(stopit=='0'){mytimeout=setTimeout(function(){self.b_slidenow();},ftim);}
			else {this.b_slide();}
		}
		else{ //slide finished
			if(startim<emax){
				ptofade.style.visibility='hidden';
				ptofade.style.zIndex=1;
				pnext.style.zIndex=2;
				startim=startim+1;u=0;
				mytimeout=setTimeout(function(){self.b_slide();},stim);
			}
			else{
				ptofade.style.visibility='hidden';
				ptofade.style.zIndex=1;
				pnext.style.zIndex=2;
				startim=1;u=0;
				mytimeout=setTimeout(function(){self.b_slide();},stim);
			}
		}
	}

//manual start
	this.b_start= function(){
		if(stopit==1){
 			stopit=0;
 			mytimeout=setTimeout(function(){self.b_slide();},stim);
 		}
	}

//manual stop
	this.b_stop= function(){
		clearTimeout(mytimeout);
		stopit=1;
		this.b_slide();
	}

//insert css and images
	this.b_insert= function(){
		var b, thestylid, thez, thevis, slidehei;
		slidehei=(showcontr)?(pichei+25):(pichei); //add space for the controls
		var myhtml='<div style=\"width:' + picwid + 'px;height:'+slidehei+'px\">'; 
   			myhtml+='<div style=\"position:absolute;width:'+picwid+'px;height:'+pichei+'px;\">';
		for(b=1;b<=emax;b++){
			thez=1;thevis='hidden';
			if(b<=1) {thez=2; thevis='visible';}
			  myhtml+='<div id=\"img_'+slideid+'_'+b+'\" style=\"font-size:0;height:'+pichei+'px;width:'+picwid+'margin:0;padding:0;text-align:center;visibility:'+thevis+';z-index:'+thez+';position:absolute;left:0;top:0;width:'+picwid+'px;height:'+pichei+'px;background-color:'+backgr+'\">';
				myhtml+='<img src=\"'+imges[(b-1)]+'\"  style=\"vertical-align:middle;border:0;height:600px;width:1000px\" alt=\" \"></div>';
		}
   			myhtml+='</div>';
//show controls
		if(showcontr){
				for(b=1;b<=4;b++){
					var check=contr[b-1].substring(contr[b-1].length-3).toLowerCase(); //check for buttons
					contr[b-1]=(check=='jpg'||check=='gif'||check=='png')?('<img src=\"+contr[b-1]+\" style=\"border:none;\" alt=\" \" />'):(contr[b-1]);
				}
   			myhtml+='<div style=\"display:block;width:'+picwid+'px;padding-top:'+(pichei+3)+'px;text-align:right;\">';
   			myhtml+='<a href=\"javascript:be_'+slideid+'.b_back();\" style=\"text-decoration:none\">'+contr[0]+'</a>&nbsp;';
   			myhtml+='<a href=\"javascript:be_'+slideid+'.b_start();\" style=\"text-decoration:none\">'+contr[1]+'</a>&nbsp;';
   			myhtml+='<a href=\"javascript:be_'+slideid+'.b_stop();\" style=\"text-decoration:none\">'+contr[2]+'</a>&nbsp;';
   			myhtml+='<a href=\"javascript:be_'+slideid+'.b_forw();\" style=\"text-decoration:none\">'+contr[3]+'</a>' ;
		}
   			myhtml+='</div>';
		document.getElementById(divid).innerHTML=myhtml;
		
	
		self.b_myfade();
	}

//call autostart-function
daisychain(this.b_insert);
	
}

var be_0= new be_slideshow(); }" ;?>

Rewa · #14 16.04.2013, 11:05:13

Ich habs hinbekommen, also so dass es zumindest funktioniert :)

hab anstatt

Code:

function Textauswahl(StdAktuell,Wochentag)  {
 
  // werktags von 11:00 - 12:59  Uhr
  if (StdAktuell >=11 && StdAktuell <= 12){
	<?php include('Seite2.php');}	
	// Rest
  else {
 <?php include('Seite1.php'); }
 
 return ' ';
 }

dass hier gemacht

Code:

function Textauswahl(StdAktuell,Wochentag)  {
 
  // werktags von 11:00 - 12:59  Uhr
  if (StdAktuell >=11 && StdAktuell <= 12){
	document.write('<iframe src="Seite2.html"> </iframe> ');}
	
	// Rest
  else {
 document.write('<iframe src="Seite1.html"> </iframe> ');}
 
 
 return ' ';
 }

und bei Seeite1.html dann dass hier geschrieben

Code:

<head>
<script type="text/javascript"src="Seite1.php">

 
</script>
</head>
<body> 

<div id="slideshow"> </div>

</body>

und tadaaa hat es auf einmal Funktioniert. Ich weiß ist gerade nicht die beste
art von Codierung, aber ist zumindest eine die läuft.
Danke euch allen für eure tipps und eure Beiträge. :)

Und nicht vergessen, "Never touch a running system" . ;)

:: Buchempfehlung ::

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!