Draggable div inside "parent" div

Hi,
Newbie in Edge Animate and needing some help with draggable items..
So here's the problem:
I'm doing some kind of "map-application" and I want to do draggable "map"-div into div (the map-div is larger than the "upper" div - so this "upper" div should identify this lower's "map"-div edges).
This map-div contain map-image including some text elements and some actions.
I have tried to do this with jQuery draggable-function and added that containment-definition, but it won't work properly ( I think that syntax was incorrect also.. )
I found awesome jQuery-function draggable_background.  That works perfectly, BUT I need same function for div-element not background-image..
I hope you get the point.
Have anyone ideas or maybe even complete solution for my problem?
PS. This map should also work with touchable devices.
-Mariian-

Hi,
here is some screenshots of my work. Are these big enough?
And that warning-sign is telling that my picture is larger than 1024 px and so on..I will reduce that image..
-Mariian-

Similar Messages

  • Accessing parent document div tags from child document loaded inside parent document

    I am loading an ASP document (Child)inside another ASP document (Parent) using Include statements.
    The parent document has certain div tags which have some properties to be accessed from inside the code in child document using javascript.
    Please advise on how to access the parent document varioables and div tags from inside the child document which has been loaded from within the parent document.

    <script src="/SpryAssets/SpryHTMLPanel.js" language="javascript" type="text/javascript"></script>
    <script src="/SpryAssets/SpryTabbedPanels.js" language="javascript" type="text/javascript"></script>
    <link href="/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
    <link href="/SpryAssets/SpryHTMLPanel.css" rel="stylesheet" type="text/css" />
    <script language="javascript">
    Spry.Widget.HTMLPanel.evalScripts = true;
    </script>
    </head>
    <body>
    <div class="TabbedPanels" id="TabbedPanels2">
    <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0" >Tab 1</li>
    <li class="TabbedPanelsTab" tabindex="0" onclick="tab2.loadContent('test1/load.asp');return false;">Tab 2</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent" id="tab1">test content 1</div>
    <div class="TabbedPanelsContent" id="tab2">test content 2</div>
    </div>
    </div>
    <script type="text/javascript">
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels2");
    var tab1 = new Spry.Widget.HTMLPanel("tab1");
    var tab2 = new Spry.Widget.HTMLPanel("tab2");
    </script>

  • Slow FTP upload and click-and-draggable DIVs?

    Does anyone know how to set Dreamweaver to only upload files that have been changed?  I imported a site I created before with an old version of Front Page, and it takes a long time to upload because it's not only uploading a bunch of files that have not been changed prior.  Front Page was a lot faster in uploading since it only uploaded changed files.
    Also, does anyone know how to make a DIV click-and-draggable?  When I create a new DIV, I can't seem to move it without altering the underlying HTML.  An imported page allows me to click and move the DIV though.
    Thanks in advance for the help!

    I don't know the answer to your first question, but I can answer the second one.
    Use the menu at the top, and chose Insert -> Layout Objects -> AP Div.  This will put an ap div on the page.  Click on it
    then click on the blue handle on the upper left corner.  Now drag it by the blue handle.  The key is to drag by the handle.
    I don't think this works on anything other than ap divs.

  • Horizontal divs

    Have a page with a menu bar on the bottom using 3 horizontal divs on top of 7 horizontal divs. Have them positioned center on a 1024px width page. The top three all float left and all have left margins. The same is true for the bottom 7. Each div is a link.
    The difficulty I am having is the spacing of both bars. The top two on the left are where I want them to be. Tried a margin-left: 70px for the third from left and it jumps to the second line. The largest number is margin-left: 26px.
    The bottom menu items have no spaces between them. However, to center all I would like margin-left: 114px for the left most div. Once again the is no number that works to get the last div on the same row.
    The page in question is: http://kellymaglia.com/test/links.html
    This is the first page with all divs. When this works out all(?) of the tables will be converted.
    Thanks.

    Okay, I'm back. New theory: float the Facebook to the right and allow the rest of the content (before the navigation) to flow up to the left:
    #links_pic     { }
    #facebook {float: right;margin-top: 72px;margin-right: 20px;}
    #kmphoto     {margin-top: 26px;}
    #abennett {margin-top: 42px;}
    #bespun     {margin-top: 42px;}
    #upartists     {margin-top: 46px;}
    #menubar     {width: 838px;margin: 25px auto 0;}
    /*large menu*/
    #couture     {width: 220px;float: left;}
    #dancewear     {width: 286px;float: left;margin-left: 60px;}
    #theatre     {width: 200px;float: left;margin-left: 60px;}
    /*small menu items*/
    #menuitems {width: 816px;margin: 0 auto;}
    #shop     {float: left;width: 91px;}
    #noslip     {width: 114px;float: left;}
    #contact     {width: 136px;float: left;}
    #home     {float: left;width: 124px;}
    #faq     {float: left;width: 104px;}
    #policies     {float: left;width: 124px;}
    #links     {width: 103px;float: left;}
    .clear {clear: both;}
    BASIC CONSTRUCTION ORDER:
    #container. Notice that I have added overflow: hidden; to the rule definition. This will force the background of #container to enclose all the menubar divs.
    #links_pic (as now)
    #facebook. Notice that it now floats to the right with a top and a right margin. Using a negative positioning as you had breaks in several browsers. Better to insert Facebook first and let the other content flow up to its left.
    #kmphoto. Notice that it only has a margin-top and does not float, because it does not need to.
    #abennett. Same
    #bespun. Same
    #upartists. Same
    #menubar. Added to your margin-top: 25px; is margin-left and margin-right: auto (expressed margin: 25px auto 0;)
    #couture. Now floats left with no additional margin-left.
    #dancewear. Floats left with a margin-left
    #theatre. Floats left with a margin-left
    .clear only clears items on both sides and keeps the smaller menuitems from moving up into the large item menu
    #menuitems. Width 816px; margin: 0 auto; centers inside parent element (#container).
    items here; they have width and float: left;
    Here's a wireframe of the html:
         <DIV id="container">
              <DIV id="links_pic">image</DIV><!--end links_pic-->
          <DIV id="facebook">
                     <!-- Facebook Badge START -->facebook badge<!-- Facebook Badge END -->
          </DIV><!--end facebaook--> 
      <DIV id="kmphoto">image/link</DIV>
              <DIV id="abennett">image/link</DIV>
            <DIV id="bespun">image/link</DIV>
          <DIV id="upartists">image/link</DIV>
    <DIV id="menubar">
                 <DIV id="couture">image/link</DIV>
                <DIV id="dancewear">image/link</DIV>
                <DIV id="theatre">image/link</DIV>
                </DIV><!--end menubar-->
            <div class="clear"></div>
    <DIV id="menuitems">
                <DIV id="shop">image/link</DIV>
                <DIV id="noslip">image/link</DIV>
                <DIV id="contact">image/link</DIV>
                <DIV id="home">image/link</DIV>
                <DIV id="faq">image/link</DIV>
                <DIV id="policies">image/link</DIV>
                <DIV id="links">image/links</DIV>
                </DIV><!--end menuitems-->
    </DIV><!--end container-->
    Beth

  • Change components parent container (owner)...

    Hi,  I have two containers which basically have draggable panels inside(components). on a button click I would like the panel(component) to change the parent container.. example..
    container A has three panels(components) inside Panel1,Panel2,and Panel3. Once I click on a button in either one of the panels i want the Panel(component) to move to container B. So it is no longer in A , now it is in B.  How is this possible...
    also.. how do you make a panel dissapear...destroy it.. on button click ??

    Hi,
    to remove panel from conatiner A
    In Flex 3 say A.removechild(panel) Flex 4 A.removeElement(panel)
    to add panel in to Container B
    In Flex 3 say b.addchild(panel) Flex 4 B.addElement(panel)
    to disapper panel say panel.visible = false.
    to appear it again say panel.visible = true

  • Parent Child Synchronization using a Iterator Component

    Hi All,
    I am working on ADF 11.1.1.5.0. I have the following business requirement :
    I have DepartmentVO and EmployeeVO with a view link defined on DepartmentId attribute.
    Use Case : I need to display all departments with their respective childs with a specific UI design i.e. i need to show all the Departments as Panel boxes and their respective children inside the panel box.
    So for that i have used the Iterator component which will dynamically create Panel boxes based on the rowcount of DepartmentVO .(if there are 5 records in dept table then 5 panel boxes will be formed).
    Similarly for child i have used another Iterator component(inside parent Iterator) which will display its respective children.
    jspx code is as follows :
    <af:panelGroupLayout id="pgl1" layout="scroll">
    <af:iterator id="i2" value="#{bindings.DepartmentsView1.collectionModel}"
    var="row">
    <af:panelBox text="#{row.DepartmentId} -- #{row.DepartmentName}" id="pb1" styleClass="AFStretchWidth">
    <af:panelGroupLayout id="pgl3">
    <af:iterator id="i1" value="#{bindings.EmployeesView3.collectionModel}"
    var="attr">
    <af:outputText value="#{attr.DepartmentId}" id="ot1"/>
    <af:outputText value="#{attr.FirstName}" id="outputText1"/>
    <af:outputText value="#{attr.LastName}" id="outputText2"/>
    </af:iterator>
    </af:panelGroupLayout>
    </af:panelBox>
    </af:iterator>
    </af:panelGroupLayout>
    When i run the page i see all the parent records as panel boxes but child records are not properly synchronized. The children of first parent is getting repeated inside all parents.This probably is the first parent is set as current row for which its children get repeated in all other parents.
    If i run the same through AppModule it runs perfectly as in appmodule run we hv a NEXT button to iterate the Parent VO.
    Thnks
    -Sanjeeb

    HI ,
    Instead of what you have tried, you can try this. EmployeesView here should be present as a child accessor in DepartmentsView.
    <af:iterator id="i2"
    value="#{bindings.DepartmentsView1.collectionModel}"
    var="row">
    <af:panelBox text="#{row.DepartmentId} --#{row.DepartmentName}"
    id="pb1" styleClass="AFStretchWidth">
    <af:panelGroupLayout id="pgl3" layout="vertical">
    <af:iterator id="i1" value="#{row.EmployeesView}" var="attr">
    <af:panelGroupLayout id="pgl0" layout="horizontal">
    <af:outputText value="#{attr.FirstName}" id="outputText1"/>
    <af:outputText value="#{attr.EmployeeId}" id="outputText2"/>
    <af:outputText value="#{attr.LastName}" id="outputText3"/>
    </af:panelGroupLayout>
    </af:iterator>
    </af:panelGroupLayout>
    </af:panelBox>
    </af:iterator>
    Hope this anwsers your question.
    Thanks,
    TJ

  • Jsff inside a taskflow within a taskflow isn't rendered.

    We are using dynamic tabs within a jspx. Taskflows, which opens up in tabs, are dropped as region in the jspx page. Inside this taskflow, we have another taskflow which has a method action and a jsff page. Method action is the default activity of this taskflow. The jsff comes up fine when a tab opens up, but after signin/signout the jsff doesn't comeup. On doing a url refresh or going to another tab and coming back again, I am able to see the jsff. The method action populates a transientVO which is used in rendering the jsff.

    Try using adf javascript if permissible. Put coomand button in visible="false" mode in your parent region
    Put this script inside Parent region just before u r making call to child region
    StringBuilder script = new StringBuilder();
    script.append("var partialSubmit = true;");
    script.append("var button = AdfPage.PAGE.findComponentByAbsoluteId('reloadButton');"); //'reloadButton' should be absoulte id for ex: "region1:1:pt1:reload"
    script.append("AdfActionEvent.queue(button);");
    writeJavaScriptToClient(script.toString())
    private void writeJavaScriptToClient(String script) {
    FacesContext fctx = FacesContext.getCurrentInstance();
    ExtendedRenderKitService erks = Service.getRenderKitService(fctx, ExtendedRenderKitService.class);
    erks.addScript(fctx, script);
    Reload button
    <af:commandButton text="Reload" id="reload" binding="#{Backingbean.reload}" actionListener="xyz" immediate="true" visible="false"></af:commandButton>
    This will create submit event and hence enhances probability of displaying child region.

  • Overriding VO Impl class methods to populate parent-child VO

    Hi All,
    I need to populate parent child VOs by giving webservice calls from respective impl classes.
    Scenario : Lets say suppose i have 2 VOs as DepartmentVO and Employee VO with a viewLink on departmentId. Taking a particular instance, in Department table there are 2 rows and for each parent row we have 2 child rows in Employee.
    Webservice Structure : I have a parent Object and inside that parent object i have list of child objects
    e.g : public class DepartmentDTO{
    private List<EmployeeDTO> employeeList;
    After that i have extended Impl classes for both VOs and overriden method i.e. "executeQueryForCollection" to give a webservice call and get back response of DepartmentDTO[] with List<EmployeeDTO> inside it.
    In DepartmenntVOImpl class i have overriden "createRowFromResultSet" which populates the parent VO with the number of parent records returned from webservice.
    Code for Department impl class is :
    protected ViewRowImpl createRowFromResultSet(Object qc,
    ResultSet resultSet) {
    Iterator deptIter= getPackageClassIterator(qc);
    ViewRowImpl r = createNewRowForCollection(qc);
    DepartmentDTO curDTO = (DepartmentDTO )deptIter.next();
    populateAttributeForRow(r,
    findAttributeDef("DeptId").getIndex(),
    curDTO.geDeptId() );
    populateAttributeForRow(r,
    findAttributeDef("DeptName").getIndex(),
    curDTO.getDeptName() );
    return r;
    Similarly i have overridden "createRowFromResultSet" method in EmployeeVOImpl to populate the child VO(this need to be populated from the list object inside parent object reponse)
    Code as follows :
    protected ViewRowImpl createRowFromResultSet(Object qc,
    ResultSet resultSet) {
    Iterator empItr= getPackageClassIterator(qc);
    ViewRowImpl r = createNewRowForCollection(qc);
    DepartmentDTO curDTO1 = (DepartmentDTO )empItr.next();
    List<EmployeeDTO> list = curDTO1.getEmployeesList();
    for (EmployeeDTO curDTO : list) {
    populateAttributeForRow(r,
    findAttributeDef("EmpId").getIndex(),
    curDTO.getEmpId());
    populateAttributeForRow(r,
    findAttributeDef("EmpName").getIndex(),
    curDTO.getEmpName() );
    populateAttributeForRow(r,
    findAttributeDef("EmpLastName").getIndex(),
    curDTO.getEmpLastName() );
    populateAttributeForRow(r,
    findAttributeDef("DeptId").getIndex(),
    curDTO.getDeptId());
    return r;
    Though the code looks simple and correct but the child records are not getting populated correctly. Am not sure if the code implementation to populate parent child VOs from webservcie is correct or not.
    Would appreciate for Help or valuable Suggestions.
    -Sanjeeb

    Hi Ray,
    Go for custom BADIs in this case. In fact, that is exactly the functionality you are looking for !
    Just go through this excellent five part blog on Enhancement framework by Thomas Weiss.
    What the New Enhancement Framework Is For – Its Basic Structure and Elements For Beginners
    The new Enhancement Framework Part 2 - What Else You Need to Know Before Building an Enhancement
    How To Define a New BAdI Within the Enhancement Framework - Part 3 of the Series
    How to implement a BAdI And How to Use a Filter - Part 4 of the Series on the New Enhancement Framework
    Source Code Enhancements - Part 5 of the Series on the New Enhancement Framework
    Cheers,
    Mahesh

  • Parental Control not logging for one user only

    Hi, my two kids have parental control turned on for their individual accounts. On one account I get logs of their activity, the other I do not inside parental control preference pane. I found in the account that does not get logged the following:com.apple.familycontrols.overrides.plist.
    Anyone know what this is and why it might be in that account?
    Also any ideas as to why one account would not be getting logged?
    I can see the details in her user account inside Library/applicationsupport/apple/parentalcontrol.
    Imac G5, 2gb ram, 10.5.6

    The familycontrols.overrides property list interests me, especially because I can't find any information on it! Looking at its contents suggests that it is a temporary file created whenever an admin authorizes the managed user to exceed their daily login time limit (e.g., 30 minutes extra).
    As for the not logging problem, I have it too. It seems to me that events.data -- the actual log -- is too large at 54 MB and am deleting it. (I note that it was updated at the time the managed user last used his account, so something is being recorded.) Wish me luck.

  • Onblur event issue

    Hi, I'm trying to get this to work in both IE & Firefox.
    The code for the script and body tags are attached below. Inside
    the swf there is an onEnterFrame that monitors the variable
    pauseFlash that will pause the movie when the html page sets this
    to true. This works fine. The wmode property is set to opaque
    because I have my flash pieces encompassed in draggable divs,
    leaving the wmode property out causes the divs to appear behind any
    other flash piece with this proptery left out.
    The problem is with the onblur event. It is not functioning
    as I'd expect or like it to. What I want is for the flash movie to
    play regardless of anywhere you click on the page, including if you
    click on other flash pieces on the page. When you click on a
    different window then I want the flash movie to become paused.
    Likewise, if you first click on a flash piece, then click on a
    different window, I also want the flash movie to become paused, not
    only just when you click on the page and then click on a different
    window.
    I have been struggling with this for quite some time and have
    not been able to come up with a workable solution that fits my
    needs. Any help would be greatly appreciated

    Actually this is a Javascript question, not JSP/JSTL, and you should post it to an appropriate forum.
    But anyway, besides that there's a upper/lower case mistake, it could be probably the fact that the js file has some errors in it and the function isn't defined because of this.

  • I was told I have malware on my macbook pro. I have kaspersky malware program but that obviously is not working.

    This is the crap I keep getting on my blog pages. No matter how many times I delete it it comes back. What is it and how do I get it off my computer. I recently downloaded Kaspersky security protection but obviously it is not working.
    <div class="kl_keyboard ui-draggable">
    <div class="kl_hook">
    <div class="kl_kb_close_button"></div>
    <div class="kl_kb_settings_button">Preferences</div>
    </div>
    <div class="kl_layout">
    <div id="kl_current_set" class="kl_set">
    <div class="kl_button kl_all">§</div>
    <div class="kl_button kl_all">1</div>
    <div class="kl_button kl_all">2</div>
    <div class="kl_button kl_all">3</div>
    <div class="kl_button kl_all">4</div>
    <div class="kl_button kl_all">5</div>
    <div class="kl_button kl_all">6</div>
    <div class="kl_button kl_all">7</div>
    <div class="kl_button kl_all">8</div>
    <div class="kl_button kl_all">9</div>
    <div class="kl_button kl_all">0</div>
    <div class="kl_button kl_all">-</div>
    <div class="kl_button kl_all">=</div>
    <div class="kl_button kl_system kl_system_backspace">Backspace</div>
    <div class="kl_spacer"></div>
    <div class="kl_button kl_system">Tab</div>
    <div class="kl_button kl_all">q</div>
    <div class="kl_button kl_all">w</div>
    <div class="kl_button kl_all">e</div>
    <div class="kl_button kl_all">r</div>
    <div class="kl_button kl_all">t</div>
    <div class="kl_button kl_all">y</div>
    <div class="kl_button kl_all">u</div>
    <div class="kl_button kl_all">i</div>
    <div class="kl_button kl_all">o</div>
    <div class="kl_button kl_all">p</div>
    <div class="kl_button kl_all">[</div>
    <div class="kl_button kl_all">]</div>
    <div class="kl_system kl_system_return">
    <div class="kl_return_lower_shadow"></div>
    <div class="kl_return_upper">Return</div>
    <div class="kl_return_lower"></div>
    </div>
    <div class="kl_spacer"></div>
    <div class="kl_button kl_system kl_system_capslock">capslock</div>
    <div class="kl_button kl_all">a</div>
    <div class="kl_button kl_all">s</div>
    <div class="kl_button kl_all">d</div>
    <div class="kl_button kl_all">f</div>
    <div class="kl_button kl_all">g</div>
    <div class="kl_button kl_all">h</div>
    <div class="kl_button kl_all">j</div>
    <div class="kl_button kl_all">k</div>
    <div class="kl_button kl_all">l</div>
    <div class="kl_button kl_all">;</div>
    <div class="kl_button kl_all">'</div>
    <div class="kl_button kl_all">\</div>
    <div class="kl_spacer"></div>
    <div class="kl_button kl_system kl_system_shift">shift</div>
    <div class="kl_button kl_all">`</div>
    <div class="kl_button kl_all">z</div>
    <div class="kl_button kl_all">x</div>
    <div class="kl_button kl_all">c</div>
    <div class="kl_button kl_all">v</div>
    <div class="kl_button kl_all">b</div>
    <div class="kl_button kl_all">n</div>
    <div class="kl_button kl_all">m</div>
    <div class="kl_button kl_all">,</div>
    <div class="kl_button kl_all">.</div>
    <div class="kl_button kl_all">/</div>
    <div class="kl_button kl_system kl_system_shift_right">shift</div>
    <div class="kl_spacer"></div>
    <div class="kl_layout_selector kl_top_round_corners kl_bottom_round_corners">
    <div class="kl_layout_selector_icon_button" style="background-image:url('image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOC AYAAAAmL5yKAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/ RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8 943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3r ZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQ INIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4 mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1 xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEs UF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUd pNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62Ji zdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgY Jq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zr gIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLF rOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAA AsTAAALEwEAmpwYAAACW0lEQVQoFZVTbUhTURh+7r5y7qsf+TFMsk1QGlZIBhHGnEmS/dCyEgnKKFpKE BIJJdEHUrEkIqIfRQsyCYp+7Mda0J/AEauEgjKtYa0p0iyabmvudnfXe84d1s98L+d9n/ue933Oc885V wCgo2HMRwr/bSJVJjXkLB+OnopV72rAtbAZD24HkFlII+jrxuTew0BWgu2RF672O/it0qGrSkZneRbaI 4dgWl1WzAgMfZESXByNoKdlM2rXd+Hh/SBUeh0MNdVEIHNcV+9Aq1WEs0KHREMTuvt8TKqBEag/fZzGY OladMb8qHcUYdXxbZBFCZnPUUCSCGfRYfyGDSVmfNnowuA5P16PvGEEaoGcfW4iHNbp9chJWZZctMk9B 4lAhu3x3cUcA4JGDTGdhqWqspIpwNj2DhiNZkjz80COZchyBNQqHidcOwEVrSUrk9rlZiRTCV7GCX4tZ KCJfYWUSIJJUspkwnya3iXKCvxhc5LJiJSp4C+B9d4NrLRalVV5WnHja5yQqdkxNvJPlqAgYGpmBnBtA WkE6lwe1DTdROjHMhQ+8SPUe5k3yORzeT3jqQIUBvx43jOATa1e6rnKazhBqd2KQOAEGgO3MOR7h/2j7 F7RZ3PRHGLH1gEMlzeixd0Mb0UUNrslX0Pher8TxZ4LOP10FsdeCIjPTildtNuAluNMIg737rM4+b4I6 3oPoH+FUsN2SZSGhuH5LuPS27jSSD746iWitXbksln8JDwn050gu3L+DCL72uBuawZCz0S26UxLGQ0Tj aUYO8dpRsB0sh+KxaUYu3XiH2vAxzq/eTGQAAAAAElFTkSuQmCC')!important;"></div>
    <div class="kl_layout_selector_label_button">English</div>
    <div class="kl_layout_list_container">
    <div class="kl_layout_selector_option_top"></div>
    <div class="kl_layout_selector_option kl_layout_selector_option_middle" style="display:none;">
    <div class="kl_layout_selector_icon" style="background-image:url('image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOC AYAAAAmL5yKAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/ RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8 943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3r ZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQ INIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4 mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1 xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEs UF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUd pNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62Ji zdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgY Jq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zr gIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLF rOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAA AsTAAALEwEAmpwYAAABG0lEQVQoFZVTu26EMBAc8CmKdHe5UCRNuvsBdPxFfjVlviFVCiTaFCkiRYquQ XAP8/I5sw4IrgCRkdb2emfGayw8ADeMVTtzmo2KzOOCwyaKov1s2YAYx/GjGCyNMQjDcFAaX3qeB2stk iQR0lIMVF3XyPMcaZpeKYUoENEQQRBANIQSA5dkWQaJOfB9vzOAM3jJLrhbnGAOJdhf7yEnD/O2osoTc mp2zJ2BLkrcfnzBmGMvnlipnxW0u31noCvcGwuLy4SsL1l+dK3/uK6Dh9c9tlsS5ukB/4zmk/xnLsX3r DkMri57kyDXaUhyHRRFS79+rUmPTiMGVdMAb++T/LFiJWduGE+M9RhrZP/A/W8xUAz5oWT+DwzJ1S8Jo Wjm5fjFnAAAAABJRU5ErkJggg==')!important;"></div>
    <div class="kl_layout_selector_label">Deutsch</div>
    </div>
    <div class="kl_layout_selector_option kl_layout_selector_option_middle" style="display:none;">
    <div class="kl_layout_selector_icon" style="background-image:url('image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOC AYAAAAmL5yKAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/ RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8 943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3r ZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQ INIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4 mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1 xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEs UF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUd pNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62Ji zdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgY Jq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zr gIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLF rOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAA AsTAAALEwEAmpwYAAABbklEQVQoFZVTTUsDMRB9cduKW0XbiuAnfuBJUUR/gl4Ff6c3L969CGIRob1UR C9drP2Sdrfbprtd36QKdntofTAJmcx7mcwkCkCKNv8zc5oampFugsPi2+HZZ4QBFGamZkvgTuFxRQTSG ISwT46nIysFRBH8p2eJT4uAFek+wlYbYb0xKsJAAyH9gZXLQjiEJQLYyhdgpZJUdtD1bbi1FJY2XCRUI NvjUGsIdYGXB4xAj+Wwkw7cRgXVm020Sjn4lxq5ozLsOfJHEzCCPZMAhlXzO/QNKui/ZPF++4F68xxR7 QqBI35aGLcKfI8+wpS9IwKyCJaR2e+jlL+Gd3/H9dA/lgEz+uWYK5gFT6kelLCaAS72HATbr3B3+UAkg zjoGxEonorOLCJ4aJpg34xfHMXiUOx8EVIEPSxiFwHJ7AKkYpMhj65LskCO1lKjB/hjV5WACdDSIHYT6 7SFCcHx7TYdZRGwaPKhZP4PJHH9DdVbglfXvCJbAAAAAElFTkSuQmCC')!important;"></div>
    <div class="kl_layout_selector_label">Español</div>
    </div>
    <div class="kl_layout_selector_option kl_layout_selector_option_middle" style="display:none;">
    <div class="kl_layout_selector_icon" style="background-image:url('image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANC AYAAACgu+4kAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/ RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8 943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3r ZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQ INIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4 mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1 xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEs UF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUd pNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62Ji zdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgY Jq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zr gIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLF rOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAA AsTAAALEwEAmpwYAAABPUlEQVQoFY1Sy07DMBAcp7QcAooQEhdOHJGKUMU38Flc+C5O+YBygF4B8Tr0k JI0JH7EMWsnTZoQHmut7VnvTiZrMwAT8r16peXfJikz3aEpmE2vlv2y+d11J7S4uOxgC6bzmyNL4Gtd4 nx28i1hO+CfnVaQMcAYpLf3FvuWYKSURpJwrKJ1lTQw86fnJjo+PIBRyuKRJYCUEvEqRfzxaeGg6bglZ 94ISgmX5wgE54iiFOk6s+oGTcVJE7cpgtseApUCnuP1YYlM5C44NInH9yasgxj5xHO4IqBCQ4pKGj9be 2ZUgayspDoCJSQ87P5KYLbITaHBi8J9y+lQEO6YEc3G+0oYnWwGpEEm3S3UPYB0m3EF+7U1dmLd3v4qR 0tA7dTI8NIpDMOwgxcYvGJJzwoB+TH5fqfib2AfxtsX0zCBpMQ+chEAAAAASUVORK5CYII=')!import ant;"></div>
    <div class="kl_layout_selector_label">Français</div>
    </div>
    <div class="kl_layout_selector_option kl_layout_selector_option_middle" style="display:none;">
    <div class="kl_layout_selector_icon" style="background-image:url('image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOC AYAAAAmL5yKAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/ RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8 943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3r ZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQ INIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4 mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1 xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEs UF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUd pNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62Ji zdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgY Jq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zr gIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLF rOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAA AsTAAALEwEAmpwYAAABVElEQVQoFZVTS07DMBB9TtKwKKWCBRJix4IF6hXYIK7BBbgPF+Ae3VScAJYsq iJRIVhU5Gs7js3YifIjCLA0nnnjNy+jscMAhGT7tSf35yWJmQS0za/ub9+HZcubu15qfXndwxacPSyPr cBU6xKLk/NvhG5ib3HhoAcGDQP++GTx1Ar4hVaIRYpdHjnS2KY2mybtHx3CFMpi3wpAygJRniAm+2mVU dwcMd+HktzhSkBw7HiEVGbUnGmI3UB/tt0poghuZwg4AZELbM0bMpF1a3qxfNk22DuIkAWew7VADi8MY YxuSMNA686ZKpC5EdQdSC4QzAISGG/fiXUEWFGCm0rB9aFIAB3C8OsOMwbUZueUVbdQzUCJwg0vqC5lt N6bTNp8Se9AtEOUhhLJ80dLoGi1WvXwOh29Ykl9YU52SjbrVfwO7MN4tQI+mf2hrP/PKoksvwArhYzX7 rtqFAAAAABJRU5ErkJggg==')!important;"></div>
    <div class="kl_layout_selector_label">Italiano</div>
    </div>
    <div class="kl_layout_selector_option kl_layout_selector_option_middle" style="display:none;">
    <div class="kl_layout_selector_icon" style="background-image:url('image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOC AYAAAAmL5yKAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/ RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8 943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3r ZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQ INIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4 mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1 xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEs UF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUd pNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62Ji zdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgY Jq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zr gIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLF rOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAA AsTAAALEwEAmpwYAAAB8ElEQVQoFZWSz2pTURDGf/fe5DYxiUmttDVSRFBwYVcFlwqCD9C1L+CjuFWfo OJCEFy4K27UhS5KN0IQkSLF1jZpQyTJ/X/uOc65N1WkXdiBOcMM33znmznHAXzx5ixK+G9LBTmtyNG++ +LR4KQtdxw8Y9h49uWkdCoabahe6rCy+WbREjTyXLO6fKMAasfFNZr6qnuqsSw4GK3Idvds2rAEnsoVk yRiGE3QFc0Vd0p/YY/5bQcnB1Nxyt7Z6bYvgsps5lkCMpUyiqek6hf38j6twxg9GDO45TPfE9RIbv1Hk CFL7QqgIIjjmKMg5H63x8PtKcFoHb3ikQw3GV8/pv3+AqYqaFP0yAg5iYxtrSBIo4RA7zOc+8an7x28B +tknQbXnjwn6O5Q+3EZLH6mwmnVCZek9ocgjlCVOv2sSdgac/vjKzK/iX9nl9qOoAq1s+slNVlOlCS2v +RMQ0EYxefjLr21iHd6g7mtx+ihova2JTDZZCHBytA4aSYE5Q4KUSqJC1CQ1nn5c43XNxeIfZfFpx3cA /vP7Cv8daMMUVoqKHagEiXf0eBXXXKnwkGyxPKHQ/K69J1hJtbEyqoql5iiNOHXo6KgRZMrSreioMjPO oyM4ely/1ZXW/yquB32PDYR8L4l8MTtoDaex+wM6W+StdCJDVH2GgAAAABJRU5ErkJggg==')!import ant;"></div>
    <div class="kl_layout_selector_label">Português</div>
    </div>
    <div class="kl_layout_selector_option kl_layout_selector_option_middle" style="display:none;">
    <div class="kl_layout_selector_icon" style="background-image:url('image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANC AYAAACgu+4kAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/ RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8 943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3r ZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQ INIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4 mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1 xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEs UF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUd pNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62Ji zdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgY Jq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zr gIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLF rOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAA AsTAAALEwEAmpwYAAAA+UlEQVQoFZVQW27CMBAcJyFQwkOAxA9/baWepTfoBTlDD9EroP5U7QcSIBSSE MfxdteAZAmkJCutvbOeGa9WAYg5R9ebr9ahmXmK+JgS0ba1zCMqpZYB48TrdS0TMQi7qjx+KAYwxni9d uVNIzvA28ca88UM6akEeXrFtY9vT5NRH/vdwUFnUJYFfv4CZLkstjmOwxgRCke8GOQFKB7C2kf/3RsaQ 6j1xUCmfPlMlpvnIIRNz/fsB51gPMC3rfGebV/dBLmuQD3Zp/g1B9WEvKoc0RmcGVDUA54cbHQgshCNh Ch0zbv+KjLX6HhomXnKueIcdxSnzP/9B9NWUmzSO7dBAAAAAElFTkSuQmCC')!important;"></div>
    <div class="kl_layout_selector_label">Русский</div>
    </div>
    <div class="kl_layout_selector_option_bottom"></div>
    </div>
    </div>
    <div class="kl_button kl_system kl_system_alt">alt</div>
    <div class="kl_button kl_system kl_system_space"></div>
    <div class="kl_button kl_system kl_system_alt">alt</div>
    <div class="kl_spacer"></div>
    </div>
    </div>
    </div>
    <div class="kl_keyboard ui-draggable">
    <div class="kl_hook">
    <div class="kl_kb_close_button"></div>
    <div class="kl_kb_settings_button">Preferences</div>
    </div>
    </div>
    PreferencesThis

    @ catmadrid
    You posted in an inactive thread (2012).  Your post here is different from the original topic of discussion. It's generally better to start your own Topic, rather than adding onto an existing one ="Threadjacking." 
    Please start a new topic about your issue so it can receive more focused attention.
    ===================
    When posting in Apple Communties/Forums/Message Boards.......It would help us to know which computer model you have, which OS & version you're using, how much RAM, etc. You can have this info displayed on the bottom of every post by completing your system profile and filling in the information asked for.
    Please detail ALL you have done so far in the way of troubleshooting?   Need this info to avoid the been there done that scenarios.
    ***This will help in providing you with the proper and/or correct solutions.***
    when i sent an email with safary
    Safari does not have an email client.  Which email client are you using and its version.  Need this info also in your "new" topic.

  • Drag layer 'bug' in IE

    Hi,
    My Drag AP element web page works fine in Firefox, not at all
    in Opera, and quirkily in IE7. I can live without Opera, but I have
    to fix the quirks. Placing the cursor over the div will not allow
    me to drag it when the div is small (under about 20x20 pixels).
    They CAN be dragged, but only by placing the cursor outside the
    div, about 5-10 pixels away in the direction of the bottom right!
    The draggable divs are not nested. I'm using Dreamweaver CS3.
    Does anyone have a fix for this? I'd greatly appreciate it.
    Andrew

    Hello,
    The IE will do some code compiling on page load and will
    remove some of the attributes that have an invalid syntax from the
    DOM. Because of this when the Spry will start evaluate the page the
    Spry placeholders don't exists anymore and Spry can't replace them
    with the actual data.
    I'm not yet very clear why the page works without that meta
    description. A thing yo can try is to change your code to this:
    <td style="background:url('{img}') repeat-x left
    top"><img src="{img}" /></td>
    because the {} are illegal in CSS
    Cristian

  • Lag in drag with easing interaction on iPad/iBooks Author

    Hi folks,
    I'm doing a drag and drop section in a children's iBooks project that I'm working on and I need it to have some easing.
    It works great when I preview it in a browser on my mac, but as soon as I've put it onto iBooks on the iPad it's a bit poor in performance. It does do the easing, but it's a bit jerky at times, this is just about OK, but what isn't OK is that there is a noticable lag (about half a second) between clicking on the 'draggable' <div> and it responding.
    I know from reading that this is meant to be down to the need for the iPad to be able to detect if this is going to be a swipe or some other interaction othan just a 'click'.
    I had also read that the 'touch-punch' jQuery plugin would sort that lag out.
    I have opened the package contents and manually dragged over the relevant libraries for the 'touch-punch' plugin, but it's not working.
    Any ideas?
    The code I'm using in the composition ready section of the stage is as follows:
    yepnope(
        nope:[
            'js/jquery-ui-1.9.2.custom.min.js',
            'js/jquery.ui.touch-punch.min.js',
            'css/jquery-ui-1.9.2.custom.min.css'
        complete: init
    function init() {
        sym.$('draggable').draggable({
            helper: function(){
                // Create an invisible div as the helper. It will move and
                // follow the cursor as usual.
                return $('<div></div>').css('opacity',0);
            drag: function(event, ui){
                // During dragging, animate the original object to
                // follow the invisible helper with custom easing.
                var p = ui.helper.position();
                $(this).stop().animate({
                    top: p.top,
                    left: p.left
                },1000,'easeOutCirc');
    If anyone had any thoughts or tips that woudl be great.
    Thanks,
    Tom

    Just incase anyoe is wanting a solution to this I found another jQuery plugin called PEP which is VERY responsive and works really well for drag and drop on either tablet or desktop.
    http://pep.briangonzalez.org/
    I'm still curious if anyone has any ideas on why the touch-punch doesn't work though. Anyone?

  • Edge Animate CC 2014.1 issues on Mac

    I am getting a lot of odd, glitchy issues when working with the latest version of Edge Animate CC 2014.1.
    The issues are varied and irregular such as:
    nested symbols displaying inside parents and out of position
    images in nested symbols displaying when set to 'display:none'
    timeline animations bars not displaying when lane is collapsed
    animation lanes 'grayed-out' when display is set to 'on'
    asset folders not publishing correctly, causing broken links
    overall 'glitchy' behavior
    Most of the issues I am having are fleeting (except for the asset folder publishing), and will work properly with enough reboots or refreshes. I am wondering if anyone else is having issues since the update and/or if Adobe has noticed these bugs (that's what it seems like they are) and will push and update soon?
    -J Sean

    Hello!
    I now have a project that seems to be corrupted. A had been working on it all morning, with a few bugs here and there. Now I can no longer open the file, receiving this error: "Edge Animate: Exception An error occurred. Please your work and restart Edge Animate."
    I will try to attach sample files.
    - J Sean

  • JDev 11g-Multiple Row Selection Table-Ctrl+A error

    Hello All,
    Jdeveloper : Studio Edition Version 11.1.1.2.0, Build JDEVADF_11.1.1.2.0_GENERIC_091029.2229.5536
    ADF Business Components : 11.1.1.55.36
    Java(TM) Platform : 1.6.0_11
    Oracle IDE: 11.1.1.2.36.55.36
    SOA Composite Editor: 11.1.1.2.0.12.16
    Versioning Support: 11.1.1.2.36.55.36
    I am trying to remove the selected rows from the table with RowSelection property set to Multiple. I am able to select the rows using by holding key board Ctrl key and click on the rows. The following code in backing bean successfully deletes the rows selected using this step.
    public void removeGeoSpecs(ActionEvent actionEvent)
    RowKeySet rowKeySet = getGmemTbl().getSelectedRowKeys();
    CollectionModel collectionModel =
    (CollectionModel) getGmemTbl().getValue();
    for (Object facesTreeRowKey: rowKeySet)
    collectionModel.setRowKey(facesTreeRowKey);
    JUCtrlHierNodeBinding rowData =
    (JUCtrlHierNodeBinding) collectionModel.getRowData();
    rowData.getRow().remove();
    But when i select all the rows in the table using Ctrl+A, all the rows got selected. I hit the Remove button, then after deleting the first row, getting the following error.
    javax.servlet.ServletException: ADFv: Could not find row: USA 548 with key: oracle.jbo.Key[] inside parent: GeoSpecTVOIterator with key: null.
    Caused by: java.lang.IllegalStateException: ADFv: Could not find row: USA 548 with key: oracle.jbo.Key[] inside parent: GeoSpecTVOIterator with key: null.
    Here USA 548 is my first row's data. Please let me know if you want complete error stack.
    During design time, While drag and drop the table i have not selected Row Selection check box as it sets property for single row selection. Table is inside the <af:panelCollection> . Here is the table source.
    <af:table value="#{bindings.GeoSpecTVO.collectionModel}" var="row"
    rows="#{bindings.GeoSpecTVO.rangeSize}"
    emptyText="#{bindings.GeoSpecTVO.viewable ? 'No data to display.' : 'Access Denied.'}"
    fetchSize="#{bindings.GeoSpecTVO.rangeSize}"
    rowBandingInterval="0" id="GmemTbl"
    partialTriggers=":::AddRowsBtn :::AddRangeBtn ::RemoveBtn :::SaveBtn"
    rowSelection="multiple"
    binding="#{backingBeanScope.GeoGrpSpecBean.gmemTbl}">
    Here GeoSpecTVO is a transient view object which is not having query and not attached with EO.
    I tried to fix this issue by myself and also searched for similar issues in the FORUM and google. But no luck... I very much appreciate all your inputs/pointers. Kindly let me know if you need additional information.
    Thanks
    Annadurai.

    Hi Annadurai
    I tried the same work around but still i am facing the issue, could you please help me.
    public void deleteRec(ActionEvent actionEvent) {
    // Add event code here...
    RowKeySet rowKeySet = (RowKeySet)this.embossTB.getSelectedRowKeys();
    CollectionModel cm = (CollectionModel)this.embossTB.getValue();
    Row specRow = null;
    ArrayList rowList = new ArrayList();
    int listLength = 0;
    ArrayList<Number> printReqLST=new ArrayList<Number>();
    ViewObject vo1=null;
    boolean flag=false;
    for (Object facesTreeRowKey : rowKeySet) {
    cm.setRowKey(facesTreeRowKey);
    JUCtrlHierNodeBinding rowData = (JUCtrlHierNodeBinding)cm.getRowData();
    specRow = rowData.getRow();
    rowList.add(specRow);
    listLength++;
    for (int index = 0; index < listLength; index++){
    specRow = (Row)rowList.get(index);
    Number printReqID = (Number)specRow.getAttribute("PrintRequestId");
    String PrintState = specRow.getAttribute("PrintState").toString();
    if (PrintState.equalsIgnoreCase("PRINTED")) {
    System.out.println("cann't delete");
    FacesContext fctx = FacesContext.getCurrentInstance();
    FacesMessage message =
    new FacesMessage("Cann't Delete the selected row:" + printReqID);
    message.setSeverity(FacesMessage.SEVERITY_ERROR);
    fctx.addMessage(null, message);
    } else {
    System.out.println("delete");
    flag=true;
    specRow.remove();
    if(flag){
    System.out.println("before commit");
    commitRows();
    }

Maybe you are looking for

  • Detecting column name and value from a xml

    Dear all, I need to create a procedure to get a xml file. The xml file may contain a table data or procedure parameter value. Off course it will also contain a flag if the data is of a procedure or table nnd then it's table or procedure name, column

  • Downloading a file to the same folder as an applescript

    I have never used applescript before and have what should be a simple problem. I just want to download via FTP a file and have it in the same folder as script application. This is what I have and it downloads what I want, but to get it where I want.

  • Dynamic definition of binding expression.

    I can use a standard textInput like this: <mx:TextInput   text="{Root.elementA}" \> and this works well, when I use an HttpService to replace Root, the TextInput is updated.  However... I have defined my own custom fields, which take a "tag" attribut

  • Applet Impersonating a browser for file upload

    Has anyone ever tried to make an applet talk to a servlet and upload a file (multipart encoded) to an appropriate servlet, if so, then I would like to learn how. Thanks.

  • 2 Questions from Novice

    I am new to podcasting and Garage Band. I would like to create a podcast where I have a conversation with another person on the phone. What software or device do I need to be able to record the conversation (they will be aware they are participating,