CreateChildSymbol at bottom of DOM?

When placing a createChildSymbol on the stage, how do I place it at the bottom hierarchy, instead of the default top?

You mean the displaying element back of elements or positioning at the bottom?
Both can be set using css dynamically

Similar Messages

  • CreateChildSymbol on the top left bottom right edges of the window/stage?

    I am creating a particle system and I am trying to generate the particles / CreateChildSymbol on the top left bottom right edges of the window/stage?
    Currently I am generating random X & Y points but thats not really doing what I need.
    // find the stage width & height
    sym.maxWidth = $('#Stage').width();
    sym.maxHeight = $('#Stage').height();
    // randomize the numbers 1-12
    var randomSymbol = Math.floor((Math.random()*12)+1);
    // Pull symbol from lib and add to stage
    sym.mainParticle = sym.createChildSymbol("symbol_ani_" + randomSymbol, "Stage");
    // create jQuery object / Edge Ani element var
    sym.mainParticleElement = sym.mainParticle.getSymbolElement();
    // randomize the stage X & Y coords
    var randomX = Math.floor(Math.random() * sym.maxWidth);
    var randomY = Math.floor(Math.random() * sym.maxHeight);
    // position  based on random stage X + Y position
    sym.mainParticleElement.css({'position':'absolute','top':randomY+'px','left':randomX+'px'} );
    But I am at a loss of how to randomize the top / right / bottom / left X & Y edges of the stage

    Got it working!
    Well to be honest another friend helped me work out the logic for randomizing the sides (top, left, bottom, right) to get it working.
    But I wanted to share since I had a hard time finding anything releated to this topic. Big Ups to Resdesign + Tim Jaramillo for helping me with some logic along the way as well!
    // these variables are global within compReady would need to change to sym. instead of var if needed outside of this
    var moveToX = $(window).width()/2,
         moveToY = $(window).height()/2;
    function spawnParticle() {
         // these variables are only availabe inside this function
         var side = Math.floor(Math.random() * 4),
             offScreen = 100,    // how many pixels off the side of the screen to start
             yRand = Math.floor(Math.random() * $(window).height()),
             xRand = Math.floor(Math.random() * $(window).width()),
             xPos = 0,
             yPos = 0;
         switch (side) {
             case 0:
                 xPos = xRand;
                 yPos = -offScreen;
                 console.log('spawn from top');
             break;
             case 1:
                 console.log('spawn from right');
                 xPos = $(window).width() + offScreen;
                 yPos = yRand;
             break;
             case 2:
                 console.log('spawn from bottom');
                 xPos = xRand;
                 yPos = $(window).height() + offScreen;
             break;
             case 3:
                 xPos = -offScreen;
                 yPos = yRand;
                 console.log('spawn from left');
             break;
         // add to the stage
         sym.mainParticle = sym.createChildSymbol("star", "Stage");
         sym.mainParticleElement = sym.mainParticle.getSymbolElement();
         sym.mainParticleElement.css({'position':'absolute','top':yPos+'px','left':xPos+'px'});
         // simple animation to reveal the particle
         sym.mainParticleElement.animate({ left: moveToX, top: moveToY }, 1000, function() {
             // for this test, I'm removing the particle after it has finished animating
             $(this).fadeOut(function() {
                 $(this).remove();
    // keep spanwing new particles
    setInterval(spawnParticle, 500);

  • Dynamic Action on DOM object not working

    Thru a dynamic action I am executing PL/SQL Code that creates additional item using APEX_ITEM.CHECKBOX (see code on bottom). Thru another Dynamic action, I am trying to execute additional Java. I have it set to fire like this:
    Event: Click
    Type: DOM Object
    DOM Object: document.forms[0].f11 (this matches the APEX_ITEM.checkbox fxx value)
    Just trying a simple alert("hi"). doesn't work. Am I missing something?
    DECLARE
    l_hold_table_name varchar2(1000) := :P1223_HOLD_TABLE_NAME;
    l_hold_html varchar2(32000) := '';
    l_hold_session_state varchar2(32000) := '';
    CURSOR get_columns IS
    select b.column_heading, b.column_name
    from dual
    BEGIN
    l_hold_html := '<DIV><TABLE border="2"><THEAD><TR><TH>' || l_hold_table_name ||
    '</TH></TR></THEAD>';
    FOR x in get_columns LOOP
    l_hold_html := l_hold_html || '<TR><TD>' || APEX_ITEM.CHECKBOX(20,x.column_name,null) || x.column_heading || '</TD></TR>';
    END LOOP;
    l_hold_html := l_hold_html || '</TABLE><DIV>';
    :P1223_HOLD_INNERHTML := l_hold_html;
    END;

    Hi,
    first your code in example does not compile.
    CURSOR get_columns IS
    select b.column_heading, b.column_name
    from dual
    There is a ; missing and even with that this query is not OK.
    If you have a problem with DOM selector, then try jquery selector:
    Event:Click
    Selection Type: jQuery Selector
    jQuery Selector: input:checkbox[name*='f11']
    For testing I created a test page with one dynamic PLSQL region and following source:
    DECLARE
      l_hold_table_name varchar2(1000) := 'MYTABLE';
      l_hold_html varchar2(32000) := '';
      l_hold_session_state varchar2(32000) := '';
      CURSOR get_columns IS
      select
        'My Checkbox' column_heading, 'a' column_name
      from dual ;
    BEGIN
      l_hold_html := '<TABLE border="2"><THEAD><TR><TH>'
                              || l_hold_table_name
                              || '</TH></TR></THEAD>';
      FOR x in get_columns LOOP
        l_hold_html := l_hold_html ||
                                '<TR><TD>' ||
                                APEX_ITEM.CHECKBOX(20,x.column_name,null) ||
                                x.column_heading ||
                                '</TD></TR>';
      END LOOP;
      l_hold_html := l_hold_html || '</TABLE>';
      htp.p( l_hold_html );
    END;And Dynamic Action with properties as described above (only that in my case name of the checkbox is f20)
    You can see working example here : http://apex.oracle.com/pls/apex/f?p=60428:4
    Regards,
    Aljaz
    Edited by: Aljaz on 5.3.2012 22:36

  • When trying to click on menus on USAA, it shows "javascript:;" in the bottom left hand corner and the menu won't work in FF 21. But the menus work in IE 10.

    whenever I go to USAA.com on firefox, I can't click on any of the drop down menus. Instead, a box in the bottom left corner (where a link address would usually show) pops up with "javascript:;". If I use IE10, the site works perfectly. I prefer Firefox so it drives me a little nuts that I have to switch browsers for one site. I've removed all my cookies, cleared the cache, reset Firefox, and run Firefox in safe mode. The website still refuses to play nice. All the regular links on the site work but the drop down menus won't.

    Hi TrinityFire, thank you for the update. It seems wrong that a site could limit you to using one method of "clicking". I wonder whether there is a Firefox setting to always ensure that mouse clicking will work even if your device has a touchscreen?
    Could you check these two preferences and see whether they make any difference:
    (1) In a new tab, type or paste '''about:config''' in the address bar and press Enter. Click the button promising to be careful.
    (2) In the filter box, type or paste '''touch''' and pause while the list is filtered
    (3) Try double-clicking the following to toggle them to false:
    dom.w3c_touch_events.enabled = <s>true (default)</s> ''See Note''<br>
    dom.w3c_touch_events.expose = true (default)
    You might need to restart after changing these settings before they take effect.
    Does this switch the site from touch to mouse click? Or make it stop working altogether?
    ''Note: dom.w3c_touch_events.enabled requires a numeric setting, see cor-el's post below.''

  • I have text appearing whenever I call up a new email format and I want to get rid of the text. Following is DOM source of selection : html id="compArea_test_i516_5171290607393724"

    I have text appearing whenever I call up a new email format. I want to get rid of the text. Following is DOM source of selection : <html id="compArea_test_i516_5171290607393724"><head> <title></title> <meta http-equiv="Content-type" content="text/html;charset=utf-8"> <style type="text/css"> body { background-color:transparent;} </style> <style type="text/css" id="styleSheet_521"> P {margin:0px;} span.mark {background:url(http://l.yimg.com/a/i/us/pim/dclient/cg504_5/img/md5/bfe4082db3a892f1c16cb9b5cf7cef98_1.png) bottom repeat-x;} span.unmark {color:"";} </style></head><body style="font-family: times new roman,new york,times,serif; font-size: 12pt; background-color: white; border: medium none; color: rgb(0, 0, 0);" vlink="#996699" alink="#0066cc" link="#0066cc"><br><div>&nbsp;</div>Name..<br>Sex...<br>Location...<div><br></div> </body></html> in English

    CSS:
    #navigation {margin-top: -3px;}
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • I have a bar popping up at bottom of page called topic torch what is it and how do I get rid of it?

    Every time I go to a website this bar appears at the bottom giving me search suggestions according to the website I am on. It is called Topic Torch and this appears when I click on the source. It says DOM source of selections and this is the bar in the box.
    <div id="TT_Bg"></div><div class="" id="TT_Close_Btn"></div><div id="TT_Search_Bg"><input placeholder="Search" id="TT_Search_Txt" type="input"><div class="" id="TT_Search
    I need to get rid of this.

    Do you have Yontoo Layers installed on your computer? Try to uninstall any unknown or unwanted add-ons (including Yontoo) [[Use extensions to add features to Firefox#w_how-to-disable-or-remove-extensions|How to disable or remove extensions]]. [http://www.yontoo.com/support.aspx#remove http://www.yontoo.com/support.aspx#remove]
    If that fails, Reset Firefox. [[Reset Firefox – easily fix most problems]]

  • DOM - DOM transformation

    Hi all,
    I need to apply an XSL transformation to a DOM and I want to get a DOM as a result. This is no problem with Xalan or Saxon.
    I also want to use the Oracle XSL processor. Now this is where the problem starts: This processor tells me it only accepts SAX sources.
    My current workaround is this:
    1) transform DOM to String
    2) use String as a StreamSource, apply transformation, store result as String
    3) parse the resulting String as a DOM
    This
    * doesn't seem to be very elegant
    * is bound to have bad performance
    * actually seems to cause a problem because a namespace declaration is missing in the serialized transformation result and I cannot parse the result as a DOM (this happens very rarely, I have only encountered one transformation that had the problem, about 50 others seem to be fine...)
    What's the "proper" way of doing this?
    Thanks in advance for any insights!

    Hello dvorah,
    sorry for the late reply: There are no (email) notifications when a posting is edited and I therefore totally missed your correction...
    Well anyway: Unfortunately, those two links don't help at all, because they basically just describe what I am already doing (see above).
    Bottom line (of those postings) is: Can't be done. (except with "brute force" serialization and reparsing).
    Those postings are MORE THAN EIGHT YEARS OLD (spring of 2001) when Java 1.3 (!) was current and I'm really hoping that things have changed since then... I've done XML handling back then and it was a major pain (I quite like it now since Java 5)
    The way I see it, I could probably come up with a much much better solution (for one half of the problem) myself in a couple of hours (a SAX ContentHandler that builds a DOM from the events), I just don't feel like I should have to do that :-(((

  • DOM HTML - FOP

    Hello, I'm not new to Java, but new to using DOM Documents and FOP.
    Here is my case:
    I have to make the following object / method:
    - Take in a stream of HTML (String or whatever).
    - Process and output a PDF of that HTML.
    I know I know, FOP is suited to transforming XML / XSL to PDF, but in my very specific case, it has to be HTML to PDF.
    So here is what I tried:
    - Make a new HTMLDocumentImpl.
    - Open it.
    - htmlDoc.write(myHtmlString).
    - Close it.
    It doesn't work, it is as if the write() method simply refuses to empty out its buffer inside the HTMLDocumentImpl and parse it into the DOM Document structure. (The buffer IS filled with my html, but when I close, it doesn't write it in...)
    I tried something else:
    - Make a DOMParser.
    - Set the parser's property "...document-class-name" to HTMLDocumentImpl.
    - Create InputSource with the StringReader.
    - parser.parse(InputSource).
    - parser.getDocument.
    The resulting HTMLDocument seemed to be ok (in the debugger view the html properties were set inside). However, when I send this Document to a Driver set to output PDF and tell the Driver to render(htmlDocument), I get an error saying that Unsupported Element Encountered: null and goes on saying it expected an XSL-FO element...
    I have been searching all day for information on how FOP handles HTMLDocuments or something like that and haven't been able to find anything.
    Could anyone help me by either telling me what I'm doing wrong, or by telling me of a quick and easy way to do HTML -> PDF...
    Thanks everyone!

    One easy way:
    You have XHTML.
    It suffices to write a XSL stylesheet, use XALAN to
    transform the XHTML into xsl-fo (according to your
    XSL), and then use FOP to create the PDF from xsl-fo.Here is a simple example:
    use the fop scripts (fop.sh or fop.bat) to transform the following into PDF with e.g../fop.sh -xml test.html -xsl test.xsl -pdf test.pdffile test.html<?xml version="1.0" encoding="utf-8"?>
    <html>
    <body>
    A
    simple
    example.
    </body>
    </html>Note the xml declaration in line 1.
    file test.xsl<?xml version="1.0" encoding="utf-8"?>
    <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
                    xmlns:fo="http://www.w3.org/1999/XSL/Format"
                    version="1.0">
      <xsl:output method="xml" indent="yes"/>
      <xsl:template match="/">
          <fo:root>
              <fo:layout-master-set>
                  <fo:simple-page-master master-name="regular"
                                         page-height="29.7cm"
                                         page-width="21cm"
                                         margin-top="1cm"
                                         margin-bottom="1.5cm"
                                         margin-left="2.5cm"
                                         margin-right="2.5cm">
                      <fo:region-body margin-top="1cm"
                                      margin-bottom="1.5cm"/>
                      <fo:region-before extent="1cm"/>
                      <fo:region-after extent="0.5cm"/>
                  </fo:simple-page-master>
              </fo:layout-master-set>
              <xsl:apply-templates select="html"/>
          </fo:root>
      </xsl:template>
      <xsl:template match="html">
        <fo:page-sequence master-reference="regular"
                          initial-page-number="1">
          <fo:flow flow-name="xsl-region-body">
             <xsl:apply-templates select="body"/>
          </fo:flow>
        </fo:page-sequence>
      </xsl:template>
      <xsl:template match="body">
        <fo:block>
        <xsl:apply-templates/>
        </fo:block>
      </xsl:template>
      <xsl:template match="br">
        <fo:inline linefeed-treatment="preserve"
                   wrap-option="no-wrap"
                   white-space-collapse="false"
                   white-space-treatment="preserve"><xsl:text disable-output-escaping="yes">
    </xsl:text></fo:inline>
      </xsl:template>
    </xsl:stylesheet>Yes, it is rather time-consuming to write those stylesheets :-(

  • My ipad mini is cracked in the bottom left corner of the screen and their is a thick black line with smaller coloured lines within it, is their anything I can do to fix it?

    My ipad mini is cracked in the bottom left corner of the screen and their is a thick black line with smaller coloured lines within it, is their anything I can do to fix it?

    Does this only happen on specific pages?
    Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Firefox/Tools > Add-ons > Appearance).
    *Do NOT click the Reset button on the Safe Mode start window.
    *https://support.mozilla.org/kb/Safe+Mode
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
    You can try to disable notifications as a test (you may want to reverse this).
    You can try to set the dom.webnotifications.enabled pref to false on the <b>about:config</b> page.
    *http://kb.mozillazine.org/about:config

  • I took a photo and can see it in the bottom left hand corner when i'm in camera, but can't see it when i click on it. What do I do?

    I took a picture on my 5s, and can see it in the bottom left hand corner when i'm in the camera, but when i tap on it, it isn't there. I've tried restarting my phone, closing out the photo app, nothing has helped. Please help!

    Hi TrinityFire, thank you for the update. It seems wrong that a site could limit you to using one method of "clicking". I wonder whether there is a Firefox setting to always ensure that mouse clicking will work even if your device has a touchscreen?
    Could you check these two preferences and see whether they make any difference:
    (1) In a new tab, type or paste '''about:config''' in the address bar and press Enter. Click the button promising to be careful.
    (2) In the filter box, type or paste '''touch''' and pause while the list is filtered
    (3) Try double-clicking the following to toggle them to false:
    dom.w3c_touch_events.enabled = <s>true (default)</s> ''See Note''<br>
    dom.w3c_touch_events.expose = true (default)
    You might need to restart after changing these settings before they take effect.
    Does this switch the site from touch to mouse click? Or make it stop working altogether?
    ''Note: dom.w3c_touch_events.enabled requires a numeric setting, see cor-el's post below.''

  • Issue Targeting Symbol Placed With createChildSymbol & TweenMax

    Ok, so here's the deal. I'm moving over from Flash and trying to redo our existing Flash website, in Edge. I know with Greensock TweenMax it's possible to do what I want, but it's not working out as easily as I had hoped. I'm sure my issues are syntax/target related, but for whatever reason, it's just not clicking for me. I've read the API and it seems to make sense, but I'm still having issues. So here's my glitch/issue. Hopefully someone can help!
    I have a symbol on the stage, "mcMainClip". And I want to use a nested button I made into a symbol to trigger a TweenMax tween to move mcMainClip. The Button is nested a few symbols deep on a clip on the stage at the following path,  sym.getSymbol("mcHeader").getSymbol("mcMenuSystem").getSymbol("btnContact")
    So when I click on btnContact, I want mcMainClip to animate on the X axis via TweenMax. I can't for the life of me get it to move when I place the clip onto the stage manually. Any ideas?
    So in frustration I went another route... I decided to place mcMainClip on the stage dynamically. The mcHeader symbol I still have placed manually on the stage. But I have code in the document.compositionReady code window that looks like this:
    var mcMainClip = $(sym.createChildSymbol("mcMainClip", "Stage").getSymbolElement());
    That successfully generates the clip onto the stage for me. But, see if this makes sense. When I use that line of code above, it generates the symbol onto the stage and then I use TweenMax to place it and animate it as I desired. But here's the other wall I've hit. By doing this, I am able to animate it as I mentioned, however, I can't seem to then add any other symbols inside of mcMainClip. It's as if Edge can't see it. My goal doing it this way, is to then populate the contents of mcMainClip via code, the same way I would in Flash. But I can't seem to accurately add any children to mcMainClip when I place it on the stage dynamically. FRUSTRATING! So anyone... Please... Help.
    -Inc

    Hi,
    I don't understand this line: var mcMainClip = $(sym.createChildSymbol("mcMainClip", "Stage").getSymbolElement());
    var mcMainClip = sym.createChildSymbol("mcMainClip", "Stage");
    // now, i want to hide this instance, so i have to use DOM.
    mcMainClip.getSymbolElement().hide();
    Note that Chris Gannon wrote tutos on this issue: http://chrisgannon.wordpress.com/page/2/

  • JAXB / Needs to add header tag and close the header tag at the bottom

    I have successfully generated a XML file based on the XSD. I want to add another tag to my generated XML which is not the part of the XSD. Its like adding my whole xml inside a new tag. Is there a way to achieve it?User_10111723083878.xml
    to this xml, I want to add as the parent element "<addRequest targetID="BottomLineTarget" executionMode="asynchronous" xmlns="urn:oasis:names:tc:SPML:2:0">
    <data>" and close it at the bottom of the xml.
    Is it possible?

    the easiest way would be to create an xsd which includes this new wrapper element, and wrap the original object with your new wrapper object before serializing.
    an alternative would be to serialize the original object into a DOM object, then add the wrapper element manually before serializing that DOM object to your final destination (e.g. the xml file).

  • Frfx opens showing homepage in small icon on Windows 7 bar at bottom. But it will not open with a full screen. Tried uninstalling and downloading newest. Did not help..

    I open Frefx and a small icon of homepage shows above taskbar at bottom of Win7. But I cannot open a full page or use Firefox. I tried uninstalling then installing newest version, but this did not solve the problem. Have had to go back to IE

    below is what I get with the dev.jeffersonscher.com etc. url. But what do I do with this information? I can launch safe mode, but I still get only the 2" icon/window of Firefox.
    JavaScript Browser Tests
    navigator object properties
    navigator.userAgent = Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C)
    navigator.appName = Microsoft Internet Explorer
    navigator.appCodeName = Mozilla
    navigator.appVersion = 5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C)
    navigator.platform = Win32
    DOM methods/collections
    if(document.getElementById) = true
    if(document.layers) = false
    if(document.all) = true
    window properties
    if(top.window.moveTo) = true
    if(top.window.moveTo(0,0)) =
    The following data is reported by a server running Microsoft IIS server and ASP:
    View selected http headers at <a href="svrvars.asp">svrvars.asp</a>

  • How do I attach a callback to a element created using createChildSymbol()

    I have drag functionality in which I want to create a custom helper so I am using a helper function that would create a element based on a symbol.  The created element has a call back that when swiped left will be destroyed.  but the callback is once in a while ( 1 out of 20 times). Here is my code snippet:
    sym.$('.draggable').draggable({ containment: "Parent",
      helper: function(){
      var dom = [];
                // Create an instance element of a symbol as a child of the
      // given parent element
      var copyOfSym = sym.createChildSymbol($(this).attr("id").replace("Stage_Redux_","") , "Stage");
      copyOfSym.getSymbolElement().bind('swipeleft', function(event){
                                                                                       $(this).remove();
    The 'swipeleft'  does not get called consistently.
    What am I doing wrong?
    Thanks 

    Just in case this helps
    Oddlystudios

  • HT1621 Is there a difference between an airport card for a G3 powerbook and a G4 iMac (Dome)

    I have a G4 imac (dome) that I am trying to give to my grandchildren. The internet works perfectly well on my BT set up, but they have Virgin (cable) and it will not connect wirelessly. I think the G4 has a G3 Airport card. I am quite prepared to purchase a G4 Airport card as long as I know that it has different values to the G3. Does anyone have any information regarding these cards.

    Guy would this be of any help:
    To start up your computer in Apple Hardware Test:
    Press the power button to turn on your computer.
    Press and hold the D key before the gray startup screen appears. If Apple Hardware Test does not start up, see the Additional Information section at the end of this article.
    Note: Some Macintosh computers that shipped with OS X Lion support the use of Apple Hardware Test over the Internet. These computers will start up to an Internet-based version of AHT if the hard drive does not contain AHT.  An Internet-enabled connection via Ethernet or Wi-Fi is required to use this feature.
    It takes a minute or so for Apple Hardware Test to start up and inspect your hardware configuration. While this is taking place, an icon appears on the screen:
    When the process is complete, select your language and click the right arrow. If you aren't using a mouse, you can use the up and down arrows to select a language and then press the Return key.
    The Apple Hardware Test console appears. You can choose which sort of test or tests to perform:
    To perform all of the basic tests, click the Test button or press the "T" key or the Return key.
    To perform a more thorough diagnostic test, select the "Perform extended testing" checkbox under the Test button before you click the Test button.
    Your test results will appear in the window in the bottom-right of the console.
    To exit AHT, click Restart or Shut Down at the bottom of the window.

Maybe you are looking for