CMS-Jack
Blog
Blog - Neues passiert
typo3javascriptjqueryimagecyclejfmulticontentlinuxcsssuexect3blogfastcgisexybookmarkspowermaildebianapacheimagecarouselt3jqueryfehlermac ostastaturcoin-slidernagioshtmlrtepagetypeimage cyclefirefoxsnippetanalysepatchjfcloudzoomxhtmltabscloudeffektcross-slideriossdkiphonexcodeirrejfimageflowbackenstylehooksbackendtyposcriptfadegrafikurljquery uithemerollerfollow mebildergalerieimageflow

Feb
15

Image Cycle mit Coin-Slider

Typo3
Gravatar: Jürgen Furrer

Ich hab mir gestern mal wieder etwas Zeit genommen und mir alte Tickets von Forge zur Brust genommen. Dabei habe ich am meisten Zeit beim Coin-Slider gewidmet.

Das hat schon etwas gebraucht, dachte schon man muss dafür den Core von Typo3 anpassen, da der imageLinkWrap m.E. nicht ganz korrekt funktioniert, habe dazu auch einen Bug erfasst.

Das Ergebnis kann sich aber sehen lassen:

Auf der fahrt nach Presidente DutraAuf der fahrt nach Presidente DutraNur ein See, kein StrandNur ein See, kein StrandSonnenuntergang auf einer RangeSonnenuntergang auf einer RangeAussicht von der HängematteAussicht von der HängematteHauptstadt von BrasilienHauptstadt von BrasilienKein Geld aber FernsehenKein Geld aber FernsehenLagua bei NachtLagua bei NachtLichteinfall duch die PalmenLichteinfall duch die PalmenDie letzten Sonnenstrahlen am HimmelDie letzten Sonnenstrahlen am Himmel
Views: 455
Feb
11

XHTML 1.0

Typo3
Gravatar: Jürgen Furrer

Gestern...

...hab ich mal meine Seite bei W3C kontrolliert und bin fast aus meiner Wolke gefallen. 47 Fehler! Und das mir, der immer auf XHTML und valid DocType und codierung achte.

Mal analysieren welche böse EXT das verursacht, hmmm, die EXT ist dann auch noch von mir... SexyBookmarks wars, da werden alle Links mittels COA zusamengebaut, dann kommt nicht derallestotschlagende typolink zum Einsatz. Schade das, dann werden "&" nicht automatisch zu "&"

Heute...

...hab ich dann versucht das zu fixen. ich hab dann einen herforragenden RegEx gefunden mit dem man "&" durch "&" ersetzen kann:

preg_replace("/&(?!(?i:\#((x([\dA-F]){1,5})|(104857[0-5]|10485[0-6]\d|1048[0-4]\d\d|104[0-7]\d{3}|10[0-3]\d{4}|0?\d{1,6}))|([A-Za-z\d.]{2,31}));)/", "&", $bookmarkItem);

Und schon werden alle Links XHTML-valid.

Die neuen Version von SexyBookmarks sollte in ein paar Stunden im TER sein und kann dann auch in Seiten mit XHTML Ausgabe verwendet werden.

 

Morgen...

...werde ich dann mal schauen, was mit HTML 5 so geht und was es an meinen EXT noch zu verbessern gibt...

Views: 183
Feb
10

Powermail 1.6.0

Typo3
Gravatar: Jürgen Furrer

Gestern wurde die lang ersehnte powermail 1.6.0 veröffentlicht. Dabei wird jQuery unterstützt. Die Validierung wird mit dem jQuery TOOLS verwirklicht und klappt sehr gut (OK, da gibt es schon mal einige Bugreports, aber ein Datum muss man ja nicht unbedingt verwenden)

Leider wird bei der Variante "Multiple Pages (Client Application)" die Tabs von TOOLS verwendet. OHHH, da ich jQuery UI verwende und es da auch Tabs gibt die zu allem Übel auch noch gleich heissen (in beiden Fällen werden die Tabs mit "$('#ID').tabs()" erstellt) gibt das konflikte mit einigen Erweiterungen wie zum Beispiel jfmulticontent und jftabulatorsitemap.

Das Problem tritt auf, wenn man die neue Version von powermail installiert und man t3jquery verwendet

  1. Muss in der Konfiguration die TOOLS aktiviert werden sonst funktioniert die Validierung nicht
  2. Beim "Process & Analyze t3jquery.txt in extensions" wird automatisch der TOOLS Tab gewählt und der UI Tab wird deaktiviert!

Nach diesem Update wird dann auf einigen Seite auf denen der UI Tab verwendet wird ein Ohh un Ahh das Resultat sein.

Meine Empfehlung:

Wenn Ihr die Variante mit den Tabs nicht verwendet, dann generiert das neue JS mit der UI Tab, dann funktioniert powermail wie gehabt und auch alle jQuery UI Tabs funktionieren noch...

Für das Problem habe ich aber schon ein Feature-Request bei powermail erstellt, dann funktioniert der Tab, egal welche Version (UI oder TOOLS) man verwendet.

Views: 329
Feb
04

T3 Snippet

Typo3
Gravatar:

Image Carousel (Cloud)

Wie verbinde ich Image Carousel (Cloud) mit einer Lightbox wie rzcolorbox?

plugin.tx_imagecarousel_pi2 {
  carousel.normal.image {
    imageLinkWrap {
      typolink >
      typolink {
        title.data = register:caption
        parameter.override.cObject = IMG_RESOURCE
        parameter.override.cObject.file.import.data = TSFE:lastImageInfo|origFile
        parameter.override.cObject.file.maxW = 800
        parameter.override.cObject.file.maxH = 600
        parameter.wrap = " | "
        ATagParams = class="{$plugin.rzcolorbox.rel}" rel="{$plugin.rzcolorbox.rel}"
        ATagParams.insertData = 1
      }
    }
  }
}

Dabei wird das Bild auch gleich noch skalliert auf ein Maximum von 800x600.

 

Views: 239
Jan
30

Javascript entpacken

Javascript
Gravatar: Jürgen Furrer

Heute hatte ich mal wieder eine Interessante Frage eines Kollegen. Eine Erweiterung von mir wollte einfach nicht, die Tabs wurden nicht angezeigt, auf der Oberfläche gab es keine Fehler, aber trotzdem funktionierten die Tabs nicht.

Als ich mir das HTML anschaute und die verwendeten T3jQuery Lib öffnen wollte war dies komprimiert. Hmmm, wie schaut man nun an was für komponenten da drin sind?

Kurz beim GoogleOrakel nachgefragt habe ich dann eine Seite gefunden mit der man komprimierte Javascript-Dateien entpacken kann. Schön dabei ist, dass gleich ein beautifier durchläuft, so, dass die Funktionen schön eingerückt sind und man das JS einwandfrei lesen kann...

Hier der Link zu dem Online javascript beautifier

Views: 272