WebDevTeam’s Blog

Web Development, JavaScript, CSS, Ajax, Web2.0, Usability, Interaction, Tools

Posts Tagged ‘prototype

JavaScript Performance: jQuery Artikel und Performance Messungen

leave a comment »

Written by webdevteam

Juni 16, 2009 at 2:50 pm

Veröffentlicht in Uncategorized

Tagged with , , , ,

Zeilenumbruch auch ohne Leerzeichen erzwingen

leave a comment »

So, ich habe auch einen Beitrag zum Thema „Text Umbrechen“ zu leisten. Danke (!) an die Mitautoren für die zwei Beiträge:

Ich hatte dies schon einmal (June 14th, 2007) in meinem alten Blog geschrieben:

Firefox und IE word wrap, Bugeintrag bei mozilla…

Funktioniert aber trotzdem nicht im Firefox.

Einfache Möglichkeit: [wbr] einfügen – www.quirksmode.org

Mit Prototype

<div id="a" style="width: 20px;">aaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<script  type="text/javascript"
   src="http://www.prototypejs.org/assets/2007/5/1/prototype.js"></script>
<script type="text/javascript">
   $("a").innerHTML=$("a").innerHTML.split("").join("<wbr>");
</script>

Mit jQuery

<div class="j" style="width: 20px;">jjjjjjjjjjjjjjjjjjjjjjjj</div>
<script type="text/javascript"
   src="http://jquery.com/src/jquery-latest.js"></script>
<script type="text/javascript">
   $(".j").html($(".j").html().split('').join('<wbr>'));
</script>

Problem
Das Problem ist dann nur, dass alles, was umbrechen kann, auch umbricht! D.h. “Dies ist ein Textbeispiel” wird durch die Skripte zu

D<wbr/>i<wbr/>e<wbr/>s<wbr/> <wbr/>i<wbr/>s<wbr/>t<wbr/> <wbr/>e<wbr/>i<wbr/>n<wbr/>
<wbr/>T<wbr/>e<wbr/>x<wbr/>t<wbr/>b<wbr/>e<wbr/>i<wbr/>s<wbr/>p<wbr/>i<wbr/>e<wbr/>l

und bricht natürlich überall, wo das Ende eines umrahmenden Elements (mit einer festen Breite) erreicht ist und nicht nur bei den Leerzeichen! Es kann also so brechen:

Dies ist ein Textb
eispiel

obwohl es evtl. per default bei den Leerzeichen umbrechen würde:

Dies ist ein
Textbeispiel

Interessant dazu auch:
Wrapping Text Inside Pre Tags

Written by webdevteam

April 8, 2009 at 9:00 pm

Veröffentlicht in Uncategorized

Tagged with , , , ,

Events finden die mit unobtrusive(Eventbinding) hinzugefügt wurden

with 2 comments

http://www.sprymedia.co.uk/article/Visual+Event

Um alle Events zu sehen die an einem Dokument hängen ist dieses Bookmarklet sehr nützlich.

Written by webdevteam

Februar 27, 2009 at 12:17 pm

Veröffentlicht in Uncategorized

Tagged with , ,

AJAX Libraries API – Google Code

leave a comment »

Google bietet die Möglichkeit, die verschiedenen Bibliotheken über Google zu laden:

  • jQuery
  • jQuery UI
  • Prototype
  • script.aculo.us
  • MooTools
  • Dojo
  • SWFObjectNew!
  • Yahoo! User Interface Library (YUI)New!

Written by webdevteam

Februar 16, 2009 at 3:29 pm

Veröffentlicht in Uncategorized

Tagged with , , , ,

Modal Box

leave a comment »

Ich schaue gerade meine Bookmarks durch, und da ist mir die ModalBox wieder aufgefallen. Diese basiert allerdings auf Prototype und scriptaculous.

Modal Box Logo

Modal Box Logo

Written by webdevteam

Januar 26, 2009 at 8:32 pm

Veröffentlicht in Uncategorized

Tagged with , ,

Using jQuery with Other Libraries

leave a comment »

JQuery Logo

Ich hatte wegen eines Projekts, was jQuery benutzt Prototype mit scriptaculous integriert, um die Zuarbeit der Agentur aus deren MVC mit realen Produkten und -bildern zu testen, das ging sogar 🙂

Hier eine allgemeine „Anleitung„.

Im Prinzip ist es wichtig, dass man bei den eigenen Sachen statt $(…) nun jQuery(…) benutzt. Die jQuery Plugins erweitern jQuery schon alleine mit jQuery.fn. …nur die Thickbox nicht, dort muss man noch einmal alle $( mit jQuery( ersetzen.

Wenn es nicht geht, dann wie in der Anleitung geschrieben, liegt es daran:

However, you can override that default by calling jQuery.noConflict() at any point after jQuery and the other library have both loaded.

Written by webdevteam

Januar 26, 2009 at 8:15 pm

Veröffentlicht in Uncategorized

Tagged with , ,