README.md angepasst
This commit is contained in:
		
							parent
							
								
									cca9e21d08
								
							
						
					
					
						commit
						275234abd8
					
				
					 1 changed files with 10 additions and 7 deletions
				
			
		
							
								
								
									
										17
									
								
								README.md
									
										
									
									
									
								
							
							
						
						
									
										17
									
								
								README.md
									
										
									
									
									
								
							|  | @ -9,11 +9,12 @@ Du willst Bärneruhr auf deiner Website verwenden? Dank des jQuery-Plugins geht | ||||||
| 	* uhr.css | 	* uhr.css | ||||||
| * Binde zusätzlich mindestens eine der folgenden CSS-Dateien im HTML ein, je nach dem, welche Farben deine Uhr unterstützen soll: | * Binde zusätzlich mindestens eine der folgenden CSS-Dateien im HTML ein, je nach dem, welche Farben deine Uhr unterstützen soll: | ||||||
| 	* uhr-black.css | 	* uhr-black.css | ||||||
| 	* uhr-blue.css |  | ||||||
| 	* uhr-green.css |  | ||||||
| 	* uhr-red.css | 	* uhr-red.css | ||||||
| 	* uhr-white.css | 	* uhr-yellow.css | ||||||
|  | 	* uhr-green.css | ||||||
|  | 	* uhr-blue.css | ||||||
| 	* uhr-pink.css | 	* uhr-pink.css | ||||||
|  | 	* uhr-white.css | ||||||
| 
 | 
 | ||||||
| Beim Einbinden muss das attribut `data-class` angegeben werden, welches die CSS-Klasse des Themes definiert. Optional kann mit `data-name` ein im Dropdown anzuzeigender Name angegeben werden. Beispiel: | Beim Einbinden muss das attribut `data-class` angegeben werden, welches die CSS-Klasse des Themes definiert. Optional kann mit `data-name` ein im Dropdown anzuzeigender Name angegeben werden. Beispiel: | ||||||
| 
 | 
 | ||||||
|  | @ -25,7 +26,7 @@ Beim Einbinden muss das attribut `data-class` angegeben werden, welches die CSS- | ||||||
| 		* Von jquery-ui werden die Komponenten 'core' und 'widget' benötigt. | 		* Von jquery-ui werden die Komponenten 'core' und 'widget' benötigt. | ||||||
| 	* jquery-cookie-1.4.0.js (Falls nicht bereits vorhanden) | 	* jquery-cookie-1.4.0.js (Falls nicht bereits vorhanden) | ||||||
| 	* uhr.js | 	* uhr.js | ||||||
| * Binde mindestens eine der folgenden Javascript-Dateien im HTML ein, je nach dem, welche Sprachen deine Uhr unterstützen soll: | * Binde mindestens eine der folgenden Javascript-Dateien im HTML nach uhr.js ein, je nach dem, welche Sprachen deine Uhr unterstützen soll: | ||||||
| 	* uhr-de_CH.js | 	* uhr-de_CH.js | ||||||
| 	* uhr-de_CH_genau.js | 	* uhr-de_CH_genau.js | ||||||
| 	* uhr-de.js | 	* uhr-de.js | ||||||
|  | @ -33,7 +34,7 @@ Beim Einbinden muss das attribut `data-class` angegeben werden, welches die CSS- | ||||||
| 	* uhr-fr.js | 	* uhr-fr.js | ||||||
| 	* uhr-it.js | 	* uhr-it.js | ||||||
| 
 | 
 | ||||||
| `uhr-de_CH_genau.js` ist eine Variante von Berndeutsch, bei der zur vollen Stunde zusätlich das Wort "genau" angezeigt wird (also z.B. "ES ISCH GENAU DRÜ"). | `uhr-de_CH_genau.js` ist eine Variante von Berndeutsch, bei der zur vollen Stunde zusätlich das Wort "genau" angezeigt wird (also z.B. um 15:00 Uhr "ES ISCH GENAU DRÜ"). | ||||||
| 
 | 
 | ||||||
| 2. Uhr-Element im HTML-Dokument einfügen | 2. Uhr-Element im HTML-Dokument einfügen | ||||||
| ---------------------------------------- | ---------------------------------------- | ||||||
|  | @ -55,6 +56,8 @@ Damit wird eine Uhr in der Standardkonfiguration erzeugt. Das heisst: | ||||||
| * Die Uhr ist eingeschaltet | * Die Uhr ist eingeschaltet | ||||||
| * Die Bedienelemente werden angezeigt | * Die Bedienelemente werden angezeigt | ||||||
| 
 | 
 | ||||||
|  | Mit den Bedienelementen kannst du die Uhr ein- und ausschalten sowie Sprache und Farbe wechseln. | ||||||
|  | 
 | ||||||
| Wie du diese Optionen ändern kannst, verrät der nächte Abschnitt. | Wie du diese Optionen ändern kannst, verrät der nächte Abschnitt. | ||||||
| 
 | 
 | ||||||
| Es kann natürlich auch eine Collection von Elementen übergeben werden. Mit | Es kann natürlich auch eine Collection von Elementen übergeben werden. Mit | ||||||
|  | @ -69,8 +72,8 @@ Der uhr()-Methode kann ein Options-Objekt mitgegeben werden: | ||||||
| 
 | 
 | ||||||
| 	jQuery('#uhrcontainer').uhr({ | 	jQuery('#uhrcontainer').uhr({ | ||||||
| 		status: 'on',      // 'on' (default) oder 'off' | 		status: 'on',      // 'on' (default) oder 'off' | ||||||
| 		theme: 'black',    // 'black' (default), 'red', 'blue', 'green' oder 'white' | 		theme: 'black',    // 'black' (default), 'red', 'yellow', 'green', 'blue', 'pink' oder 'white' | ||||||
| 		language: 'de_CH', // 'de_CH' (default), 'de' oder 'en' (je nach eingebundenen Sprachdateien) | 		language: 'de_CH', // 'de_CH' (default), 'de_CH_genau', 'de', 'en', 'fr' oder 'it' (je nach eingebundenen Sprachdateien) | ||||||
| 		width: '100%',     // eine CSS-Grössenangabe (default: 100%) | 		width: '100%',     // eine CSS-Grössenangabe (default: 100%) | ||||||
| 		force: false,      // false (default): Falls ein Cookie im Browser besteht, werden dessen Konfigurationswerte übernommen; | 		force: false,      // false (default): Falls ein Cookie im Browser besteht, werden dessen Konfigurationswerte übernommen; | ||||||
| 		                   // true: immer die angegebene Konfiguration verwenden | 		                   // true: immer die angegebene Konfiguration verwenden | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue