Ist jemand im Space: Unterschied zwischen den Versionen

Aus Hacksaar Wiki
Zur Navigation springen Zur Suche springen
Zeile 13: Zeile 13:
 
* Diese [[Media:WP-Theme.zip | File]] runterladen und entpacken
 
* Diese [[Media:WP-Theme.zip | File]] runterladen und entpacken
 
* PHP-File suchen, die Scripte des Themes aufruft (bei uns atm unter /var/www/blog/wp-content/wp-load.php)
 
* PHP-File suchen, die Scripte des Themes aufruft (bei uns atm unter /var/www/blog/wp-content/wp-load.php)
* dort den Inhalt der Datei "script_call" am Ende einfügen
+
* Dort den Inhalt der Datei "script_call" am Ende einfügen
* die Dateien "hacksaar.js" und die beiden Logos "header1_newlogo_new_[off|on].png" in den Ordner upload Ordner (/var/www/blog/wp-content/uploads/) kopieren
+
* Die Dateien "hacksaar.js" und die beiden Logos "header1_newlogo_new_[off|on].png" in den Ordner uploads (/var/www/blog/wp-content/uploads/) kopieren
* fertig
+
* Fertig
  
 
=== Und was steht da wo drin? ===
 
=== Und was steht da wo drin? ===
 
==== script_call ====
 
==== script_call ====
{| class="wikitable"
+
<code>
| wp_register_script('hacksaar', '/wp-content/uploads/hacksaar.js', false, false, true);
+
wp_register_script('hacksaar', '/wp-content/uploads/hacksaar.js', false, false, true);
 
wp_enqueue_script('hacksaar');
 
wp_enqueue_script('hacksaar');
|}
+
</code>
  
 
==== hacksaar.js ====
 
==== hacksaar.js ====
{| class="wikitable"
+
<code>
|
+
load_status = (function($){
    load_status =     (function($){
 
 
             var Application = {
 
             var Application = {
 
                 run: function($) {
 
                 run: function($) {
Zeile 47: Zeile 46:
 
   jQuery(document).ready( function() {
 
   jQuery(document).ready( function() {
 
         load_status(jQuery)  
 
         load_status(jQuery)  
});
+
  });
|}
+
 
 +
</code>

Version vom 28. Januar 2016, 11:47 Uhr

Die Headergrafik auf unserer Webseite zeigt an, ob jemand in unserem Hackerspace ist oder nicht.

Woran erkenn ich was nun was ist?

Wir sind da:

Bildschirmfoto 2013-12-04 um 18.24.15.jpg

Wir sind nicht da:

Bildschirmfoto 2013-12-04 um 18.27.46.jpg


Logo update geht nicht? Dann mach folgendes:

  • Diese File runterladen und entpacken
  • PHP-File suchen, die Scripte des Themes aufruft (bei uns atm unter /var/www/blog/wp-content/wp-load.php)
  • Dort den Inhalt der Datei "script_call" am Ende einfügen
  • Die Dateien "hacksaar.js" und die beiden Logos "header1_newlogo_new_[off|on].png" in den Ordner uploads (/var/www/blog/wp-content/uploads/) kopieren
  • Fertig

Und was steht da wo drin?

script_call

wp_register_script('hacksaar', '/wp-content/uploads/hacksaar.js', false, false, true); wp_enqueue_script('hacksaar');

hacksaar.js

load_status = (function($){

           var Application = {
               run: function($) {
                   this.load_status();
               },
               load_status: function() {
                   $.ajax({
                       url:"/status.txt",
                       success:function ( data, textStatus, xhr ) {
                           openState = parseInt(data);
                               $("#branding").css('background-image', 'url(/wp-content/uploads/header1_newlogo_new_'+(openState?'on':'off')+'.png)');
                       }
                   });
                   setTimeout(Application.load_status, 30*1000);
               }
           }
           Application.run($);
       });
 jQuery(document).ready( function() {
       load_status(jQuery) 
 });