<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>the XCEPtion proves the rule &#187; Plugin</title>
	<atom:link href="http://www.xcep.net/blog/tag/plugin/feed" rel="self" type="application/rss+xml" />
	<link>http://www.xcep.net/blog</link>
	<description></description>
	<lastBuildDate>Mon, 06 Feb 2012 09:51:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>[jQuery] Serialize List Plugin</title>
		<link>http://www.xcep.net/blog/2009/10/25/jquery-serialize-list-plugin/index.php</link>
		<comments>http://www.xcep.net/blog/2009/10/25/jquery-serialize-list-plugin/index.php#comments</comments>
		<pubDate>Sun, 25 Oct 2009 00:49:01 +0000</pubDate>
		<dc:creator>tXptr</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[List]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Serialize]]></category>
		<category><![CDATA[UL]]></category>

		<guid isPermaLink="false">http://www.xcep.net/blog/?p=247</guid>
		<description><![CDATA[Mike Botsko hat ein nettes Plugin für jQuery geschrieben, mit dem eine unordered list &#60;ul&#62; &#8220;serialisiert&#8221; werden kann, um sie dann mit PHP o.ä. weiterverarbeiten zu können. Der Quelltext des Plugins sieht wie folgt aus: &#40;function&#40;$&#41;&#123; $.fn.serializelist = function&#40;options&#41; &#123; /** * jQuery Serialize List * Copyright (c) 2009 Mike Botsko, Botsko.net LLC * Licensed under [...]]]></description>
			<content:encoded><![CDATA[<p>Mike Botsko hat ein nettes Plugin für jQuery geschrieben, mit dem eine unordered list &lt;ul&gt; &#8220;serialisiert&#8221; werden kann, um sie dann mit PHP o.ä. weiterverarbeiten zu können.<br />
Der Quelltext des Plugins sieht wie folgt aus:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>$<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    $.<span style="color: #660066;">fn</span>.<span style="color: #660066;">serializelist</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>options<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #006600; font-style: italic;">/**
         * jQuery Serialize List
         * Copyright (c) 2009 Mike Botsko, Botsko.net LLC
         * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
         * Copyright notice and license must remain intact for legal use
         * Version 1
         *
         * Serialize an unordered or ordered list item. Optional ability
         * to determine which attributes are included. The serialization
         * will be read by PHP as a multidimensional array which you may
         * use for saving state.
         */</span>
&nbsp;
        <span style="color: #006600; font-style: italic;">// Extend the configuration options with user-provided</span>
        <span style="color: #003366; font-weight: bold;">var</span> defaults <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span>
            prepend<span style="color: #339933;">:</span> <span style="color: #3366CC;">'ul'</span><span style="color: #339933;">,</span>
            is_child<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
            attributes<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'id'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'class'</span><span style="color: #009900;">&#93;</span>
        <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
        <span style="color: #003366; font-weight: bold;">var</span> opts <span style="color: #339933;">=</span> $.<span style="color: #660066;">extend</span><span style="color: #009900;">&#40;</span>defaults<span style="color: #339933;">,</span> options<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #003366; font-weight: bold;">var</span> serialStr     <span style="color: #339933;">=</span> <span style="color: #3366CC;">''</span><span style="color: #339933;">;</span>
&nbsp;
        <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>opts.<span style="color: #660066;">is_child</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> opts.<span style="color: #660066;">prepend</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">'&amp;amp;'</span><span style="color: #339933;">+</span>opts.<span style="color: #660066;">prepend</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #006600; font-style: italic;">// Begin the core plugin</span>
        <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> ul_obj <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span><span style="color: #339933;">;</span>
&nbsp;
            <span style="color: #003366; font-weight: bold;">var</span> li_count     <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">children</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
&nbsp;
                <span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>att <span style="color: #000066; font-weight: bold;">in</span> opts.<span style="color: #660066;">attributes</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
                    serialStr <span style="color: #339933;">+=</span> opts.<span style="color: #660066;">prepend</span><span style="color: #339933;">+</span><span style="color: #3366CC;">'['</span><span style="color: #339933;">+</span>li_count<span style="color: #339933;">+</span><span style="color: #3366CC;">']['</span><span style="color: #339933;">+</span>opts.<span style="color: #660066;">attributes</span><span style="color: #009900;">&#91;</span>att<span style="color: #009900;">&#93;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">']='</span><span style="color: #339933;">+</span>$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span>opts.<span style="color: #660066;">attributes</span><span style="color: #009900;">&#91;</span>att<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span>
&nbsp;
                <span style="color: #006600; font-style: italic;">// append any children elements</span>
                <span style="color: #003366; font-weight: bold;">var</span> child_base <span style="color: #339933;">=</span> opts.<span style="color: #660066;">prepend</span><span style="color: #339933;">+</span><span style="color: #3366CC;">'['</span><span style="color: #339933;">+</span>li_count<span style="color: #339933;">+</span><span style="color: #3366CC;">'][children]'</span><span style="color: #339933;">;</span>
                $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">children</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
                    <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">tagName</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">'UL'</span> <span style="color: #339933;">||</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">tagName</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">'OL'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
                        serialStr <span style="color: #339933;">+=</span> $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">serializelist</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span><span style="color: #3366CC;">'prepend'</span><span style="color: #339933;">:</span> child_base<span style="color: #339933;">,</span> <span style="color: #3366CC;">'is_child'</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    <span style="color: #009900;">&#125;</span>
                <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                li_count<span style="color: #339933;">++;</span>
            <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #000066; font-weight: bold;">return</span><span style="color: #009900;">&#40;</span>serialStr<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span>jQuery<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Der Aufruf erfolgt über folgenden Befehl:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'ul'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">serializelist</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.xcep.net/blog/2009/10/25/jquery-serialize-list-plugin/index.php/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>[jQuery] Endlich ein gutes Growl Plugin &#8211; Gritter</title>
		<link>http://www.xcep.net/blog/2009/07/12/jquery-endlich-ein-gutes-growl-plugin-gritter/index.php</link>
		<comments>http://www.xcep.net/blog/2009/07/12/jquery-endlich-ein-gutes-growl-plugin-gritter/index.php#comments</comments>
		<pubDate>Sun, 12 Jul 2009 01:15:38 +0000</pubDate>
		<dc:creator>tXptr</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Demo]]></category>
		<category><![CDATA[Gritter]]></category>
		<category><![CDATA[Growl]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Notification]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.xcep.net/blog/?p=203</guid>
		<description><![CDATA[http://boedesign.com/2009/07/11/growl-for-jquery-gritter/ hat am 11.07.2009 ein richtig schickes und gut funktionierendes Notification-Plugin im Growl-Stil für jQuery veröffentlicht. Es heißt Gritter und der erste Eindruck von der Demo war auf jeden Fall sehr gut. Ich werde das Plugin definitiv in verschiedenen Projekten einsetzen. Auf sowas habe ich schon seit längerer Zeit gewartet.]]></description>
			<content:encoded><![CDATA[<p><a href="http://boedesign.com/2009/07/11/growl-for-jquery-gritter/" target="_blank"><img class="alignnone size-full wp-image-167 logo" title="jquery-logo" src="http://www.xcep.net/blog/wp-content/2009/07/jquery-logo.png" alt="jquery-logo" width="150" height="48" />http://boedesign.com/2009/07/11/growl-for-jquery-gritter/</a> hat am 11.07.2009 ein richtig schickes und gut funktionierendes Notification-Plugin im Growl-Stil für jQuery veröffentlicht. Es heißt Gritter und der erste Eindruck von der Demo war auf jeden Fall sehr gut.</p>
<p>Ich werde das Plugin definitiv in verschiedenen Projekten einsetzen. Auf sowas habe ich schon seit längerer Zeit gewartet.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xcep.net/blog/2009/07/12/jquery-endlich-ein-gutes-growl-plugin-gritter/index.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

