Tragen sie hier ihren Suchbegriff ein.

mal prototype.js & co anwenden

ich habe mich jetzt übernacht hingesetzt und in ein paar Stunden einwenig den Blog technisch überarbeitet. Dabei habe ich die eine rechts in zwei Teile aufgesplittet und daziwschen die Fotobar geschoben. Das ganze soll den wenigen Usern mit geringer Auflösung zu gut kommen. Das nicht immer gleich viele Bilder aus dem mobilen Fotoblog geladen werden, habe ich mit prototype.js ein AJAX.REQUEST gebaut, das dynamisch auf wunsch 3 weitere Bilder anzeigt, also insgesamt 4. Außerdem habe ich mich der Effekt Bibliothek script.aculo.us bedient um die Kategorien und die Archieve auszublenden, aber bei Wunsch einblendbar zu machen.

Vereinfachter Code:

<!– _______________________________________ myJS Code (Start) –>
<script src="http://blog.johnobo.de/wp-content/themes/hannes_new/js/lib/prototype.js" type="text/javascript"></script> <script src="http://blog.johnobo.de/wp-content/themes/hannes_new/js/src/scriptaculous.js" type="text/javascript"></script>

<script type="text/javascript"><!–
function updateDiv(ajaxTarget, sourceFile) {
   new Ajax.Request(sourceFile,
     {
       method:’get’,
       onSuccess: function(transport){
         var response = transport.responseText;
         $(ajaxTarget).update(response);
         $(ajaxTarget).innerHTML
       }
     });
  };

function showHide(target) {
  Effect.toggle($(target),’blind’);
};
// –></script>
<!– ________________________________________ myJS Code (Ende) –>

cool - und außerdem verschwindet jetzt die Fotobox, wenn man einen Artikel weiter liest. find ich recht praktisch.

Kategorien:AJAX, Allgemein, Arbeit, Johannes Ulrich Gehrke, PHP, Programmieren



Keine Kommentare


kommentieren