RE: Styleswitcher - 3

Florians Forum � Webmaster � Xobor (Homepagemodules & Dynamicboard) � Funktionen & Template � Styleswitcher

Seite 3 von 3 � Seite 1 2 3 Seite �

Themen-Einstellungen

Bereich wechseln

#41 | RE: Styleswitcher datum

datum

27.12.2011 17:54

Hi, ich meinte eher abends so ein "Augenschonendesdesign", nur die Nutzer hätten sich dabei selber einstellen können um wie viel Uhr genau das Design sich zu diesem ändern sollte.

Das war eher so mein Reitz dazu. Eher würde ich es alleine versuchen sowas umzuschreiben, auch aus dem grund einfach was neues zu lernen.

Danke für deine erklärung, ich sollte vielleicht nicht zuviel kombiernieren, und auch selbstendängier werden was selber zu machen

nach oben springen

#42 | RE: Styleswitcher datum

datum

30.12.2011 10:16

Hey toggo,
am Anfang des Skriptes sind ja die Uhrzeiten in den Array-Objekten definiert.
Also du hast ein Array, welches Objekte mit Eigenschaften f�r Zeit und Adresse enth�lt.
Wie man Array-Elemente oder Objekte anspricht, sollte gut im Netz zu finden sein.
Hier sprichst du beides gleich nacheinander an.

Wenn du dir einfach eine Dropdown bastelst, welche verschiedene Uhrzeiten enth�hlt und dann mit Hilfe des letzten Cookie-Skripts die Uhrzeit hinterlegst,
dann k�nntest du das Hintergrundwechsler-Skript oben ggf. erg�nzen, dass die Cookie-Werte - sofern es welche gibt - benutzt werden.

Das ist eigentlich mal eine gute �bung.
Und im Prinzip brauchst du das nicht wirklich in den Styleswitcher integrieren, du musst nur den Hintergrund-Wechsler paralell einbauen.
(... und nicht aus Versehen mit dem Styleswitcher einen anderen Hintergrund zuweisen.)
Hier kommt es wirklich nur darauf an, den Hintergrund-Wechsler geschickt zu ver�ndern oder zu erweitern.

Viel Gl�ck!

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

#43 | RE: Styleswitcher datum

datum

31.12.2011 01:17

Ein versuch mal selbständig zu werden ist es schon Danke dir für die Vorlagen

nach oben springen

#44 | RE: Styleswitcher datum

datum

01.05.2012 12:13

Offline

toggodamian

Informationen anzeigen

Beitr�ge:	67
Punkte:	188
Registriert seit:	13.01.2011

Ich habe es bisher noch nicht geschafft bzw. nicht ausprobiert, in einem hast du eigentlich aber schon recht, so wird das Script nur noch umso länger und unbrauchbarer, naja das wird sich ja noch heraus stellen, vielleicht wollen ja die User doch mal sowas haben.
Ich weiß nicht ob du das kennst, gehört aber auch zum Styleswitcher. Ich habe einen Server gerade das wohl etwas Instabil ist, oder irgendwie etwas Blockiert wird, so das ich auf ihn nicht drauf komme. (Ich hoffe mal das dass nur bei mir der Fall ist).

Ich habe mir dieses Script von Olaf genommen und eine kleine Änderung gemacht, leider scheint wohl das ganze nicht recht zu funktionieren, ich glaube das tut es auch ohne meine auch nicht besser. Dieses Script fragt die Höhe des Bildes ab, wenn das Bild und somit auch die .css dateien nicht erreichbar sind, wird der Alternative style gesetzt. Leider ist aber im Browsercache allerdings vorhanden aber die .css daten nicht, und dann wird eine Rohe Seite angezeigt.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<script>
setTimeout("test()", 500);
var Bild = new Image();
Bild.src = 'http://damian.pixama.de/img/frage.gif';
 
function test() {
 
if (Bild.height == 15) {
//document.getElementById('serveroffline').style.display='none';
//document.getElementById('serverabfrage').style.display='block';
}
else {
// Server Offline
document.getElementById('serveroffline').style.display='block';
document.getElementById('serverabfrage').style.display='none';
document.getElementById('style_switch').href = '{{link_css}}';
}
}
</script>
 

Kann man irgendwie die länge der CSS-Dateien abfragen, wenn 0 wird auf die else-Abfrage zugegriffen. Ich habe es auch mit einem Meta-Tag versucht, damit das nicht im Cache landet, brachte aber keinen erfolg...

nach oben springen

#45 | RE: Styleswitcher datum

datum

04.05.2012 00:59

Offline

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Hallo Damian,
auf dem gleichen Server und mit PHP-Zugriff w�re das alles fast schon zu einfach.
Aber das w�re ja langweilig...

Falls du eine allgemeine Pr�fung auf Server-Verf�gbarkeit machen m�chtest, kannst du evtl. in einer JavaScript-Datei Code implementieren, welcher direkt ausgef�hrt wird und etwas auf der Seite ver�ndert.
Z.B. eine Variable auf true setzen oder eine Meldung / den Style-Switcher ein- oder ausblenden.

Du wirst dann allerdings immer mit dem Nachteil leben m�ssen, nie genau wissen zu k�nnen, ob nicht vielleicht nur das Skript abgerufen werden konnte und andere Ressourcen nicht geladen wurden.
Manche Dateien k�nnten je nach Cache-Einstellung, wie du selbst bereits angemerkt hast, trotzdem verf�gbar sein und andere nicht.
Die Cache-Einstellungen kann man zwar teilweise selbst beeinflussen, aber der Server kann auch gewisse Pr�ferenzen aufweisen, und wer kontrolliert auch schon die Einstellungen aller User seiner Seite...
Gerade der Internet Explorer liebt es, Skripte zwischenzuspeichern, gerade f�r die Entwicklung sehr l�stig.

Jedenfalls habe ich jetzt wohl eine L�sung unabh�ngig von (m�glicherweise gecachten) Bildern gefunden, welche eben direkt auf das Problem f�r CSS-Dateien zugeschnitten ist.
Der Vorteil ist auch, dass du keine weitere externe Ressource wie ein Bild mehr brauchst.
Die �nderungen beschr�nken sich auf eine Erg�nzung in den zu pr�fenden CSS-Dateien (und eben das Skript im Forum).

Dieses JavaScript wird dein Freund sein:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
	/**
	 * Prüft, ob CSS-Styles erfolgreich geladen wurden.
	 * Dafür wird ein im Skript deklarierter CSS-Selektor im CSS-Dokument gesucht.
	 * Wird dieser gefunden, wird "true" zurückgegeben, ansonsten "false".
	 *
	 * Die Prüfung erfolgt nur einmalig und sollte erst nach dem vollständigen
	 * Laden der Seite (nach dem Onload-Event) verwendet werden.
	 * 
	 * Anmerkung: Die Funktion wird ohne runde Klammern, also wie eine Variable aufgerufen.
	 * Beispiel.: alert( 'externe CSS geladen: ' + cssServerCheck );
	 *
	 * @author	Florian Zier
	 * @link	http://forum.Florian-Zier.de.vu
	 */
	var cssServerCheck = (function() {
		/* Regulärer Ausdruck, welcher auf die Adresse der geladenenen Styles zutreffen muss.
		 * Nur eingebundene Styles, welche auf den Ausdruck zutreffen,
		 * werden auf den bestätigenden CSS-Selektor geprüft.
		 */
		var urlPattern	= /(file|https?):\/\/.+?\.css/;
		/* CSS-Selektor, welcher das erfolgreiche Laden der Styles bestätigt.
		 * Nur wenn er in der Datei vorhanden ist, kann die Prüfung erfolgreich abschließen.
		 */
		var cssSelector	= '#serverOnline';
	/* --------------------------------------------------------------------------------------- */
 
		cssServerCheck = false;
		for( var i in document.styleSheets) {
			if (document.styleSheets[i].href && (document.styleSheets[i].href.search(urlPattern) != -1)) {
				try {
					var rules = (/*IE:*/ document.styleSheets[i].rules || document.styleSheets[i].cssRules);
					for( var j in rules) {
						if (document.styleSheets[i].cssRules[j].selectorText &&
							document.styleSheets[i].cssRules[j].selectorText == cssSelector) {
							//alert(document.styleSheets[i].cssRules[j].selectorText);
							cssServerCheck = true;
						}
					}
				} catch(err) {
					//alert(err.message);
				}
			}
		}
		return cssServerCheck;
	})();
 

Ich habe alles relativ ausf�hrlich dokumentiert, ich empfehle dir daher, dich haupts�chlich an die Kommentare zu halten.

Du hast noch zwei Anpassungsm�glichkeiten im Skript.
Die Variable urlPattern enth�lt einen regul�ren Ausdruck.
Dieser kann vermeiden, dass direkt in der Seite definierte Styles gepr�ft werden.
Im Moment l�sst er CSS-Styles zu, deren Dateien irgendwo per HTTP-Link eingebunden oder (zwecks Tests) im lokalen Dateisystem liegen.
Der Ausdruck kann entweder verallgemeinert werden um mehr Varianten zuzulassen oder auch dahingehend beschr�nkt werden, dass nur CSS-Dateien auf deiner Domain zugelassen sind etc.
Da empfehle ich dir entweder die Standard-Einstellung oder dich zu Regul�ren Ausdr�cken (Regular Expressions / RegEx) zu informieren.

