<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:clearspace="http://www.jivesoftware.com/xmlns/jive/rss" version="2.0">
  <channel>
    <title>Adobe Community: Message List - Headache with a variable! Quick help please!</title>
    <link>https://forums.adobe.com/community/edge_animate?view=discussions</link>
    <description>Most recent forum messages</description>
    <language>en</language>
    <pubDate>Wed, 02 Jul 2014 20:23:13 GMT</pubDate>
    <generator>Jive Engage 7.0.0.1  (http://jivesoftware.com/products/)</generator>
    <dc:date>2014-07-02T20:23:13Z</dc:date>
    <dc:language>en</dc:language>
    <item>
      <title>Re: Headache with a variable! Quick help please!</title>
      <link>https://forums.adobe.com/message/6517332?tstart=0#6517332</link>
      <description>&lt;!-- [DocumentBodyStart:de03a4e6-20b0-4265-a7fe-fce0e98e00cd] --&gt;&lt;div class="jive-rendered-content"&gt;&lt;p&gt;Hi,&lt;/p&gt;&lt;p style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;1) You have to overturn closures. There is a tool: &lt;strong&gt;&lt;span style="color: #800080;"&gt;sym&lt;/span&gt;.setVariable()&lt;/strong&gt;.&lt;/p&gt;&lt;p style="padding-left: 30px;"&gt;&lt;span style="color: #0000ff;"&gt;var&lt;/span&gt; bullets = &lt;span style="color: #333333; font-family: adobe-clean, 'Helvetica Neue', Arial, sans-serif;"&gt;["bullet1", "bullet2", "bullet3", "bullet4"];&lt;/span&gt;&lt;/p&gt;&lt;p style="padding-left: 30px;"&gt;&lt;span style="color: #800080;"&gt;sym&lt;/span&gt;.setVariable("fadeInArray", bullets);&lt;/p&gt;&lt;p style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;2) Then, you have to browse this array using a loop.&lt;/p&gt;&lt;p style="padding-left: 30px;"&gt;$.&lt;strong&gt;each&lt;/strong&gt;( &lt;span style="color: #800080;"&gt;sym&lt;/span&gt;.getVariable("fadeInArray"), &lt;span style="color: #0000ff;"&gt;function&lt;/span&gt;(index,item){ console.log(item) } ); &lt;span style="color: #008000;"&gt;// This line returns array items.&lt;/span&gt;&lt;/p&gt;&lt;p style="padding-left: 30px;"&gt;$.&lt;strong&gt;each&lt;/strong&gt;( &lt;span style="color: #800080;"&gt;sym&lt;/span&gt;.getVariable("fadeInArray"), &lt;span style="color: #0000ff;"&gt;function&lt;/span&gt;(index,item){ &lt;span style="color: #800080;"&gt;sym&lt;/span&gt;.$(item).fadeIn(1000) } );&lt;/p&gt;&lt;p style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;A better solution:&lt;/strong&gt; you can also create a class using Edge Animate UI (for instance: &lt;strong&gt;fadeEffect&lt;/strong&gt;). Then: &lt;span style="color: #800080;"&gt;sym&lt;/span&gt;.$( "&lt;strong&gt;.fadeEffect&lt;/strong&gt;" ).fadeIn(1000);&lt;/p&gt;&lt;/div&gt;&lt;!-- [DocumentBodyEnd:de03a4e6-20b0-4265-a7fe-fce0e98e00cd] --&gt;&lt;img src='/beacon?t=1415897923000' /&gt;</description>
      <pubDate>Wed, 02 Jul 2014 19:22:43 GMT</pubDate>
      <author>forums_noreply@adobe.com</author>
      <guid>https://forums.adobe.com/message/6517332?tstart=0#6517332</guid>
      <dc:date>2014-07-02T19:22:43Z</dc:date>
      <clearspace:dateToText>4 months 2 weeks ago</clearspace:dateToText>
      <clearspace:objectType>0</clearspace:objectType>
    </item>
    <item>
      <title>Headache with a variable! Quick help please!</title>
      <link>https://forums.adobe.com/message/6516587?tstart=0#6516587</link>
      <description>&lt;!-- [DocumentBodyStart:0a541399-2475-4b89-ba11-625da4b3ec0d] --&gt;&lt;div class="jive-rendered-content"&gt;&lt;p&gt;HI,&lt;/p&gt;&lt;p style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;This is pretty basic but driving me mad.&lt;/p&gt;&lt;p style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;I have 4 bullet text boxes titles:&lt;/p&gt;&lt;p&gt;bullet1&lt;/p&gt;&lt;p&gt;bullet2&lt;/p&gt;&lt;p&gt;bullet3&lt;/p&gt;&lt;p&gt;bullet4&lt;/p&gt;&lt;p style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;that I want to fade in on a click, and rather than have code for each one like:&lt;/p&gt;&lt;p style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;sym.$("bullet1").fadeIn(1000);&lt;/p&gt;&lt;p&gt;sym.$("bullet2").fadeIn(1000);&lt;/p&gt;&lt;p&gt;sym.$("bullet3").fadeIn(1000);&lt;/p&gt;&lt;p&gt;sym.$("bullet4").fadeIn(1000);&lt;/p&gt;&lt;p style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;I want to put them in a variable in creation complete: &lt;/p&gt;&lt;p style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;var bullets = ["bullet1", "bullet2", "bullet3", "bullet4"];&lt;/p&gt;&lt;p style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;and call them from click on stage:&lt;/p&gt;&lt;p style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;sym.$("bullets").fadeIn(1000);&lt;/p&gt;&lt;p style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;but it won't work!!!!&lt;/p&gt;&lt;p style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;Any ideas?&lt;/p&gt;&lt;p style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;thanks!&lt;/p&gt;&lt;/div&gt;&lt;!-- [DocumentBodyEnd:0a541399-2475-4b89-ba11-625da4b3ec0d] --&gt;</description>
      <pubDate>Wed, 02 Jul 2014 16:01:42 GMT</pubDate>
      <author>forums_noreply@adobe.com</author>
      <guid>https://forums.adobe.com/message/6516587?tstart=0#6516587</guid>
      <dc:date>2014-07-02T16:01:42Z</dc:date>
      <clearspace:dateToText>4 months 2 weeks ago</clearspace:dateToText>
      <clearspace:replyCount>1</clearspace:replyCount>
      <clearspace:objectType>0</clearspace:objectType>
    </item>
  </channel>
</rss>

