<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>Javascript on cynar.ski</title>
    <link>https://cynar.ski/category/javascript/</link>
    <description>Recent content in Javascript on cynar.ski</description>
    <generator>Hugo -- 0.146.7</generator>
    <language>pl-PL</language>
    <lastBuildDate>Sun, 15 May 2011 22:28:13 +0000</lastBuildDate>
    <atom:link href="https://cynar.ski/category/javascript/feed.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>JavaScript array remove element</title>
      <link>https://cynar.ski/2011/05/15/javascript-array-remove-element/</link>
      <pubDate>Sun, 15 May 2011 22:28:13 +0000</pubDate>
      <guid>https://cynar.ski/2011/05/15/javascript-array-remove-element/</guid>
      <description>&lt;p&gt;Szybkie kasowanie elementu jak nie znamy indexu elementu.
Szybko i na temat:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-javascript&#34; data-lang=&#34;javascript&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;Array.&lt;span style=&#34;color:#a6e22e&#34;&gt;prototype&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;remove&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;function&lt;/span&gt;(&lt;span style=&#34;color:#a6e22e&#34;&gt;s&lt;/span&gt;){
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;   &lt;span style=&#34;color:#66d9ef&#34;&gt;var&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;i&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#66d9ef&#34;&gt;this&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;indexOf&lt;/span&gt;(&lt;span style=&#34;color:#a6e22e&#34;&gt;s&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;   &lt;span style=&#34;color:#66d9ef&#34;&gt;if&lt;/span&gt;(&lt;span style=&#34;color:#a6e22e&#34;&gt;i&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;!=&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;-&lt;/span&gt;&lt;span style=&#34;color:#ae81ff&#34;&gt;1&lt;/span&gt;) &lt;span style=&#34;color:#66d9ef&#34;&gt;this&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;splice&lt;/span&gt;(&lt;span style=&#34;color:#a6e22e&#34;&gt;i&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;1&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Wykorzystanie:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-javascript&#34; data-lang=&#34;javascript&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#a6e22e&#34;&gt;jakisarray&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;remove&lt;/span&gt;(&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#39;wartosc&amp;#39;&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
      <content:encoded><![CDATA[<p>Szybkie kasowanie elementu jak nie znamy indexu elementu.
Szybko i na temat:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span>Array.<span style="color:#a6e22e">prototype</span>.<span style="color:#a6e22e">remove</span><span style="color:#f92672">=</span><span style="color:#66d9ef">function</span>(<span style="color:#a6e22e">s</span>){
</span></span><span style="display:flex;"><span>   <span style="color:#66d9ef">var</span> <span style="color:#a6e22e">i</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">indexOf</span>(<span style="color:#a6e22e">s</span>);
</span></span><span style="display:flex;"><span>   <span style="color:#66d9ef">if</span>(<span style="color:#a6e22e">i</span> <span style="color:#f92672">!=</span> <span style="color:#f92672">-</span><span style="color:#ae81ff">1</span>) <span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">splice</span>(<span style="color:#a6e22e">i</span>, <span style="color:#ae81ff">1</span>);
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><p>Wykorzystanie:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#a6e22e">jakisarray</span>.<span style="color:#a6e22e">remove</span>(<span style="color:#e6db74">&#39;wartosc&#39;</span>);
</span></span></code></pre></div>]]></content:encoded>
    </item>
    <item>
      <title>Design, jQuery, rapid design js = IxEdit</title>
      <link>https://cynar.ski/2010/04/12/design-jquery-rapid-design-js-ixedit/</link>
      <pubDate>Mon, 12 Apr 2010 16:29:54 +0000</pubDate>
      <guid>https://cynar.ski/2010/04/12/design-jquery-rapid-design-js-ixedit/</guid>
      <description>&lt;p&gt;Każdy kto pracuje bardziej lub mniej przy &lt;strong&gt;jQuerty&lt;/strong&gt; musi grzebać w elementach na stronie tak aby uzyskać żądany efekt. Odnosić się do klasy, znacznika lub ID elementu. Dokładać obsługę eventów, oprogramować efekty etc&amp;hellip; Często jak trzeba zrobić coś szybko to zaczyna się męka.&lt;/p&gt;
&lt;p&gt;Pojawiło się bardzo dobre rozwiązanie pomagające na szybkie projektowanie efektów międzymordzia (aka interfejsu) WEB, mowa o &lt;a href=&#34;http://ixedit.com/&#34;&gt;IxEdit&lt;/a&gt;. Skrypt JS bazujący na jQuery oraz jQuery UI, który pozwala na tworzenie efektów live na stronie www. Informacje przechowuje loklanie na pomocą &lt;strong&gt;Google Gears&lt;/strong&gt; (stąd problemy z Safari na OSX&amp;rsquo;ie - ja polecam i tak Firefox&amp;rsquo;a), całość wygląda mniej więcej tak:&lt;/p&gt;</description>
      <content:encoded><![CDATA[<p>Każdy kto pracuje bardziej lub mniej przy <strong>jQuerty</strong> musi grzebać w elementach na stronie tak aby uzyskać żądany efekt. Odnosić się do klasy, znacznika lub ID elementu. Dokładać obsługę eventów, oprogramować efekty etc&hellip; Często jak trzeba zrobić coś szybko to zaczyna się męka.</p>
<p>Pojawiło się bardzo dobre rozwiązanie pomagające na szybkie projektowanie efektów międzymordzia (aka interfejsu) WEB, mowa o <a href="http://ixedit.com/">IxEdit</a>. Skrypt JS bazujący na jQuery oraz jQuery UI, który pozwala na tworzenie efektów live na stronie www. Informacje przechowuje loklanie na pomocą <strong>Google Gears</strong> (stąd problemy z Safari na OSX&rsquo;ie - ja polecam i tak Firefox&rsquo;a), całość wygląda mniej więcej tak:</p>
<p><img alt="ixedit" loading="lazy" src="http://grab.by/3Ho1"></p>
<p>Całość jak widać przyjemna dla oka, wszystko działa <strong>live</strong> więc można sobie przetestować co się naklikało, albo jak już wszystko jest zrobione dobrze wyeksportować do pliku js:</p>
<p><img alt="ixedit-deploy" loading="lazy" src="http://grab.by/3HoG"></p>
<p>Zacząłem tego używać, styl życia +2 :D</p>
<p>Szybkie użycie tego ustrojstwa w ZF:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-smarty" data-lang="smarty"><span style="display:flex;"><span><span style="color:#75715e">{</span><span style="color:#a6e22e">if</span> $env <span style="color:#a6e22e">eq</span> <span style="color:#e6db74">&#34;development&#34;</span><span style="color:#75715e">}</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#75715e">{</span><span style="color:#a6e22e">/if</span><span style="color:#75715e">}</span>
</span></span></code></pre></div>]]></content:encoded>
    </item>
  </channel>
</rss>