Bei cssSelector gibst du dann noch an, welches Element im CSS-Code vorhanden sein muss, um die Pr�fung erfolgreich abzuschlie�en.
Die Benennung hier entscheidet dann �ber die Erg�nzung in den Style-Dateien.

1
2
3
 
#serverOnline {
	/* Bestätigt das erfolgreiche Laden */
}
 

Der CSS-Selektor muss mit dem im Skript definierten �bereinstimmen.
F�ge also jedem Skript, das du pr�fen willst, eine weitere Style-Deklaration am Ende an.
Die Deklaration muss zwar nicht an das Ende, aber dann wurden vorher definitiv alle anderen geladen, es ist �bersichtlicher und schneller wieder auffindbar.

Im Anhang habe ich dann zum Test noch eine HTML-Datei samt Style-Datei dazu bereitgestellt.
Dort wird einfach eine Positiv-Meldung ausgegeben, falls eine Style-Datei mit dem angegebenen Selektor gefunden und geladen werden konnte.

Solltest du einen Fall haben, bei dem keine externe Style-Datei verwendet wird, bekommst du nat�rlich ein "false" zur�ckgeliefert.
Das ist dann der Fall, falls noch der foren-interne Style verwendet wird und nicht umgestellt wurde.
Dann m�sstest du also nicht nur pr�fen, ob das Skript "true" zur�ckliefert, sondern auch ob evtl. ein Cookie f�r den Style-Switcher gesetzt ist.
Kein Cookie und "true" (als auch "false") aus dem Skript sind also in Ordnung, da der Standard-Style geladen ist.
Ein gesetztes Cookie und "true" sind es ebenfalls.
Nur ein gesetztes Cookie und "false" sollten "Grund zur Sorge" sein, denn dann h�tte der Styleswitcher einen Style laden sollen und dabei versagt.

Eine m�gliche Fehlerbehandlung k�nnte also durch eine Abfrage wie diese erfolgen:

1
2
3
 
if (COOKIE_GESETZT && !cssServerCheck) {
	// Hier auf Fehlerfall reagieren...
}
 

Dabei entspricht "COOKIE_GESETZT" einem Ergebnis, welches du dementsprechend f�r deinen eingesetzten Style-Switcher erst berechnen musst.

Falls das Skript korrekt zwischen den Head-Tags definiert wurde, kannst du die Pseudo-Variable "cssServerCheck" im Prinzip ohne weitere Deklarationen und Berechnungen �berall verwenden.
Du musst nur wie in den Kommentaren angegeben darauf achten, dass das Onload-Event bereits geworfen wurde.
Ob du es mit window.onload direkt in JavaScript, im Onload-Attribut des Body-Tags oder irgendwann sp�ter benutzt, ist dann im Grunde egal.

Ich dr�cke dir die Daumen, dass dies dein Problem l�sen kann und w�nsche dir noch eine gute Nacht!

florian-zier hat folgende Dateien an diesen Beitrag angeh�ngt

CSS-Servertest.zip

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

#46 | RE: Styleswitcher datum

datum

04.05.2012 14:32

Offline

toggodamian

Informationen anzeigen

Beitr�ge:	67
Punkte:	188
Registriert seit:	13.01.2011

Irgendetwas funktioniert leider nicht, was ich da wohl wieder für ein Mist gebaut habe?
Hier mein Script:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
 
<script language="JavaScript">
/*<![CDATA[*/
 
var styles = new Array(
	/* Pfad zu den CSS-Dateien mit den Style-Informationen */
	'{{link_css}}',
	'http://damian.pixama.de/css/Old_StyleDesign.css'
);
var style_names = new Array(
	/* Anzeigenamen der Styles */
	'Standard Vorlage (Blau)',
	'Old Blue Design'
);
var styles2 = new Array(
	/* Pfad zu den CSS-Dateien mit den Style-Informationen */
	'',
	'http://damian.pixama.de/css/Schriftstil_Normal.css',
	'http://damian.pixama.de/css/Schriftstil_Bold.css',
	'http://damian.pixama.de/css/Schriftstil_Italic.css',
	'http://damian.pixama.de/css/Schriftstil_Underline.css',
	'http://damian.pixama.de/css/Schriftstil_Strikethrough.css'
);
var style_names2 = new Array(
	/* Anzeigenamen der Styles */
	'Standard Schriftstil (Normal)',
	'Bold (Fetteschrift)',
	'Italic (Schregeschrift)',
	'Underline (Unterstrichlinieschrift)',
	'Strikethrough (Durchgestricheneschrift)'
);
 

var dat = new Date();
dat = new Date(dat.getTime() +1000*60*60*24*365);
 
var foundstyle = false;
if(document.cookie) {
	var c = document.cookie;
	var foundstyle = false;
	// Cookievariablen ermitteln:
	while(true) {
		var i1 = c.indexOf('=');
		var i2 = c.indexOf(';');
		// Falls Semikolon am Ende fehlt:
		if(i2 < 0)
			i2 = c.length;
		var cookiename = c.substring(0, i1);
		var cookiewert = c.substring(i1+1, i2);
		// Leerzeichen vor Name entfernen:
		var i3 = cookiename.lastIndexOf(' ');
		if(i3 > -1)
			cookiename = cookiename.substring(i3 + 1);
 
		// Style festlegen:
		if(cookiename == 'style') {
			try {
				var n = parseInt(cookiewert);
				document.getElementById('style_switch').href = styles[n-1];
				foundstyle = true;
			}
			catch(err) {}
		}
 
		if(cookiename == 'style2') {
			try {
				var n = parseInt(cookiewert);
				document.getElementById('style_switch2').href = styles2[n-1];
				foundstyle = true;
			}
			catch(err) {}
			break;
		}
 
		// Nächstes Cookie oder aufhören:
		if(c.length > i2)
			c = c.substring(i2+1);
		else
			break;
	}
}
 
function change_style(n) {
	// Loader einblenden:
	document.getElementById('style_loader').style.display = 'block';
	setTimeout("document.getElementById('style_loader').style.display = 'none';",800);
	// Style-Quelle setzen:
	document.getElementById('style_switch').href = styles[n-1];
	document.cookie = 'style=' + n + '; expires=' + dat.toGMTString() + ';';
	return;
}
function change_style2(n) {
	// Loader einblenden:
	document.getElementById('style_loader').style.display = 'block';
	setTimeout("document.getElementById('style_loader').style.display = 'none';",800);
	// Style-Quelle setzen:
	document.getElementById('style_switch2').href = styles2[n-1];
	document.cookie = 'style2=' + n + '; expires=' + dat.toGMTString() + ';';
	return;
}
 

function switcher_on() {
	document.getElementById('switcher').style.display = 'inline';
	document.getElementById('switcher2').style.display = 'inline';
 
	document.getElementById('style_labels').innerHTML = '';
	for (i=0; i<style_names.length; i++) {
		var style_opts = document.createElement('option');
		var style_value = document.createAttribute('value');
		style_value.nodeValue = 'javascript:change_style('+(i+1)+')';
		style_opts.setAttributeNode(style_value);
		var style_name = document.createTextNode(style_names[i]);
		style_opts.appendChild(style_name);
		document.getElementById('style_labels').appendChild(style_opts);
	}
 
	document.getElementById('style_labels2').innerHTML = '';
	for (i=0; i<style_names.length; i++) {
		var style_opts = document.createElement('option');
		var style_value = document.createAttribute('value');
		style_value.nodeValue = 'javascript:change_style2('+(i+1)+')';
		style_opts.setAttributeNode(style_value);
		var style_name = document.createTextNode(style_names2[i]);
		style_opts.appendChild(style_name);
		document.getElementById('style_labels2').appendChild(style_opts);
	}
}
 
	/**
	 * Prüft, ob CSS-Styles erfolgreich geladen wurden.
	 * Dafür wird ein im Skript deklarierter CSS-Selektor im CSS-Dokument gesucht.
	 * Wird dieser gefunden, wird "true" zurückgegeben, ansonsten "false".
	 *
	 * Die Prüfung erfolgt nur einmalig und sollte erst nach dem vollständigen
	 * Laden der Seite (nach dem Onload-Event) verwendet werden.
	 * 
	 * Anmerkung: Die Funktion wird ohne runde Klammern, also wie eine Variable aufgerufen.
	 * Beispiel.: alert( 'externe CSS geladen: ' + cssServerCheck );
	 *
	 * @author	Florian Zier
	 * @link	http://forum.Florian-Zier.de.vu
	 */
	var cssServerCheck = (function() {
		/* Regulärer Ausdruck, welcher auf die Adresse der geladenenen Styles zutreffen muss.
		 * Nur eingebundene Styles, welche auf den Ausdruck zutreffen,
		 * werden auf den bestätigenden CSS-Selektor geprüft.
		 */
		var urlPattern	= /(file|https?):\/\/.+?\.css/;
		/* CSS-Selektor, welcher das erfolgreiche Laden der Styles bestätigt.
		 * Nur wenn er in der Datei vorhanden ist, kann die Prüfung erfolgreich abschließen.
		 */
		var cssSelector	= '#serverOnline';
	/* --------------------------------------------------------------------------------------- */
 
		cssServerCheck = false;
		for( var i in document.styleSheets) {
			if (document.styleSheets[i].href && (document.styleSheets[i].href.search(urlPattern) != -1)) {
				try {
					var rules = (/*IE:*/ document.styleSheets[i].rules || document.styleSheets[i].cssRules);
					for( var j in rules) {
						if (document.styleSheets[i].cssRules[j].selectorText &&
							document.styleSheets[i].cssRules[j].selectorText == cssSelector) {
							//alert(document.styleSheets[i].cssRules[j].selectorText);
							cssServerCheck = true;
						}
					}
				} catch(err) {
					//alert(err.message);
				}
			}
		}
		return cssServerCheck;
	})();
