Ist jemand im Space: Unterschied zwischen den Versionen

Aus Hacksaar Wiki
Zur Navigation springen Zur Suche springen
Zeile 14: Zeile 14:
 
* 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 uploads (/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
  
Zeile 20: Zeile 20:
  
 
==== script_call ====
 
==== script_call ====
<code>
+
<code style="white-space: nowrap">
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>
 
</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 37:
 
                         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 46:
 
         });
 
         });
 
   jQuery(document).ready( function() {
 
   jQuery(document).ready( function() {
        load_status(jQuery)  
+
load_status(jQuery)
 
   });
 
   });
 
 
</code>
 
</code>

Version vom 28. Januar 2016, 12:05 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)

 });