Ist jemand im Space: Unterschied zwischen den Versionen

Aus Hacksaar Wiki
Zur Navigation springen Zur Suche springen
 
(12 dazwischenliegende Versionen von 5 Benutzern werden nicht angezeigt)
Zeile 10: Zeile 10:
  
  
== Logo update geht nicht? Dann mach folgendes: ==
+
== Logo update geht nicht? Dann überprüfe folgende Dinge: ==
* Diese [[Media:WP-Theme.zip | File]] runterladen und entpacken
+
* Dafür sorgen, dass die Dateien "hacksaar.js" und die Logos "header1_newlogo_new_[off/on].png" im Ordner /data/web/wp-content/uploads/ verfügbar sind. Falls nicht, kannst du sie [[Media:WP-Theme.zip | hier bekommen]].
* PHP-File suchen, die Scripte des Themes aufruft (bei uns atm unter /var/www/blog/wp-content/wp-load.php)
+
* Prüfe ob das Plugin "Erweiterungen für Hacksaar" im Backend von Wordpress (Plugins) vorhanden und aktiviert ist
* Dort den Inhalt der Datei "script_call" am Ende einfügen
+
* Prüfe ob die Funktion 'istjemandimspace()' im Plugin-Quellcode steht (siehe script call)
* 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
+
* Prüfe ob das richtige Theme aktiviert ist: 'Parabola'
* Fertig
+
* Prüfe im Quellcode der Startseite, ob das Skript 'hacksaar.js' geladen wird
 +
 
 +
Anmerkung zur Funktion: Die Funktion registriert das Javascript  für Wordpress und fügt den Skriptaufruf dem Header des aktivierten Theme hinzu
  
 
=== Und was steht da wo drin? ===
 
=== Und was steht da wo drin? ===
  
 
==== script_call ====
 
==== script_call ====
 +
File: /wp-content/plugins/erweiterungen/erweiterungen.php
 
<code>
 
<code>
wp_register_script('hacksaar', '/wp-content/uploads/hacksaar.js', false, false, true);
+
function istjemandimspace()
 
+
  {
wp_enqueue_script('hacksaar');
+
    wp_register_script('hacksaar', '/wp-content/uploads/hacksaar.js', false, false, true);
 +
    wp_enqueue_script('hacksaar');
 +
  }
 +
add_action('wp_head', 'istjemandimspace');
 
</code>
 
</code>
  
 
==== hacksaar.js ====
 
==== hacksaar.js ====
<code lang="javascript">
+
<code style="white-space: nowrap">
load_status = (function($){
+
  load_status =     (function($){
 
             var Application = {
 
             var Application = {
 
                 run: function($) {
 
                 run: function($) {
Zeile 38: Zeile 44:
 
                         success:function ( data, textStatus, xhr ) {
 
                         success:function ( data, textStatus, xhr ) {
 
                             openState = parseInt(data);
 
                             openState = parseInt(data);
                                $("#branding").css('background-image', 'url(/wp-content/uploads/header1_newlogo_new_'+(openState?'on':'off')+'.png)');
+
                  $("#branding").css('background-image', 'url(/wp-content/uploads/header1_newlogo_new_'+(openState?'on':'off')+'.png)');
 
                         }
 
                         }
 
                     });
 
                     });
Zeile 47: Zeile 53:
 
         });
 
         });
 
   jQuery(document).ready( function() {
 
   jQuery(document).ready( function() {
        load_status(jQuery)  
+
    load_status(jQuery)
 
   });
 
   });
 
 
</code>
 
</code>

Aktuelle Version vom 15. Februar 2021, 08:49 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 überprüfe folgende Dinge:

  • Dafür sorgen, dass die Dateien "hacksaar.js" und die Logos "header1_newlogo_new_[off/on].png" im Ordner /data/web/wp-content/uploads/ verfügbar sind. Falls nicht, kannst du sie hier bekommen.
  • Prüfe ob das Plugin "Erweiterungen für Hacksaar" im Backend von Wordpress (Plugins) vorhanden und aktiviert ist
  • Prüfe ob die Funktion 'istjemandimspace()' im Plugin-Quellcode steht (siehe script call)
  • Prüfe ob das richtige Theme aktiviert ist: 'Parabola'
  • Prüfe im Quellcode der Startseite, ob das Skript 'hacksaar.js' geladen wird

Anmerkung zur Funktion: Die Funktion registriert das Javascript für Wordpress und fügt den Skriptaufruf dem Header des aktivierten Theme hinzu

Und was steht da wo drin?

script_call

File: /wp-content/plugins/erweiterungen/erweiterungen.php

function istjemandimspace() 
  {
   wp_register_script('hacksaar', '/wp-content/uploads/hacksaar.js', false, false, true);
   wp_enqueue_script('hacksaar');
  }
add_action('wp_head', 'istjemandimspace');

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)
 });