if (style && !cssServerCheck) {
	// Hier auf Fehlerfall reagieren...
document.getElementById('style_switch').href = '{{link_css}}';
}
 
window.onload = cssServerCheck;
/*]]>*/
</script>
 

Ich habe einen Datei die ich eigentlich immer als Style verwende einen Unterstrich entnommen, somit ist das sowas wie nicht erreichbarer Style. Nun ist die Seite nackt, und wenn ich auch den Error von catch(err) Aktivere, berichtet er mir A parameter or an operation is not supported by the underlying object... was ich da wohl wieder angerichtet habe...

nach oben springen

#47 | RE: Styleswitcher datum

datum

06.05.2012 01:22

Offline

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Hey toggo,
ich habe jetzt hoffentlich nichts vergessen oder �bersehen.
Aber dann m�chten wir mal schauen, worans liegen k�nnte.
Ich gehe auch mal davon aus, dass dein Styleswitcher so im Normalfall funktioniert hat.

Je nachdem, welchen Browser du verwendest, hat der vielleicht Probleme mit einer IE-spezifischen Anweisung.
In meinem Skript findest du bei der Zuweisung der Variable rules folgenden Teil:

1
 
/*IE:*/ document.styleSheets[i].rules ||

Normalerweise sollte der Browser die hintere Anweisung verwenden, wenn er die erste nicht erkennt.
Entferne also Testweise genau diesen Teil (|| nicht vergessen).
Allerdings hat es bei mir in Firefox und IE so funktioniert.
Falls sich dadurch also nichts �ndert, kannst du die Anweisung so belassen wie sie war.

Was mir jetzt aber noch aufgefallen ist, befindet sich gegen Ende, da wo du auf den Fehlerfall reagierst.

1
2
3
4
 
if (style && !cssServerCheck) {
	// Hier auf Fehlerfall reagieren...
	document.getElementById('style_switch').href = '{{link_css}}';
}
 

Ich habe nirgendwo eine Zuweisung f�r die Variable style finden k�nnen.
Also im Grunde w�rde die IF-Abfrage stimmen, falls style mit true oder false gef�llt werden w�rde.
Aber ich sch�tze, du hast nirgendwo eine Pr�fung, welche die Variable korrekt bef�llt.
Das ist leider schwer zu sehen in JavaScript, da man Variablen nicht explizit (und mit Datentyp) vorher anlegen muss.
Falls man sich vertippt oder keinen Wert zugewiesen hat, erh�lt man einfach nur eine leere Variable.

Da du ja also wohl noch keine Berechnung daf�r angelegt hast und ich oben zuf�llig etwas brauchbares entdeckt habe, k�nntest du etwas bestehendes verwenden.
Setze in der IF-Abfrage statt style einfach foundstyle ein.
Diese Variable wird beim Laden bereits vom Style-Switcher berechnet und enth�lt true/false, je nachdem ob der Style ge�ndert werden soll.

1
 
document.getElementById('style_switch').href = '{{link_css}}';

Der Text "{{link_css}}" k�nnte �brigens auch Probleme bereiten.
Du solltest den Quelltext deines Forums im Browser nochmals �berpr�fen.
Sofern du das, was du gepostet hast, in dein Template direkt eingebaut hast, k�nnte es funktionieren.
Falls es sich nicht im Template befindet, schreibt er nicht den Inhalt von der Template-Variablen "{{link_css}}" rein, sondern den Variablen-Namen als Text.
Soll hei�en, das wird nur ersetzt, falls das Skript sich im Template befindet.

Das letzte was mir aufgefallen ist, ist die Zuweisung von cssServerCheck an den Onload-Handler:

1
 
window.onload = cssServerCheck;

Also es war so gedacht, dass die Variable ab diesem Zeitpunkt verwendet werden kann.
Ab dann w�rde also die obige IF-Abfrage funktionieren.
window.onload habe ich verwendet, um die Pr�fung nach dem Laden der Seite zu starten und dies nicht �ber das Body-Tag tun zu m�ssen.
Lese dir dazu am besten mal den Artikel Onload im Body-Tag verk�rzen durch.

Das ist wohl von allem die wahrscheinlichste Ursache.
Erstelle doch mal zum Test eine neue Funktion, in welcher du auf den Problemfall reagierst:

1
2
3
4
5
6
 
function styleNotFound() {
	// Hier auf Fehlerfall reagieren:
	if (foundstyle && !cssServerCheck) {
		document.getElementById('style_switch').href = '{{link_css}}';
	}
}
 

Jetzt musst du nur noch die Funktion direkt nach dem Laden der Seite ausf�hren lassen.
Nur Code, der nicht in einer Funktion oder einem Objekt steht, wird sofort ausgef�hrt.
Das verlangsamt aber eigentlich das Laden der Seite und Funktionen sind programmiertechnisch eben auch sch�ner.
Kommen wir doch nochmals auf das Onload-Event zur�ck.
Du kannst es jetzt entweder allgemein wie im Artikel dazu umsetzen, oder eine von HPM vorgegebene Funktion benutzen.
Diese w�rde ich dir jetzt der Einfachheit halber empfehlen.

�ndere dann also Alles in Allem den gesamten Codeblock von bisher:

1
2
3
4
5
6
 
if (style && !cssServerCheck) {
	// Hier auf Fehlerfall reagieren...
document.getElementById('style_switch').href = '{{link_css}}';
}
 
window.onload = cssServerCheck;
 

... in den folgenden ab:

1
2
3
4
5
6
7
 
function styleNotFound() {
	// Hier auf Fehlerfall reagieren:
	if (foundstyle && !cssServerCheck) {
		document.getElementById('style_switch').href = '{{link_css}}';
	}
}
window.addOnloadEvent(styleNotFound);
 

Die von HPM vorgegebene Funktion hei�t, wie hier zu sehen, window.addOnloadEvent und erwartet als Parameter den Namen einer Funktion (ohne runde Klammern).
Die angegebene Funktion wird dann sozusagen an die Liste der Funktionen zur automatischen Ausf�hrung beim Laden der Seite angeh�ngt.
Werden also f�nf Funktionen vorher ausgef�hrt, dann wird sie zur Nummer Sechs.

Falls du die Reihenfolge selbst beeinflussen m�chtest, musst du entweder Onload im Body-Tag oder die Variante aus meinem Beitrag verwenden.
Das w�re zu empfehlen, falls du dieses Pr�fung als eine der ersten Funktionen ausf�hren m�chtest, da die Style-Fehler ja schnell verschwinden sollten.
Probiere es aber erstmal so, wie ich jetzt angegeben habe, um evtl. Fehler zu vermeiden und auszuschlie�en.

Ich sch�tze, dass window.onload das "underlying object war und die Zuweisung einer Variablen nicht akzeptiert hat.
In der Regel ist dies ja eine Funktion die automatisch vom Browser ausgef�hrt werden soll.

Ansonsten solltest du nach den Korrekturen auch mal in einem anderen Browser nachsehen, ob alles funktioniert.
Manchmal hat man eben das Pech, alles nur mit dem falschen Browser anzusehen.
Wenn im Grunde alles funktionieren w�rde, dann kann man immer noch nachschauen, wie man es in einem anderen Browser hinbekommt.

Hilfreich beim Entwickeln sind manchmal auch ein paar gut gesetzte alert's.
Dann siehst du, welche Code-Stellen erreicht werden, u.a. auch bevor der Error auftritt.

Zuletzt solltest du alles nochmals mit meiner Testseite ausprobieren, falls du das nicht sowieso schon getan hast.
Einfach nur, um schon grunds�tzliche Probleme im Skript auszuschlie�en.

Ich dr�cke dir die Daumen, dass mein letzter Code-Block bei dir anschl�gt und w�nsche dir noch eine gute Nacht!

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

#48 | RE: Styleswitcher datum

datum

06.05.2012 13:49

Offline

toggodamian

Informationen anzeigen

Beitr�ge:	67
Punkte:	188
Registriert seit:	13.01.2011

Also, jetzt habe ich deine Testseite genommen und ins Template gebaut. Mit einpaar kleinen Änderungen noch, und es hat geklappt! Ich habe es so gemacht:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
 
<link rel="stylesheet" id="style_switch" type="text/css" href="{{link_css}}">
<script type="text/Javascript" src="{{link_js}}"></script>
<link rel="alternate" type="application/rss+xml" title="{{html_title_static}}" href="feed/all.rss">
    {{link_blog_css==true.start}} 
		<link rel="stylesheet" type="text/css" href="{{link_blog_css}}" />
		<link rel="alternate" type="application/rss+xml" title="{{link_blog_rssfeed_title}}" href="{{link_blog_rssfeed}}" />
	{{link_blog_css==true.end}}
<TITLE>{{html_title}}</TITLE>
 
<style type="text/css">
table {text-align: left;}
.nav_n {clear: both; margin: 0px auto; text-align: center;}
.nav_n ul {list-style-image: none; list-style: none;{{menu_has_sub==true.start}}white-space: nowrap;{{menu_has_sub==true.end}}}
.nav_n ul li {display: inline; margin: 0px; }
.nav_n ul li a {margin-left: 3px;}
.nav_n ul li ul {position: absolute; background-color: {{global_body_bg}}; padding: 0px; margin: 0px; text-align: left !important; white-space: nowrap; float: none; clear: both;}
.nav_n ul li ul li {display: block; float: none; clear: both; padding: 4px; 10px;}
 
