How to create a floating layer "< DIV >" in blackberry 8900?

I am a new developer bkackberry.

I use the BlackBerry 8900 Simulator (Smartphone BlackBerry 2.11.0.151 Simulator) for development.

I would like to make a floating layer as describe in the URL "http://www.fiendish.demon.co.uk/html/javascript/layerfloat.html".

This example runs on the browser window, but not on blackberry.

I have 2 question:

This function can be implemented in Bleckbery?

If so, please give me some examples running.

Thank you

Sanjay

I found the solution. You can use following code for static layer. I tested in the simulator of 8900.

Other HTML code

----------------

Tags: BlackBerry Developers

Similar Questions

  • How to create the shape layer in Adobe after effects Cs2?

    How to create the shape layer in Adobe after effects Cs2?

    There is no such thing. Shape layers were introduced in CS3.

    MYlenium

  • How to create a 'Floating Stacked Bar' graph

    Hello world!

    My requirement is to implement a graph as follows:

    https://DL.dropboxusercontent.com/u/18609389/ScreenShot350.jpg

    It seems to be a 'Floating Stacked Bar', but I'm not able to find the tutorial or reference to do.

    For each year, I have to draw a red bar at the top with a positive value, and a blue bar to the downside with the negative value.

    I know how to get the data, but down exactly know how to compose the query VO waiting for the chart.

    Thanks in advance!

    Jose.

    Hello world

    Finally I did after days of fighting. The main reason it has not worked is because I was mistaken with the type of graph that I was actually looking for which is:

    Subtype = "BAR_VERT_STACK".

    https://DL.dropboxusercontent.com/u/18609389/ScreenShot354.jpg

    On the data, to a line for each series, so I have 2 lines (red, blue, data) and a column for each year (Group).

    It may be useful to someone.

    Kind regards

    Jose.

  • How to create a floating header

    I wish I had a symbol as a header with all its elements float as the page scrolls vertically...

    Is there a way to do this?

    Thank you

    Use only the body to add the header to the scene

    Otherwise, you must specify your symbol or div you want CSS to assign

    and Yes your CSS is incorrect, I gave you the example className as a sample test not a working one since I have no idea of what are your symbol names

    Here is an example of my files, which should help ya sort

    .CSS ({$('Stage') sym.

    ' background-image': ' url(images/bg_rep_2.png) '.

    });

    holder primary Center

    .CSS ({$('Main') sym.

    "width": "1024px"

    'height': "1024px"

    'position': 'absolute ',.

    "the left": '50% ',.

    'top': '50% ',.

    'margin': '-512px 0 0 - 512px.

    });

  • How to create a floating layout using adf

    Hello
    I use Jdeveloper 11 g to develop an application.
    I just came across problems when I am trying to build the look and feel.
    Basically, I want to develop according to the following link.

    http://Webfusion.KCMO.org/coldfusionapps/ActionCenterRequest/GetStatus.cfm

    I was able to create available to help adf page layouts and components (af:panelStechlayout, af:panelgrouplayout), but the problem, I faced, I want the whole page to scroll and have a floating layout.
    But in my case, the panels are scrolling, so when I resize the browser, or change the resolution, everything seems to be broken in pieces.
    In addition to recreate the schema above, I include everything under the 'Centre' facet, where the use of models creates questions.

    Here is the code I use (just the code of the structure), it looks like simple preety but I'm not able to understand this one.
    <?xml version='1.0' encoding='UTF-8'?>
    <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
              xmlns:f="http://java.sun.com/jsf/core"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
      <jsp:directive.page contentType="text/html;charset=UTF-8"/>
      <f:view>
        <af:document title="findcase" id="d1">
          <af:form id="f1">
            <af:panelStretchLayout startWidth="100px" endWidth="100px" id="psl2">
             
              <f:facet name="center">
                <af:panelStretchLayout endWidth="63px" id="psl1"  topHeight="120px" bottomHeight="50px"
                inlineStyle="font: 100% Arial, Helvetica, sans-serif;background: #2A3644;font-size: 13px;margin: 0;padding: 0;text-align: center;color: #000000;"
                                       startWidth="44px">
                
                  <f:facet name="center">
                   <!-- Header -->
                   <af:panelGroupLayout layout="scroll"
                                         xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
                                         id="pgl3">
                      <af:image source="http://cfdev.kcmo.org/coldfusionapps/templates/images/kcmo_banner.jpg"
                                shortDesc="header" id="i1"
                                inlineStyle="width:960px; height:77.0px;"/>
                      <af:panelGroupLayout id="pgl2" inlineStyle="height:33.0px;">
                        <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/home.jpg"
                                  shortDesc="menu1" id="i2"/>
                        <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/services.jpg"
                                  shortDesc="menu2" id="i3"/>
                        <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/residents.jpg"
                                  shortDesc="menu3" id="i4"/>
                        <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/business.jpg"
                                  shortDesc="menu4" id="i5"/>
                        <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/visitors2.jpg"
                                  shortDesc="menu5" id="i6"/>
                        <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/officials2.jpg"
                                  shortDesc="menu6" id="i7"/>
                        <!--af:panelGroupLayout id="pgl4"-->
                          <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/kcmo_banner_slice.jpg"
                                    shortDesc="searcharea" id="i8"
                                    inlineStyle="background-repeat:repeat; width:355px; height:35.0px;"/>
                        <!--/af:panelGroupLayout-->
                        <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/kcmo_banner_lower.jpg"
                                  shortDesc="banner" id="i9"
                                  inlineStyle="width:960px; height:7.0px;"/>
                      </af:panelGroupLayout>
                     <!-- starting the center section -->
                      <af:panelStretchLayout id="psl3" inlineStyle="width:960px; margin:auto; background-color:White;"
                                             startWidth="232px">
                        
                        <f:facet name="center">
                         <!-- your page content goes here -->
                          <af:outputText value="outputText1" id="ot3"/>
                        </f:facet>
                       <!-- side navigation panel -->
                        <f:facet name="start">
                          <af:panelGroupLayout id="pgl1" inlineStyle="float:left; margin:5px; width:236.0px;background-color:#edf0f5;text-align: center;">
                           <af:goLink text="City Government" id="gl1"
                                   destination="http://www.kcmo.org/CKCMO/Depts/CityManagersOffice/InternshipsandfellowshipswiththeCity/KansasCityGovernment/index.htm"
                                   inlineStyle="font-family:Arial, Helvetica, sans-serif; font-size:10px;     color:#395F76;     font-weight:bold;"/>
                          <br/>
                            <af:goLink text="Codes and Ordinances" id="gl2"
                                       destination="http://cityclerk.kcmo.org/liveweb/common/"
                                       targetFrame="_blank"/>
                            
                          </af:panelGroupLayout>
                        </f:facet>
                        <f:facet name="end"/>
                      
                      </af:panelStretchLayout>
                      
                    </af:panelGroupLayout>
                    
                  </f:facet>
                  <f:facet name="end">
                    <af:outputText value="" id="ot2"/>
                  </f:facet>
                   <f:facet name="start">
                <af:outputText value="" id="ot1"/>
              </f:facet>
                </af:panelStretchLayout>
              </f:facet>
            </af:panelStretchLayout>
          </af:form>
        </af:document>
      </f:view>
    </jsp:root>
    Any help will be much appreciated.
    Thanks in advance
    Ash

    Try to create a layout that uses a panelGroup static when the container upper and use panelBorders inside.
    Something like this:

    
    
      
      
        
          
            
              
                
                
                
                
                  
                    
                    
                      
                      
                      
                      
                      
                      
                      
                      
                      
                      
                    
                  
                
                
                  
                    
                      
                      
                    
                  
                  
                  
                  
                  
                    
                    
                    
                  
                
              
            
          
        
      
    
    
  • How to create a component for multimedia in blackberry seekbar

    Hello

    Can a point on how a seek bar created in blackberry, is a listener available for her and so,.

    Thank you

    SujithRavindran

    OK, it takes care of 4.3 grand

    Thank you

    Msohm

  • In the levels layer, I have only the option of 'grey '.  When I create a fill layer, I can only see different levels of grey, not the color I chose.  How can I change this?

    In the levels layer, I have only the option of 'grey '.  When I create a fill layer, I can only see different levels of grey, not the color I chose.  How can I change this?

    Hi elizabethu,

    Greetings!

    Make sure that the image is not in gray mode.

    If it is to change it to RGB mode.

    Image-> Mode-> RGB

    And try again.

    Concerning

    Jitendra

  • How to create a template of multi layer from a photo?

    Hello community of Photoshop,

    I'm all new to photoshop and I try to make a template of multi layer from a photo I took.

    Anyone can point me in the right direction to find a tutorial or send me some tips to help me get started?

    See you soon.

    Hello Zach,

    Check out this video it it will be useful for you.

    Photoshop tips: How to create a multilayer stencil in Photoshop - YouTube

    Thank you

  • How to create a layer of ranking?

    Hi, I am new to Speedgrade and need to create a layer of ranking that I presented a fade on a slope of primary to compensate for a change in exhibition see what it effects each elementary or secondary school year I put on after. This was no problem when I found diapers that seemed to be a much better idea but the classification Schedule tab is grayed out because I used the direct link between the PP and the button for a layer of classification does not seem to do anything, to push or drag. Dose - anyone know what I am doing wrong?

    G1.JPGG2.JPG

    Happy to help you. This program is INCREDIBLE... but he got a very different "paradigm" of the interface which works very well once you have learned and it work a number of hours, and oh, spent two full weeks on Creative Cow & Lynda dot com & so on... the people who created this built and he remade and re-built it and all did a wonderful job , but... documentation of how he can do all the stuff for it, and how to use it... was never an immediate need.

    Using the direct link command called VERY different process than SpeedGrade using "Native" mode DL, Sg is currently working within your project file PrPro... and they don't want not Sg to be able to do much to the timeline, this is why the timeline of any sequence is "locked" in the Official Journal. You can't do 'edition' stuff, like add or remove clips,... all respect the timeline itself. Only things that affect the appearance of this timeline/sequence. In a process of Sg 'native', where you create the timeline within the Sg or take an EDL (list) and re - connect to files of clips in sequence of the EDL, Sg creates its own project files... an IRCP file. You can do all sorts of things in this timeline.

    So... to create a new layer or follow the sequence/timeline, you MUST go to PrPro and add an 'adjustment layer. Click on the "new item" icon at the bottom right of the project Panel box; choose "new adjustment layer" and make it drag in your sequence, then space needed.

    Now... a little about works of the thing of layers in Adobe applications. The bottom layer in the Panel (bottom right of the screen) aspect sees your clip in its entirety. It's the ONLY one. You make some changes to this primary, then maybe create an another primary top for various changes. THIS primary only sees the output of primary underneath and affects the image that he is "submitted" upwards by this lower layer. Now do a upper secondary to that of say, to change some colors in a narrow band of senior middle tones. This layer is once again these changes just to 'image' as adopted upward by the layer just underneath. Reorganize your layers, you WILL get surprising different effects.

    Layers of ranking are the same... they see what happened to 'up' for them to the clip below, but... AFTER all the work you did on this clip directly. Change the work of the layers in the appearance of the original item Panel and your ranking top layer should also some changes because the image approach until he changed.

    It is very logical that you get used to it. However, it can throw you for very perplexed loops at the beginning.

    The speed with which you can go from PrPro Sg to PrPro to the Sg of... it is very easy for Sg earlier in the editing process and use models of workflow radically different that was required. I work in the Official Journal... LOVE it's so exciting to see what we can do with it...

    Neil

  • How can I create a composite layer and which you use e control alt shift or Shift control alt e and when I do the pop deletion tool?

    How can I create a composite layer with 11 elements? How what should I do?

    How can I get an answer to my problem? I would never buy the program if I'm having this famous problem with getting help?

  • How to automatically create a rectangular layer from a selection of irregular shape mask?

    I'm trying to automatically crop images. The subject is on a white background and extends between the left edge of the image to the right. The top and bottom of the object are in the frame. I need to crop a certain distance from the top and at the bottom of the topic and a predefined width which would be calculated from the height of the subject.

    My current idea is to create a duplicate layer and run the threshold on this, that allows me to choose the topic clearly. Once I have the selected object, I use Image-> cultures to create the desired rectangle, but I can't find a way to create a mask for the selected object in an irregular way. Anyone know how to take a selection and convert it into a rectangle? I hope this makes sense, I try to explain better if not. Thank you.

    -Chris

    // make selection rectangular;
    // 2013, use it at your own risk;
    #target photoshop
    if (app.documents.length > 0) {
    var myDocument = app.activeDocument;
    try {
    var theBounds = myDocument.selection.bounds;
    var theArray = [[theBounds[0], theBounds[1]], [theBounds[2], theBounds[1]], [theBounds[2], theBounds[3]], [theBounds[0], theBounds[3]]];
    myDocument.selection.select(theArray, SelectionType.REPLACE, 0, false);
    }
    catch (e) {}
    };
    
  • How can I create a new layer that is a gradient?

    Hi, I'm very new to scripting photoshop and have some difficulty.

    I am looking for a way to take a picture I have and configure it to have a gradient opacity as he approaches middle, my thought on how to do was simply to create a layer that is a gradient from the upper left to lower right and secure then as a vector mask.

    Any ideas on how I could create this gradient layer of script or a better method to do this opacity gradient?

    Thanks in advance,

    Levianth

    You can try this:

    // 2012, use it at your own risk;
    #target photoshop
    if (app.documents.length > 0) {
    var myDocument = app.activeDocument;
    var theLayer = myDocument.activeLayer;
    if (theLayer.isBackgroundLayer == true) {theLayer.isBackgroundLayer = false};
    // create gradient layer;
    // =======================================================
    var idMk = charIDToTypeID( "Mk  " );
        var desc15 = new ActionDescriptor();
        var idnull = charIDToTypeID( "null" );
            var ref3 = new ActionReference();
            var idcontentLayer = stringIDToTypeID( "contentLayer" );
            ref3.putClass( idcontentLayer );
        desc15.putReference( idnull, ref3 );
        var idUsng = charIDToTypeID( "Usng" );
            var desc16 = new ActionDescriptor();
            var idType = charIDToTypeID( "Type" );
                var desc17 = new ActionDescriptor();
                var idType = charIDToTypeID( "Type" );
                var idGrdT = charIDToTypeID( "GrdT" );
                var idLnr = charIDToTypeID( "Lnr " );
                desc17.putEnumerated( idType, idGrdT, idLnr );
                var idGrad = charIDToTypeID( "Grad" );
                    var desc18 = new ActionDescriptor();
                    var idNm = charIDToTypeID( "Nm  " );
                    desc18.putString( idNm, "Custom" );
                    var idGrdF = charIDToTypeID( "GrdF" );
                    var idGrdF = charIDToTypeID( "GrdF" );
                    var idCstS = charIDToTypeID( "CstS" );
                    desc18.putEnumerated( idGrdF, idGrdF, idCstS );
                    var idIntr = charIDToTypeID( "Intr" );
                    desc18.putDouble( idIntr, 4096.000000 );
                    var idClrs = charIDToTypeID( "Clrs" );
                        var list3 = new ActionList();
                            var desc19 = new ActionDescriptor();
                            var idClr = charIDToTypeID( "Clr " );
                                var desc20 = new ActionDescriptor();
                                var idRd = charIDToTypeID( "Rd  " );
                                desc20.putDouble( idRd, 0.000000 );
                                var idGrn = charIDToTypeID( "Grn " );
                                desc20.putDouble( idGrn, 0.000000 );
                                var idBl = charIDToTypeID( "Bl  " );
                                desc20.putDouble( idBl, 0.000000 );
                            var idRGBC = charIDToTypeID( "RGBC" );
                            desc19.putObject( idClr, idRGBC, desc20 );
                            var idType = charIDToTypeID( "Type" );
                            var idClry = charIDToTypeID( "Clry" );
                            var idUsrS = charIDToTypeID( "UsrS" );
                            desc19.putEnumerated( idType, idClry, idUsrS );
                            var idLctn = charIDToTypeID( "Lctn" );
                            desc19.putInteger( idLctn, 0 );
                            var idMdpn = charIDToTypeID( "Mdpn" );
                            desc19.putInteger( idMdpn, 50 );
                        var idClrt = charIDToTypeID( "Clrt" );
                        list3.putObject( idClrt, desc19 );
                            var desc21 = new ActionDescriptor();
                            var idClr = charIDToTypeID( "Clr " );
                                var desc22 = new ActionDescriptor();
                                var idRd = charIDToTypeID( "Rd  " );
                                desc22.putDouble( idRd, 0.000000 );
                                var idGrn = charIDToTypeID( "Grn " );
                                desc22.putDouble( idGrn, 0.000000 );
                                var idBl = charIDToTypeID( "Bl  " );
                                desc22.putDouble( idBl, 0.000000 );
                            var idRGBC = charIDToTypeID( "RGBC" );
                            desc21.putObject( idClr, idRGBC, desc22 );
                            var idType = charIDToTypeID( "Type" );
                            var idClry = charIDToTypeID( "Clry" );
                            var idUsrS = charIDToTypeID( "UsrS" );
                            desc21.putEnumerated( idType, idClry, idUsrS );
                            var idLctn = charIDToTypeID( "Lctn" );
                            desc21.putInteger( idLctn, 4096 );
                            var idMdpn = charIDToTypeID( "Mdpn" );
                            desc21.putInteger( idMdpn, 50 );
                        var idClrt = charIDToTypeID( "Clrt" );
                        list3.putObject( idClrt, desc21 );
                    desc18.putList( idClrs, list3 );
                    var idTrns = charIDToTypeID( "Trns" );
                        var list4 = new ActionList();
                            var desc23 = new ActionDescriptor();
                            var idOpct = charIDToTypeID( "Opct" );
                            var idPrc = charIDToTypeID( "#Prc" );
                            desc23.putUnitDouble( idOpct, idPrc, 0.000000 );
                            var idLctn = charIDToTypeID( "Lctn" );
                            desc23.putInteger( idLctn, 0 );
                            var idMdpn = charIDToTypeID( "Mdpn" );
                            desc23.putInteger( idMdpn, 50 );
                        var idTrnS = charIDToTypeID( "TrnS" );
                        list4.putObject( idTrnS, desc23 );
                            var desc24 = new ActionDescriptor();
                            var idOpct = charIDToTypeID( "Opct" );
                            var idPrc = charIDToTypeID( "#Prc" );
                            desc24.putUnitDouble( idOpct, idPrc, 100.000000 );
                            var idLctn = charIDToTypeID( "Lctn" );
                            desc24.putInteger( idLctn, 2048 );
                            var idMdpn = charIDToTypeID( "Mdpn" );
                            desc24.putInteger( idMdpn, 50 );
                        var idTrnS = charIDToTypeID( "TrnS" );
                        list4.putObject( idTrnS, desc24 );
                            var desc25 = new ActionDescriptor();
                            var idOpct = charIDToTypeID( "Opct" );
                            var idPrc = charIDToTypeID( "#Prc" );
                            desc25.putUnitDouble( idOpct, idPrc, 0.000000 );
                            var idLctn = charIDToTypeID( "Lctn" );
                            desc25.putInteger( idLctn, 4096 );
                            var idMdpn = charIDToTypeID( "Mdpn" );
                            desc25.putInteger( idMdpn, 50 );
                        var idTrnS = charIDToTypeID( "TrnS" );
                        list4.putObject( idTrnS, desc25 );
                    desc18.putList( idTrns, list4 );
                var idGrdn = charIDToTypeID( "Grdn" );
                desc17.putObject( idGrad, idGrdn, desc18 );
            var idgradientLayer = stringIDToTypeID( "gradientLayer" );
            desc16.putObject( idType, idgradientLayer, desc17 );
        var idcontentLayer = stringIDToTypeID( "contentLayer" );
        desc15.putObject( idUsng, idcontentLayer, desc16 );
    executeAction( idMk, desc15, DialogModes.NO );
    // move layer below;
    var theGradient = myDocument.activeLayer;
    theGradient.move(theLayer, ElementPlacement.PLACEAFTER);
    // clipping mask;
    theLayer.grouped = true
    };
    
  • How to create the layer mask using ellipse (circle) to show the face of the watch only?

    just stuck - see how to get a job of layer mask using a brush, but can not get by with the help of an ellipse

    What I'm after is:

    * Start simple watch, with the face and band by photo

    * want to apply a layer, so the only thing I see the circular face of the watch (no tape etc.) and that the base is clear (alpha)

    May I ask what are the instructions step by step to achieve this goal by using layer masks & ellipse tool?  (i.e. not having to manually paint around the dial)

    Here's the original image:

    1. Make a copy of the background and work on this copy of background layer.
    2. Use the elliptical selection tool, hold down the SHIFT key to draw a circular selection:
    3. Select use (on the menu bar)... Transform the selection to move the selection, and drag the sides of the selection at the edges of the dial:
    4. After you click the green check mark, use the selection... Inverse to select all items except the dial of the watch and press your delete key to remove such things:
    5. Your layers look like this:

    Alternatively, if you want to use a mask, after step #3 hit the icon 'Mask' at the bottom of the Palette layers to create a mask layer automatically by using the selection:

    Ken

    Post edited by: photodrawken to add the alternative method of mask.

  • How to create horiz 2 side by side nav bars using div and css?

    I am just placing navbars separate left and right side by side horizontally.  The div for the navigation bar right/second hand wants to go under the first, rather than beside it.  Each navigation bar must be 350 px wide.

    I am new to DW, so if you show me what to do in the code, please be specific and fundamental.

    I'm creating nav bars, following the instructions of the DW for Dummies, page 179: 1 pound large), first place the cursor on the page where I want the navigation bar will appear and click on the button DIV insert Panel; (2) name in the ID field, then...

    This is where I can't get the cursor to go to the right of the left navigation bar on the side of existing already created with a tag div and css.

    Thanks for your help.  I am creating a site e-commerce with podcasting.  I want to make the bars of nav for the separate electronic commerce of the podcasting navigation bar and the horizontal at the top of the entire page to take account of the layout of the site.

    InJoy! wrote:

    This is where I can't get the cursor to go to the right of the left navigation bar on the side of existing already created with a tag div and css.

    He's not beside that you currently have on your page until you style the two with css which should arrive later in the tutorial.

    You place the elements juxtaposed by "floating" with css.

    For example:

    A set of links go here.

    Another set of links go here.

    will look like (below) in Dreamweaver design view UNTIL you style them with css

    A set of links go here.

    Another set of links go here.

    Let the links to sit side by side using the attribute 'float' css:

    {#left_navigation}

    Width: 350px;

    float: left;

    }

    {#right_navigation}

    Width: 350px;

    float: left;

    }

    and they will look like:

    A set of links go here. Another set of links go here.

  • How can I stop Photoshop CS4 create a new layer each time I use the online tool?

    How can I stop Photoshop CS4 create a new layer each time I use the online tool?

    Whenever I use the online tool, a new layer is created. How can I stop this? No settings have been changed.
    Thanks in advance.

    Look at the three options in the top bar.

Maybe you are looking for