Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the customizr-pro domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /var/www/html/wp-includes/functions.php on line 6114

Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/wp-includes/functions.php:6114) in /var/www/html/wp-includes/rest-api/class-wp-rest-server.php on line 1893

Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/wp-includes/functions.php:6114) in /var/www/html/wp-includes/rest-api/class-wp-rest-server.php on line 1893

Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/wp-includes/functions.php:6114) in /var/www/html/wp-includes/rest-api/class-wp-rest-server.php on line 1893

Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/wp-includes/functions.php:6114) in /var/www/html/wp-includes/rest-api/class-wp-rest-server.php on line 1893

Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/wp-includes/functions.php:6114) in /var/www/html/wp-includes/rest-api/class-wp-rest-server.php on line 1893

Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/wp-includes/functions.php:6114) in /var/www/html/wp-includes/rest-api/class-wp-rest-server.php on line 1893

Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/wp-includes/functions.php:6114) in /var/www/html/wp-includes/rest-api/class-wp-rest-server.php on line 1893

Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/wp-includes/functions.php:6114) in /var/www/html/wp-includes/rest-api/class-wp-rest-server.php on line 1893
{"id":504,"date":"2016-08-01T10:22:58","date_gmt":"2016-08-01T08:22:58","guid":{"rendered":"http:\/\/elise-robert.de\/?p=504"},"modified":"2016-08-01T13:31:11","modified_gmt":"2016-08-01T11:31:11","slug":"das-hochhaus-von-katharina-greve-durcheinander","status":"publish","type":"post","link":"https:\/\/elise-robert.de\/2016\/08\/das-hochhaus-von-katharina-greve-durcheinander\/","title":{"rendered":"Das Hochhaus von Katharina Greve – durcheinander"},"content":{"rendered":"

Unter http:\/\/www.das-hochhaus.de<\/a> von Katharina Greve entsteht gerade ein Hochhaus auf das, bis zum 5.9.2017, jede Woche Dienstags eine neue Etage hinzugef\u00fcgt wird.<\/p>\n

Hier ein kleiner JavaScript Schnipsel zum einf\u00fcgen in FireBug<\/a> um die Etagen durcheinanderzubringen. (Wahrscheinlich geht das auch unter Chrome oder dem Microsoft IE mit deren Entwicklerwerkzeugen – das habe ich aber nicht getestet).<\/p>\n

Das jQuery-Plugin habe ich von http:\/\/stackoverflow.com\/questions\/1533910\/randomize-a-sequence-of-div-elements-with-jquery<\/a> und leicht angepasst.<\/p>\n

Die Anpassungen waren noetig, damit die Etagen korrekt geschichtet werden (setzen von CSS-Eigenschaft ‘z-index’) und damit das Erdgescho\u00df und der Keller immer unten sind (sieht sonst sehr komisch aus wenn der Rasen irgendwo zwischen drin ist).<\/p>\n

Vorraussetzung daf\u00fcr, dass das Script funktioniert ist, dass auf der Seite weiterhin jQuery eingebunden ist.<\/p>\n

Hier der Code:<\/p>\n

(function($) {\r\n\r\n$.fn.randomize = function(childElem) {\r\n\u00a0 return this.each(function() {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 var $this = $(this);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 var elems = $this.children(childElem);\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 elems.sort(function() { return (Math.round(Math.random())-0.5); }); \u00a0\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 $this.remove(childElem); \u00a0\r\n\r\n\u00a0\u00a0\u00a0 var keller = '';\r\n\u00a0\u00a0\u00a0 var eg = '';\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0\u00a0 for(var i=0; i < elems.length; i++){\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 if(elems[i].id == 'etage00'){\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 eg = elems[i];\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }else if(elems[i].id == 'etage-1'){\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 keller = elems[i];\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }else{\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $(elems[i]).css(\"z-index\", \"-\" + i);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $this.append(elems[i]); \u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0\u00a0 $(eg).css(\"z-index\", \"-\" + (elems.length + 1));\r\n\u00a0\u00a0\u00a0 $(keller).css(\"z-index\", \"-\" + (elems.length + 2));\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0\u00a0 $this.append(eg);\r\n\u00a0\u00a0\u00a0 $this.append(keller);\r\n\r\n\u00a0 });\u00a0\u00a0 \u00a0\r\n}\r\n})(jQuery);\r\n\r\n$(\".etagenContainer\").randomize(\".etage\");<\/pre>\n

Beispiel<\/h2>\n

Hier das-hochaus.de original mit JavaScript im FireBug.<\/p>\n

\"Das<\/a>

Das Hochhaus original<\/p><\/div>\n

Hier das Hochhaus durcheinander nachdem im FireBug ‘run’ geklickt wurde.<\/p>\n

In der zweiten Etage von Oben kann man erkennen, dass die Bilder normalerweise immer ein bisschen \u00fcberlappen. Dadurch sieht das beim durcheinanderw\u00fcrfeln abgeschnitten aus.<\/p>\n

\"Das<\/a>

Das Hochhaus durcheinander<\/p><\/div>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Unter http:\/\/www.das-hochhaus.de von Katharina Greve entsteht gerade ein Hochhaus auf das, bis zum 5.9.2017, jede Woche Dienstags eine neue Etage hinzugef\u00fcgt wird. Hier ein kleiner JavaScript Schnipsel zum einf\u00fcgen in FireBug um die Etagen durcheinanderzubringen. (Wahrscheinlich geht das auch unter Chrome oder dem Microsoft IE mit deren Entwicklerwerkzeugen – das habe ich aber nicht getestet). […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,24],"tags":[27,25,28],"class_list":{"0":"post-504","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-programming","7":"category-web","8":"tag-firebug","9":"tag-firefox","10":"tag-javascript","11":"czr-hentry"},"_links":{"self":[{"href":"https:\/\/elise-robert.de\/wp-json\/wp\/v2\/posts\/504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elise-robert.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elise-robert.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elise-robert.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elise-robert.de\/wp-json\/wp\/v2\/comments?post=504"}],"version-history":[{"count":6,"href":"https:\/\/elise-robert.de\/wp-json\/wp\/v2\/posts\/504\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/elise-robert.de\/wp-json\/wp\/v2\/posts\/504\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/elise-robert.de\/wp-json\/wp\/v2\/media?parent=504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elise-robert.de\/wp-json\/wp\/v2\/categories?post=504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elise-robert.de\/wp-json\/wp\/v2\/tags?post=504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}