ul.nav_close {display: none !important;}
ul.nav_open {display: block;}
 
.dwn {border: none; vertical-align: middle; margin-right: 3px;}
</style>
{{global_head_addon}}
<script type="text/javascript">
/* <![CDATA[ */
	/* Stylesheet-Selektoren und -Regeln auslesen:
	 * http://xhtmlforum.de/40261-mit-javascript-css-attribute-eines-elements.html#post297592
	 * (Sicherheits-Verletzung beim Iterieren in FOR-Schleifen)
	 *
	 * alert(document.styleSheets[0].cssRules[0].selectorText);
	 * alert(document.styleSheets[0].cssRules[0].style.cssText);
	 */
 
	/**
	 * Prüft, ob CSS-Styles erfolgreich geladen wurden.
	 * Dafür wird ein im Skript deklarierter CSS-Selektor im CSS-Dokument gesucht.
	 * Wird dieser gefunden, wird "true" zurückgegeben, ansonsten "false".
	 *
	 * Die Prüfung erfolgt nur einmalig und sollte erst nach dem vollständigen
	 * Laden der Seite (nach dem Onload-Event) verwendet werden.
	 * 
	 * Anmerkung: Die Funktion wird ohne runde Klammern, also wie eine Variable aufgerufen.
	 * Beispiel.: alert( 'externe CSS geladen: ' + cssServerCheck );
	 *
	 * @author	Florian Zier
	 * @link	http://forum.Florian-Zier.de.vu
	 */
	var cssServerCheck = (function() {
		/* Regulärer Ausdruck, welcher auf die Adresse der geladenenen Styles zutreffen muss.
		 * Nur eingebundene Styles, welche auf den Ausdruck zutreffen,
		 * werden auf den bestätigenden CSS-Selektor geprüft.
		 */
		var urlPattern	= /(file|https?):\/\/.+?\.css/;
		/* CSS-Selektor, welcher das erfolgreiche Laden der Styles bestätigt.
		 * Nur wenn er in der Datei vorhanden ist, kann die Prüfung erfolgreich abschließen.
		 */
		var cssSelector	= '#serverOnline';
	/* --------------------------------------------------------------------------------------- */
 
		cssServerCheck = false;
		for( var i in document.styleSheets) {
			if (document.styleSheets[i].href && (document.styleSheets[i].href.search(urlPattern) != -1)) {
				try {
					var rules = (/*IE:*/ document.styleSheets[i].rules || document.styleSheets[i].cssRules);
					for( var j in rules) {
						if (document.styleSheets[i].cssRules[j].selectorText &&
							document.styleSheets[i].cssRules[j].selectorText == cssSelector) {
							//alert(document.styleSheets[i].cssRules[j].selectorText);
							cssServerCheck = true;
						}
					}
				} catch(err) {
					//alert(err.message);
				}
			}
		}
		return cssServerCheck;
	})();
 

	/**
	 * Die Funktion "cssServerCheck()" wird nicht als Funktion,
	 * sondern wie eine Variable verwendet. (nur "cssServerCheck")
	 *
	 * Da sie nur einmal berechnet wird und für ein positives Ergebnis
	 * die CSS-Dateien geladen sein müssen, sollte die "Variable"
	 * erst nach dem Laden der Seite (bzw. Onload-Ereignis)
	 * verwendet werden.
	 */
	window.onload = function() {	// Aufruf nach Onload-Event (Ressourcen vollständig geladen)
		if (cssServerCheck) {		// Benutzung als einfache Variable
			alert('Externe CSS-Styles erfolgreich geladen.');
		}
		else {
			alert('Externe CSS-Styles nicht geladen.\n' +
					'Datei(en) nicht gefunden oder zur Zeit nicht verfügbar.');
		}
	}
function styleNotFound() {
	// Hier auf Fehlerfall reagieren:
	if (!cssServerCheck) {
		document.getElementById('style_switch').href = 'http://damian.pixama.de/Sommer_Feeling_Design.css';
	}
}
window.addOnloadEvent(styleNotFound);
/* ]]> */
</script>
 

Er wechselt nur dann, wenn auch der Selektor nicht da ist. Dann hängt es mit dem Styleswitcher zusammen. Ich habe mal den IE genommen und den FF. Nun bin ich schon eine Spur tatsächlich weiter gekommen! Zumindest dem IE gefällt es schonmal etwas mehr als dem Firefox. Deim Firefox kommt die Meldung erst: "A parameter or an operation is not supported by the underlying object" und dann "Security error". Nachdem dann die Seite geladen hat, ist der "Notfallstyle" Aktiv, obwohl der Style den ich ausgewählt habe Online + den Selektor hat. Zumindest beweist es IE: "Meldung der Webseite: #serverOnline" danach "Für die Eigenschaft "selectorText" kann kein Wert abgerufen werden: Das Objekt ist null oder Undefiniert" Wechselt aber den Style dann nicht um, sondern bleibt auf ihm, erst wenn ich den Selektor entferne oder Ändere. Mit F5 scheint er aber bei egal ob richtigen Wert oder falschen umzuwerfen, gibt dann auch keine Alerts aus, beim FF Unverändert.
Mein Code sieht so aus:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
 
/*<![CDATA[*/
 
var styles = new Array(
	/* Pfad zu den CSS-Dateien mit den Style-Informationen */
	'{{link_css}}',
	'blog.css'
	/*'http://damian.pixama.de/css/Old_StyleDesign.css'*/
);
var style_names = new Array(
	/* Anzeigenamen der Styles */
	'Standard Vorlage (Blau)',
	'Old Blue Design'
	/*'Garten der Poesie Design'*/
);
var styles2 = new Array(
	/* Pfad zu den CSS-Dateien mit den Style-Informationen */
	'',
	'http://damian.pixama.de/css/Schriftstil_Normal.css',
	'http://damian.pixama.de/css/Schriftstil_Bold.css',
	'http://damian.pixama.de/css/Schriftstil_Italic.css',
	'http://damian.pixama.de/css/Schriftstil_Underline.css',
	'http://damian.pixama.de/css/Schriftstil_Strikethrough.css'
);
var style_names2 = new Array(
	/* Anzeigenamen der Styles */
	'Standard Schriftstil (Normal)',
	'Bold (Fetteschrift)',
	'Italic (Schregeschrift)',
	'Underline (Unterstrichlinieschrift)',
	'Strikethrough (Durchgestricheneschrift)'
);
 

var dat = new Date();
dat = new Date(dat.getTime() +1000*60*60*24*365);
 
var foundstyle = false;
if(document.cookie) {
	var c = document.cookie;
	var foundstyle = false;
	// Cookievariablen ermitteln:
	while(true) {
		var i1 = c.indexOf('=');
		var i2 = c.indexOf(';');
		// Falls Semikolon am Ende fehlt:
		if(i2 < 0)
			i2 = c.length;
		var cookiename = c.substring(0, i1);
		var cookiewert = c.substring(i1+1, i2);
		// Leerzeichen vor Name entfernen:
		var i3 = cookiename.lastIndexOf(' ');
		if(i3 > -1)
			cookiename = cookiename.substring(i3 + 1);
 
		// Style festlegen:
		if(cookiename == 'style') {
			try {
				var n = parseInt(cookiewert);
				document.getElementById('style_switch').href = styles[n-1];
				foundstyle = true;
			}
			catch(err) {}
		}
 
		if(cookiename == 'style2') {
			try {
				var n = parseInt(cookiewert);
				document.getElementById('style_switch2').href = styles2[n-1];
				foundstyle = true;
			}
			catch(err) {}
			break;
		}
 
		// Nächstes Cookie oder aufhören:
		if(c.length > i2)
			c = c.substring(i2+1);
		else
			break;
	}
}
 
function change_style(n) {
	// Loader einblenden:
	document.getElementById('style_loader').style.display = 'block';
	setTimeout("document.getElementById('style_loader').style.display = 'none';",800);
	// Style-Quelle setzen:
	document.getElementById('style_switch').href = styles[n-1];
	document.cookie = 'style=' + n + '; expires=' + dat.toGMTString() + ';';
	return;
}
function change_style2(n) {
	// Loader einblenden:
	document.getElementById('style_loader').style.display = 'block';
	setTimeout("document.getElementById('style_loader').style.display = 'none';",800);
	// Style-Quelle setzen:
	document.getElementById('style_switch2').href = styles2[n-1];
	document.cookie = 'style2=' + n + '; expires=' + dat.toGMTString() + ';';
	return;
}
 

function switcher_on() {
	document.getElementById('switcher').style.display = 'inline';
	document.getElementById('switcher2').style.display = 'inline';
 
	document.getElementById('style_labels').innerHTML = '';
	for (i=0; i<style_names.length; i++) {
		var style_opts = document.createElement('option');
		var style_value = document.createAttribute('value');
		style_value.nodeValue = 'javascript:change_style('+(i+1)+')';
		style_opts.setAttributeNode(style_value);
		var style_name = document.createTextNode(style_names[i]);
		style_opts.appendChild(style_name);
		document.getElementById('style_labels').appendChild(style_opts);
	}
 
	document.getElementById('style_labels2').innerHTML = '';
	for (i=0; i<style_names.length; i++) {
		var style_opts = document.createElement('option');
		var style_value = document.createAttribute('value');
		style_value.nodeValue = 'javascript:change_style2('+(i+1)+')';
		style_opts.setAttributeNode(style_value);
		var style_name = document.createTextNode(style_names2[i]);
		style_opts.appendChild(style_name);
		document.getElementById('style_labels2').appendChild(style_opts);
	}
}
	/**
	 * Prüft, ob CSS-Styles erfolgreich geladen wurden.
	 * Dafür wird ein im Skript deklarierter CSS-Selektor im CSS-Dokument gesucht.
	 * Wird dieser gefunden, wird "true" zurückgegeben, ansonsten "false".
	 *
	 * Die Prüfung erfolgt nur einmalig und sollte erst nach dem vollständigen
	 * Laden der Seite (nach dem Onload-Event) verwendet werden.
	 * 
	 * Anmerkung: Die Funktion wird ohne runde Klammern, also wie eine Variable aufgerufen.
	 * Beispiel.: alert( 'externe CSS geladen: ' + cssServerCheck );
	 *
	 * @author	Florian Zier
	 * @link	http://forum.Florian-Zier.de.vu
	 */
	var cssServerCheck = (function() {
		/* Regulärer Ausdruck, welcher auf die Adresse der geladenenen Styles zutreffen muss.
		 * Nur eingebundene Styles, welche auf den Ausdruck zutreffen,
		 * werden auf den bestätigenden CSS-Selektor geprüft.
		 */
		var urlPattern	= /(file|https?):\/\/.+?\.css/;
		/* CSS-Selektor, welcher das erfolgreiche Laden der Styles bestätigt.
		 * Nur wenn er in der Datei vorhanden ist, kann die Prüfung erfolgreich abschließen.
		 */
		var cssSelector	= '#serverOnline';
	/* --------------------------------------------------------------------------------------- */
 
		cssServerCheck = false;
		for( var i in document.styleSheets) {
			if (document.styleSheets[i].href && (document.styleSheets[i].href.search(urlPattern) != -1)) {
				try {
					var rules = (/*IE:*/ document.styleSheets[i].rules || document.styleSheets[i].cssRules);
					for( var j in rules) {
						if (document.styleSheets[i].cssRules[j].selectorText &&
							document.styleSheets[i].cssRules[j].selectorText == cssSelector) {
							alert(document.styleSheets[i].cssRules[j].selectorText);
							cssServerCheck = true;
						}
					}
				} catch(err) {
					alert(err.message);
				}
			}
		}
		return cssServerCheck;
	})();
 
	/**
	 * Die Funktion "cssServerCheck()" wird nicht als Funktion,
	 * sondern wie eine Variable verwendet. (nur "cssServerCheck")
	 *
	 * Da sie nur einmal berechnet wird und für ein positives Ergebnis
	 * die CSS-Dateien geladen sein müssen, sollte die "Variable"
	 * erst nach dem Laden der Seite (bzw. Onload-Ereignis)
	 * verwendet werden.
	 */
function styleNotFound() {
	// Hier auf Fehlerfall reagieren:
	if (foundstyle && !cssServerCheck) {
		document.getElementById('style_switch').href = '{{link_css}}';
	}
}
window.addOnloadEvent(styleNotFound);
/*]]>*/
 

Des entfernen der || bringt auch nicht wirklich erfolg ins Haus. Aber wir kommen der Spur nun schon eher

Ich danke dir, für deine Vorherigen und auch kommenden Bemühungen, es ist ja nicht so leicht die Browser einzustimmen damit alles klappt, und ich schonmal gar nicht

Ich wünsche dir noch einen schönen Rest Sonntag und ein guten Start in die neue Woche. (Ich merke ich habe beim Vorherigen Beitrag von mir, vergessen dir ein schönes Wochenende zu wünschen

)

nach oben springen

#49 | RE: Styleswitcher datum

datum

06.05.2012 14:28

Das underlying object ist das nach den (|| anscheinend), dann gibt es kein catch(err) message, aber trotzdem schaltet er fältschlicherweiße um.

nach oben springen

#50 | RE: Styleswitcher datum

datum

07.05.2012 00:55

Offline

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Dann versuchen wir mal noch vor der D�mmerung 'ne Kurz-L�sung hinzubekommen.

1
2
3
4
5
6
7
8
9
10
11
12
 
try {
	var rules = (/*IE:*/ document.styleSheets[i].rules || document.styleSheets[i].cssRules);
	for( var j in rules) {
		if (rules[j].selectorText &&
			rules[j].selectorText == cssSelector) {
			alert(rules[j].selectorText);
			cssServerCheck = true;
		}
	}
} catch(err) {
	alert(err.message);
}
 

Ich muss leider zugeben, dass ich noch eine Kleinigkeit �bersehen habe, als ich versucht habe, die Browserspezifischen Befehle zu beachten.
Ersetze also den Try-Catch-Block aus meinem Skript mal mit dem obigen Code.
Im Endeffekt wurde vorher zwar zuerst auf das richtige Element gepr�ft, aber trotzdem der Nicht-IE-Code sp�ter verwendet.
Der neue IE kann aber etwas mehr und h�lt sich besser an Standards, deshalb ist das Skript auch nicht gescheitert.
Falls du IE9 (vielleicht auch ab 7) hast, wird bei dir h�chstwahrscheinlich auch document.styleSheets[i ].cssRules im IE funktioniert haben.

Aber weiterhin h�rt es sich so an, als w�rde dein Browser-Cache verhindern, dass sich weitere �nderungen am Skript auswirken.
In den meisten Browsern (au�er Opera) kann mittels STRG+F5 die Seite neugeladen werden, ohne den Cache zu verwenden.
Probiere also immer mal wieder, die Seite mit dieser Tastenkombination neuzuladen, um den Cache wirklich auszuschlie�en.
Der IE beh�lt sehr gerne Skripte in seinem Cache, das kann ziemlich nerven.
Firefox ab und zu vielleicht auch, aber meiner ist eher auf Cache �berspringen getrimmt.

Zuletzt k�nntest du auch das IF-ELSE aus der Funktion window.onload in die styleNotFound-Funktion �bernehmen.
Falls du keine anderen Skripte mehr automatisch startest, brauchst du diesen Punkt aber nicht zu beachten.
Du w�rdest sonst nur deinen normalen Seiten-Start �berschreiben, falls du bereits Funktionen �ber das Onload im Body-Tag aufrufst.
Entweder musst du dich f�r im Body-Tag oder window.onload entscheiden.
Entferne dann einfach die Funktion window.onload aus dem Template.
Die Funktion styleNotFound �berschreibt ihn ja nicht, da sie durch die HPM-Funktion zum Hinzuf�gen an den Autostart nach den bisher anderen Autostart-Funktionen ausgef�hrt wird.
Also einfach den IF-ELSE-Teil in deine styleNotFound-Funktion �bernehmen und window.onload rauswerfen, dann hast du deine alert's ja trotzdem noch.
Wie gesagt, eben nur falls du bereits andere Autostart-Skripte hast und falls du nicht bereits deine Startreihenfolge aus dem Body-Tag in die andere Variante umgeschrieben hast.
Wobei alle Funktionen nur in einer Zuweisung an ein window.onload gemacht werden k�nnen.
Folgendes also maximal einmal verwenden und darin alle Autostart-Definitionen auf einmal deklarieren:

1
2
3
 
window.onload = function() {
	...
}
 

Dann noch einen sch�nen Sonn... Montag.

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

#51 | RE: Styleswitcher datum

datum

07.05.2012 22:48

Offline

toggodamian

Informationen anzeigen

Beitr�ge:	67
Punkte:	188
Registriert seit:	13.01.2011

Leider auch nicht viel erfolg. Der IE Safari und Chrome ist bei denen der Text anscheinend richtig. Dem FF und Opera Stinkt es aber, wenn ich kein Cookie gesetzt habe, findet er auch den Selektor. Nur bei einer Fremden Datei nicht, also die Gehosteten.
Dann liegt es wohl an den

1
 
		var urlPattern	= /(http|https?):\/\/.+?\.css/;

Oder das weiter unten, denke ich. Zumindest wenn es ja mit dem Selektor finden klappt!?! Die dateien sind bei mir auf dem Server gehostet nach dem Schema http://damian.pixama.de/css/ also eigentlich müsste er dann das http nehmen?

nach oben springen

#52 | RE: Styleswitcher datum

datum

07.05.2012 23:47

Offline

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Hmm, jetzt geht es dann leider nur noch in Richtung raten.

1
 
var urlPattern	= /(file|https?):\/\/.+?\.css/;

Dieses Pattern schl�gt �brigend bei "file:", "http:" und "https:" an, inklusive "//", beliebige Zeichen danach und Endung auf ".css".
Ein einfacher "|" ist ein ODER, also file oder https?.
Das Fragezeichen hinter dem s bedeutet, dass es einmal oder keinmal vorkommen kann, also keinmal in http oder einmal in https.

Ein Problem ist, dass ein Zugriff auf Elemente in document.styleSheets[i ].cssRules[j] (oder dem IE-Pendant) Security-Exceptions ausl�sen k�nnten.
Deshalb eigentlich auch folgender Code:

1
2
3
 
if (document.styleSheets[i].href && (document.styleSheets[i].href.search(urlPattern) != -1)) {
	...
}
 

Das gepostete Skript war eine Kombination, wie sie bei mir dann endlich einmal ohne eine Exception funktioniert hatte.

Ich schlage mal noch vor, innerhalb dieser IF-Anweisung die Style-Adresse per Alert auszugeben:

1
 
alert(document.styleSheets[i].href);

Vielleicht auch mal noch au�erhalb des IFs, sofern du innerhalb der FOR-Schleife bleibst.
Solltest du es auch au�erhalb der FOR-Schleife testen wollen, dann m�sstest du statt dem "i" in eckigen Klammern eine feste Zahl wie 0 oder 1 angeben.

Solange du nur ein Alert in der IF-Anweisung gesetzt hast, dann kannst du ja sehen, was er f�r die Style-Adresse ausgibt.
Sollte kein Alert erscheinen, dann gibt es Probleme, in das IF �berhaupt einzutreten.
Auf jeden Fall kannst du so pr�fen, ob die Bedingung anschl�gt und falls ja, bei welchen Adressen.

Viel Gl�ck!

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

#53 | RE: Styleswitcher datum

datum

08.05.2012 00:00 (zuletzt bearbeitet: 08.05.2012 00:05)

Offline

toggodamian

Informationen anzeigen

Beitr�ge:	67
Punkte:	188
Registriert seit:	13.01.2011

Interessant! Ich habe gerade versucht den Alert in die 2 also letzte For-schleife zu setzen, nichts. In der Ersten Schleife gab er mir aber erst die Adresse raus, dann den Selektor und dann ein "null" zwei mal und dann ein "undefined" auch 2 mal, und dann kam die Bestätigung der Style wäre geladen. Er wächselt auch nicht! das sieht gut aus. Auch bei einem Ausfall oder einfaches Ändern des Selektors springt er auf einen Alternativen Style um. Es heißt also, da ist wohl irgendwo was falsch, aber erst bei der 2 For-Schleife bzw. Davor dass er da gar nicht rein kommt. Auch beläst er es mit den Undalyng Meldungen. Oder wie das heißt. Ich glaube auch es wird wie im FF auch nun im Opera so ausgegeben, Chrome teste ich dann ein Ander mal, jetzt will ich auch schlafen gehen.

PS: Jetzt wird wohl die andere Hälfte aber streiken, zumindest springt nun der IE um, so wie bei FF früher. Da müssen wir wohl das Script irgendwie teilen oder es behebt sich mit etwas weiterer Programmierung, was ich hoffe
Zur erinnerung, so sieht mein Code jetzt aus: (Vielleicht durch die Änderungen geht es bei den anderen, ich denke aber der Alert tut trotzdem den Fehler in FF irgendwie beheben)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
 
	/**
	 * Prüft, ob CSS-Styles erfolgreich geladen wurden.
	 * Dafür wird ein im Skript deklarierter CSS-Selektor im CSS-Dokument gesucht.
	 * Wird dieser gefunden, wird "true" zurückgegeben, ansonsten "false".
	 *
	 * Die Prüfung erfolgt nur einmalig und sollte erst nach dem vollständigen
	 * Laden der Seite (nach dem Onload-Event) verwendet werden.
	 * 
	 * Anmerkung: Die Funktion wird ohne runde Klammern, also wie eine Variable aufgerufen.
	 * Beispiel.: alert( 'externe CSS geladen: ' + cssServerCheck );
	 *
	 * @author	Florian Zier
	 * @link	http://forum.Florian-Zier.de.vu
	 */
	var cssServerCheck = (function() {
		/* Regulärer Ausdruck, welcher auf die Adresse der geladenenen Styles zutreffen muss.
		 * Nur eingebundene Styles, welche auf den Ausdruck zutreffen,
		 * werden auf den bestätigenden CSS-Selektor geprüft.
		 */
		var urlPattern	= /(http|www?):\/\/.+?\.css/;
		/* CSS-Selektor, welcher das erfolgreiche Laden der Styles bestätigt.
		 * Nur wenn er in der Datei vorhanden ist, kann die Prüfung erfolgreich abschließen.
		 */
		var cssSelector	= '#serverOnline';
	/* --------------------------------------------------------------------------------------- */
 
		cssServerCheck = false;
		for( var i in document.styleSheets) {
 
alert(document.styleSheets[i].href);
			if (document.styleSheets[i].href && (document.styleSheets[i].href.search(urlPattern) != -1)) {
try {
	var rules = (/*IE:*/ document.styleSheets[i].rules || document.styleSheets[i].cssRules);
	for( var j in rules) {
		if (rules[j].selectorText &&
			rules[j].selectorText == cssSelector) {
			alert(rules[j].selectorText);
			cssServerCheck = true;
		}
	}
} catch(err) {
	alert(err.message);
}
			}
		}
		return cssServerCheck;
	})();
 
	/**
	 * Die Funktion "cssServerCheck()" wird nicht als Funktion,
	 * sondern wie eine Variable verwendet. (nur "cssServerCheck")
	 *
	 * Da sie nur einmal berechnet wird und für ein positives Ergebnis
	 * die CSS-Dateien geladen sein müssen, sollte die "Variable"
	 * erst nach dem Laden der Seite (bzw. Onload-Ereignis)
	 * verwendet werden.
	 */
	window.onload = function() {	// Aufruf nach Onload-Event (Ressourcen vollständig geladen)
		if (foundstyle && !cssServerCheck) {		// Benutzung als einfache Variable
			alert('Externe CSS-Styles nicht geladen.\n' +
					'Datei(en) nicht gefunden oder zur Zeit nicht verfügbar.');
		document.getElementById('style_switch').href = '{{link_css}}';
		}
		else if(foundstyle && cssServerCheck) {
			alert('Externe CSS-Styles erfolgreich geladen.');
		}
		else {
			alert('Kein Cookie und Check...');
		}
	}
 

nach oben springen

#54 | RE: Styleswitcher datum

datum

08.05.2012 16:48 (zuletzt bearbeitet: 08.05.2012 16:59)

ABER, jetzt sehe ich auch noch folgendes: Beim IE tut es auch funktionieren, nur wenn ich F5 drücke findet er den Selektor nicht...
Der Chrome + Safari tut eigentlich nur die Adresse in der Variable {{link_css}} "http://513283.homepagemodules.de/style41...08-global-1.css" überprüfen, auch wenn ich eine andere Datei als Style habe.

nach oben springen

#55 | RE: Styleswitcher datum

datum

10.05.2012 17:54

Offline

toggodamian

Informationen anzeigen

Beitr�ge:	67
Punkte:	188
Registriert seit:	13.01.2011

Jaha es klappt!
Florian, mit deiner Hilfe, haben wir gerade was tolles herausgefunden und überhaupt ist die möglichkeit einfach genial!
So scheint das Script in ALLEN Browsern zu funktionieren:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 
<script>
	/**
	 * Prüft, ob CSS-Styles erfolgreich geladen wurden.
	 * Dafür wird ein im Skript deklarierter CSS-Selektor im CSS-Dokument gesucht.
	 * Wird dieser gefunden, wird "true" zurückgegeben, ansonsten "false".
	 *
	 * Die Prüfung erfolgt nur einmalig und sollte erst nach dem vollständigen
	 * Laden der Seite (nach dem Onload-Event) verwendet werden.
	 * 
	 * Anmerkung: Die Funktion wird ohne runde Klammern, also wie eine Variable aufgerufen.
	 * Beispiel.: alert( 'externe CSS geladen: ' + cssServerCheck );
	 *
	 * @author	Florian Zier
	 * @link	http://forum.Florian-Zier.de.vu
	 */
	var cssServerCheck = false;
	function cssCheck() {
		/* Regulärer Ausdruck, welcher auf die Adresse der geladenenen Styles zutreffen muss.
		 * Nur eingebundene Styles, welche auf den Ausdruck zutreffen,
		 * werden auf den bestätigenden CSS-Selektor geprüft.
		 */
		var urlPattern	= /(http|https?):\/\/.+?\.css/;
		/* CSS-Selektor, welcher das erfolgreiche Laden der Styles bestätigt.
		 * Nur wenn er in der Datei vorhanden ist, kann die Prüfung erfolgreich abschließen.
		 */
		var cssSelector	= '#serverOnline';
	/* --------------------------------------------------------------------------------------- */
 setTimeout('serverCheck();',1000);
		cssServerCheck = false;
		for( var i in document.styleSheets) {
 
//alert(document.styleSheets[i].href);
			if (document.styleSheets[i].href && (document.styleSheets[i].href.search(urlPattern) != -1)) {
try {
	var rules = (/*IE:*/ document.styleSheets[i].rules || document.styleSheets[i].cssRules);
	for( var j in rules) {
		if (rules[j].selectorText &&
			rules[j].selectorText == cssSelector) {
			//alert(rules[j].selectorText);
			cssServerCheck = true;
		}
	}
} catch(err) {
	//alert(err.message);
}
			}
		}
		return cssServerCheck;
	}
setTimeout('cssCheck();',1000);
 
	/**
	 * Die Funktion "cssServerCheck()" wird nicht als Funktion,
	 * sondern wie eine Variable verwendet. (nur "cssServerCheck")
	 *
	 * Da sie nur einmal berechnet wird und für ein positives Ergebnis
	 * die CSS-Dateien geladen sein müssen, sollte die "Variable"
	 * erst nach dem Laden der Seite (bzw. Onload-Ereignis)
	 * verwendet werden.
	 */
	function serverCheck() {	// Aufruf nach Onload-Event (Ressourcen vollständig geladen)
		if (foundstyle && !cssServerCheck) {		// Benutzung als einfache Variable
			alert('Externe CSS-Styles nicht geladen.\n' +
					'Datei(en) nicht gefunden oder zur Zeit nicht verfügbar.');
		document.getElementById('style_switch').href = '{{link_css}}';
		}
		else if(foundstyle && cssServerCheck) {
			alert('Externe CSS-Styles erfolgreich geladen.');
		}
		else {
			alert('Kein Cookie und Check...');
		}
	}
</script>
 

Anscheinend muss beides über eine Funktion anstatt Variable ausgeführt werden. Die Ausführung wird mit setTimeout bestimmt und ausgeführt. bei manchen Browsern mag es sein, das das richtige Resultat erst nach F5 erfolgt, zumindest ist es so beim Internet Explorer beim Testen. Ich habe nun seit Tagen ausprobiert, und einiges hinzugefügt um es noch genauer und ausführlicher Berichten zu können. Aber man sieht, der Fehler war doch die Variable die Ausgeführt werden soll oder wird. Vielleicht ist es aber auch so, das erst die Funktion nach einiger zeit ausgeführt werden soll, damit das Script genauer nach dem Selektor suchen kann. AUf jedenfall bin ich gerade sowas von Happy, auch deswegen weil ich den Fehler durch zufall gelöst habe. Wenn dir noch was schönes ins Hirn schießt, zum Beispiel etwas schöneren Quellcode oder so, melde dich bitte mit deiner Editierung. Ich habe auf Leerstellen usw. jetzt mal nicht geachtet, weil ich es nur zu Testzwecken mache, aber ich werde da auch schauen etwas schöner die Abstände anzulegen usw.

nach oben springen

#56 | RE: Styleswitcher datum

datum

11.05.2012 00:24

Offline

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Gute Sache!
Freut mich, dass du inzwischen doch noch eine L�sung finden konntest.
Ausgiebige Tests waren diese Woche f�r mich nicht m�glich.
Aber gute Arbeit!

Als letzte Idee h�tte ich evtl. noch, dass du die setTimeouts wieder rausschmei�t.
Denn bei einer langsamen Verbindung dauert der Ladevorgang evtl. etwas l�nger als 1 Sekunde.
Deshalb schlage ich vor, die Funktion cssCheck() (in meiner neuen Version wieder umbenannt, da gleichnamige Variable nicht mehr vorhanden) einfach in deiner serverCheck()-Funktion aufzurufen.
Dann kannst du diese nach dem vollst�ndigen Laden der Seite aufrufen und diese stellt sicher, dass die Pr�fung durchlief.

1
 
window.addOnloadEvent(serverCheck);

Da ja sowieso die Methode explizit aufgerufen werden muss (und nicht wie eine Variable sofort verglichen wird) kann man auch deren R�ckgabe-Wert benutzen, anstatt nochmals eine globale Variable zu belegen:

1
 
var cssServerCheck = false;

... wird also �berfl�ssig, genauso wie alles andere mit der Variable cssServerCheck.
Z.B. auch:

1
2
 
setTimeout('serverCheck();',1000);
		cssServerCheck = false;
 

Stattdessen bekommt die Funktion cssCheck() ein paar platzierte Return-Anweisungen gesetzt, um die R�ckgabe zu definieren.
Diese R�ckgabe wird dann nur noch kurz in der serverCheck() zwischengespeichert.
Dann erfolgt die Pr�fung und Reagieren auf den Fehlerfall.
F�r alle anderen Skripte auf deiner Seite ist ja das Ergebnis der Style-Pr�fung irrelevant, sodass keine Variable mehr ben�tigt wird, auf die von �berall zugegriffen werden kann.

Ich habe die �nderungen nun nicht mehr in eine Test-Seite oder so eingebaut, aber das Skript eben noch leicht so angepasst, wie ich es oben grob beschrieben habe.
Dabei habe ich jetzt die letzte Version aus deinem Posting so �bernommen, ich hoffe, dass darin keine Teile gefehlt haben, einen Vergleich mit meinen Versionen habe ich jetzt nicht mehr angestellt.
Sollten noch Fehler auftreten, sind diese evtl. nur sehr klein und leicht f�r dich zu beheben, sollte ich mich jetzt gerade auf die Schnelle vertippt haben oder so.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
	/**
	 * Prüft, ob CSS-Styles erfolgreich geladen wurden.
	 * Dafür wird ein im Skript deklarierter CSS-Selektor im CSS-Dokument gesucht.
	 * Wird dieser gefunden, wird "true" zurückgegeben, ansonsten "false".
	 *
	 * Die Prüfung erfolgt nur einmalig und sollte erst nach dem vollständigen
	 * Laden der Seite (nach dem Onload-Event) verwendet werden.
	 *
	 * @author	Florian Zier
	 * @link	http://forum.Florian-Zier.de.vu
	 */
	function cssServerCheck() {
		/* Regulärer Ausdruck, welcher auf die Adresse der geladenenen Styles zutreffen muss.
		 * Nur eingebundene Styles, welche auf den Ausdruck zutreffen,
		 * werden auf den bestätigenden CSS-Selektor geprüft.
		 */
		var urlPattern	= /(http|https?):\/\/.+?\.css/;
		/* CSS-Selektor, welcher das erfolgreiche Laden der Styles bestätigt.
		 * Nur wenn er in der Datei vorhanden ist, kann die Prüfung erfolgreich abschließen.
		 */
		var cssSelector	= '#serverOnline';
	/* --------------------------------------------------------------------------------------- */		
		for( var i in document.styleSheets) {
			//alert(document.styleSheets[i].href);
			if (document.styleSheets[i].href && (document.styleSheets[i].href.search(urlPattern) != -1)) {
				try {
					var rules = (/*IE:*/ document.styleSheets[i].rules || document.styleSheets[i].cssRules);
					for( var j in rules) {
						if (rules[j].selectorText &&
							(rules[j].selectorText == cssSelector)) {
							//alert(rules[j].selectorText);
							return true;
						}
					}
				} catch(err) {
					//alert(err.message);
				}
			}
		}
		return false;
	}
 
	/**
	 * Prüfung auf geladenen CSS-Style ausführen
	 * und ggf. auf den Fehlerfall reagieren.
	 */
	function serverCheck() {					// Aufruf nach Onload-Event (Ressourcen vollständig geladen)
		var styleChecked = cssServerCheck();	// Variable ist true, falls CSS-Selektor zur Prüfung gefunden
 
		if (foundstyle && !styleChecked) {		// Styleswitcher aktiviert, kein Style geladen
			alert('Externe CSS-Styles nicht geladen.\n' +
					'Datei(en) nicht gefunden oder zur Zeit nicht verfügbar.');
			document.getElementById('style_switch').href = '{{link_css}}';
		}
		else if (foundstyle && styleChecked) {	// Styleswitcher aktiviert, Style geladen 
			alert('Externe CSS-Styles erfolgreich geladen.');
		}
		else {									// Styleswitcher nicht aktiviert
			alert('Kein Cookie und Check egal...');
		}
	}
 

// Die Überprüfung sofort nach dem Laden der Seite starten lassen:
window.addOnloadEvent(serverCheck);
 

Solltest du noch einen �brig gebliebenen Fehler finden, aber nicht beheben k�nnen, werde ich nochmals eine kleine Testseite anfertigen.

Jedenfalls sollte dein Skript nun erst anfangen zu pr�fen, wenn alles geladen wurde.
Voraussetzung ist hier jetzt wieder, dass die Funktion window.addOnloadEvent(FUNKTIONSNAME); vorhanden ist.
Diese ist ja nur Verf�gbar, falls du das Skript ins Forum einbaust.

Anzumerken w�re auch mal noch, dass dann dieses Skript zwischen der Head-Tags erst nach dem Einbinden des HPM-Skripts eingef�gt werden muss.
Wenn die im Template vorgegebene Skript-Dateien von HPM noch nicht bereits durch ihre Script-Tags definiert wurden, ist die Funktion ja noch nicht bekannt gemacht, um sie benutzen zu k�nnen:

1
2
3
4
5
6
 
<script type="text/Javascript" src="script114.js"></script>
<script type="text/Javascript" src="business114.js"></script>
<script type="text/javascript" src="http://img.homepagemodules.de/ds/static/jquery/min/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="http://img.homepagemodules.de/ds/static/jquery/plugins/jquery.form.js"></script>
 
[Frühestens ab hier Skripte einbauen, welche window.addOnloadEvent(FUNKTIONSNAME); benutzen]
 

... als Beispiel aus dem Quelltext meines Forums, welche Skripte von HPM automatisch in der Seite zur Verf�gung stehen.

Aber ich sch�tze mal, dass du schon alles korrekt eingebaut hattest und "addOnloadEvent" benutzen konntest.
Dann bleibt die Einbau-Stelle wohl gleich, aber als Anmerkung f�r andere, die sich evtl. wundern, warum sie diese tolle HPM-Funktion nicht verwenden k�nnen.

Ansonsten tut es mir noch leid, falls das Problem nur darin bestand, dass die Funktion als Variable verwendet wurde.
Dummerweise haben die Tests bei mir ja soweit funktioniert.
Aber dann werde ich das vermutlich eher in Zukunft vermeiden, schade...

Auf jeden Fall noch eine gute Nacht!

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

#57 | RE: Styleswitcher datum

datum

14.05.2012 18:08

Offline

toggodamian

Informationen anzeigen

Beitr�ge:	67
Punkte:	188
Registriert seit:	13.01.2011

Jawohl Florian, jetzt haben wir es! Nur eins noch
Mit einer CSS-Datei die im im Forum gehostet habe, sprich die CSS-Vorlage und die CSS-Vorlage für den Blog (Das aber nicht befüllt ist) klappt die Auswertung. Ich habe eine CSS-Datei in den Platzhalter kopiert (Also ins Template die CSS-Datei beim Blog) und wenn dort der Selektor ist, klappt es, lösche oder ändere ihn gibt es wie geplant eine Fehlermeldung. ABER, ist eine auf meinem Externen Server CSS-Datei dabei die ich im Styleswitcher anwähle und dann F5 drücke, gibt es einen Security erorr. Auch im Opera wird die Meldung: Security error: attempted to read protected variable ausgegben. Der IE scheint auch einen Fehlermeldung auszugeben mit dem Text Zugriff verweigert. Bei Chrome und Safari erscheint nichts, allerdings haben alle etwas gemeinsam, sie schalten nach diesen Error alle auf den Notfall Style.
Es scheint so, das deine true|false variante nicht ganz hinhaut, wieso darfst du mich Anfänger nicht fragen. Ich habe auch schon danach gesucht, aber nichts gefunden. Es funktioniert wirklich nur, wenn es so heißt:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
 
<script>
	/**
	 * Prüft, ob CSS-Styles erfolgreich geladen wurden.
	 * Dafür wird ein im Skript deklarierter CSS-Selektor im CSS-Dokument gesucht.
	 * Wird dieser gefunden, wird "true" zurückgegeben, ansonsten "false".
	 *
	 * Die Prüfung erfolgt nur einmalig und sollte erst nach dem vollständigen
	 * Laden der Seite (nach dem Onload-Event) verwendet werden.
	 *
	 * @author	Florian Zier
	 * @link	http://forum.Florian-Zier.de.vu
	 */
var cssCheck = false;
	function cssServerCheck() {
		/* Regulärer Ausdruck, welcher auf die Adresse der geladenenen Styles zutreffen muss.
		 * Nur eingebundene Styles, welche auf den Ausdruck zutreffen,
		 * werden auf den bestätigenden CSS-Selektor geprüft.
		 */
		var urlPattern	= /(http|https?):\/\/.+?\.css/;
		/* CSS-Selektor, welcher das erfolgreiche Laden der Styles bestätigt.
		 * Nur wenn er in der Datei vorhanden ist, kann die Prüfung erfolgreich abschließen.
		 */
		var cssSelector	= '#serverOnline';
	/* --------------------------------------------------------------------------------------- */		
		for( var i in document.styleSheets) {
			alert(document.styleSheets[i].href);
			if (document.styleSheets[i].href && (document.styleSheets[i].href.search(urlPattern) != -1)) {
				try {
					var rules = (/*IE:*/ document.styleSheets[i].rules || document.styleSheets[i].cssRules);
					for( var j in rules) {
						if (rules[j].selectorText &&
							(rules[j].selectorText == cssSelector)) {
							alert(rules[j].selectorText);
							cssCheck = true;
						}
					}
				} catch(err) {
					alert(err.message);
				}
			}
		}
		cssCheck = false;
	}
 
	/**
	 * Prüfung auf geladenen CSS-Style ausführen
	 * und ggf. auf den Fehlerfall reagieren.
	 */
	function serverCheck() {					// Aufruf nach Onload-Event (Ressourcen vollständig geladen)
 
		if (foundstyle && !serverCheck) {		// Styleswitcher aktiviert, kein Style geladen
			alert('Externe CSS-Styles nicht geladen.\n' +
					'Datei(en) nicht gefunden oder zur Zeit nicht verfügbar.');
			document.getElementById('style_switch').href = '{{link_css}}';
		}
		else if (foundstyle && serverCheck) {	// Styleswitcher aktiviert, Style geladen 
			alert('Externe CSS-Styles erfolgreich geladen.');
		}
		else {									// Styleswitcher nicht aktiviert
			alert('Kein Cookie und Check egal...');
		}
	}
 
 
// Die Überprüfung sofort nach dem Laden der Seite starten lassen:
window.addOnloadEvent(serverCheck);
</script>
 

Dann scheinen auch keine weiteren Errors mehr zu geben wenn ich es nach meiner Art einbaue. Wenn ich deins einbaue gibt es dann Undefined Erorrs und Null usw. Aber wenn ich da so habe, und auch alle Alerts offen habe, wo er mir eigentlich beim Seitenladen alles mögliche erzählt und ich diese Alerts dann in Klammern setzen muss, tut er bei diese Variante keine Alerts auspucken, außer die Auswertung am ende ob ON oder OFF die Styles sind. Sei nicht traurig, ich habe deine Schreibart auch schon irgendwoanders gesehen wo es funktioniert, ich denke hier ist einfach irgendwie das Script nur so Wackelig, das es keine Variablen Funktionen usw. braucht, sondern nur wirklich eine in der Anfangsfunktion um dann mit der Zweiten Funktion auswerten zu können.

nach oben springen

#58 | RE: Styleswitcher datum

datum

14.05.2012 18:43

Naja, wenn dann alles so wie du beschrieben hast funktioniert, dann w�rde ich auch sagen, belasse es dabei.
Dann kommt es auf die eine Variable zus�tzlich auch nicht mehr an.
R�ckgabewerte f�r Funktionen sind eigentlich gebr�uchlicher, denn schlie�lich willst du ja von ihr wissen, was Sache ist.
Der Umweg �ber die Variable ist eigentlich nicht wirklich normal, aber nat�rlich auch nicht verboten.

Skripte, welche mit Ressourcen au�erhalb der eigenen Domain arbeiten, also f�r dieses Skript das Forum als eigene Domain, stehen relativ wackelig da.
Gerne werden da mal Sicherheitsverletzungen auftreten, da JavaScript ja auch nicht uneingeschr�nkt alles k�nnen sollte.
Das Konzept ist ja in Anbetracht von Schadcode auf manchen Seite ja schon sinnvoll. (z.B. Cross-Site-Scripting)
Nur bei "Spezial-Skripten" welche server�bergreifend arbeiten k�nnen sollen, kann das ziemlich l�stig werden.
Es gibt einige M�glichkeiten, um Skripte auf andere Domains zugreifen zu lassen, aber daf�r muss man in der Regel eben direkt Zugriff auf den Server haben.
Problem im Forum ist dann nur, dass du keine Dateien hochladen und generell nichts auf dem Server umstellen/bearbeiten kannst.
Falls du doch noch eine M�glichkeit zur Zulassung von domain�bergreifenden Skripts gefunden hast, lass es mich bitte wissen.

Letztendlich wollte ich das letzte Bedanken-Skript sch�n mittels AJAX entwerfen, so wie man es einfach mal gerne macht.
Problem waren dann aber die Sicherheitsverletzungen, als ich Daten direkt von meinem Webspace nachladen wollte.
Eine Prozedur mit Umwegen �ber viele PHP-Skripte mit Datenbank-Zugriff und geschickter Einbindung und Aufrufen hat dann den Bedanken-Button doch noch m�glich gemacht.
Und dass, obwohl ich mich vorher bereits einmal daran versuchte, aber da hatte ich eben noch keine sinnvolle Idee zur L�sung.

Leider w�rden diese Tricks jetzt nicht direkt bei deinem Problem helfen.
Wobei ich aber denke, dass das jetzt relativ egal ist, da du ja noch einen guten Mittelweg gefunden hast.

_________________
Florian Zier
Administrator
http://www.florian-zier.de

nach oben springen

externe Links kennzeichnen � � Styleswitcher (Link-Sammlung)

Seite 3 von 3 � Seite 1 2 3 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Frage zum Styleswitcher
Erstellt im Forum Funktionen & Template von lady_ilarya 0 01.05.2020 19:04
lady_ilarya • Zugriffe: 106
Styleswitcher (Link-Sammlung)
Erstellt im Forum Funktionen & Template von florian-zier 0 04.05.2013 16:52
florian-zier • Zugriffe: 574
Onlinezeitzähler
Erstellt im Forum Ideen f�r Skripte und sonstige Quellcodes von Wolfgang 17 18.06.2011 17:54
florian-zier • Zugriffe: 1276
Styleswitcher
Erstellt im Forum Sonstiges von Emanuel 5 01.09.2022 11:24
Pirs • Zugriffe: 803
Onload im Body-Tag verkürzen
Erstellt im Forum Xobor (Homepagemodules & Dynamicboard) von florian-zier 1 20.04.2008 17:44
florian-zier • Zugriffe: 1066
Verfügbare Quellcodes
Erstellt im Forum Xobor (Homepagemodules & Dynamicboard) von florian-zier 0 16.01.2008 22:36
florian-zier • Zugriffe: 1929
Forum-Design in einer CSS-Datei bereitstellen
Erstellt im Forum Xobor (Homepagemodules & Dynamicboard) von florian-zier 0 04.01.2008 18:01
florian-zier • Zugriffe: 1135
Styles für den Styleswitcher
Erstellt im Forum CSS von florian-zier 0 04.01.2008 15:06
florian-zier • Zugriffe: 602
Style ändern...
Erstellt im Forum Funktionen von florian-zier 0 11.12.2007 14:59
florian-zier • Zugriffe: 978

Logo http://www.florian-zier.de
Der Administrator ist nicht f�r die im Forum verlinkten Seiten und Beitr�ge der User verantwortlich.

Xobor

Forum Software von Xobor
Einfach ein eigenes Forum erstellen