How to attach a layer to a table ?

Hello friends.. I have created a pop up menu with a tool that
creates de code in Javascript. The I have setted it on a layer (if
I do not do it, the code displays in a different line of the
screen) .Well, it works, but the problem now is when I see the web
site on a wider screen... the layers and its content do not move,
but the rest of the page does, because it is all centered... the
result is a mess with the layers.... I have been trying to create a
table and attach the layer to it (to one of its cells) but seems
there is no way to do it.... what should I do ? please help ! thanx
a lot

Sw Jiten wrote:
> Hello friends.. I have created a pop up menu with a tool
that creates de code
> in Javascript. The I have setted it on a layer (if I do
not do it, the code
> displays in a different line of the screen) .Well, it
works, but the problem
> now is when I see the web site on a wider screen... the
layers and its content
> do not move, but the rest of the page does, because it
is all centered... the
> result is a mess with the layers.... I have been trying
to create a table and
> attach the layer to it (to one of its cells) but seems
there is no way to do
> it.... what should I do ? please help ! thanx a lot
>
You need to wrap your main table in a <div> and give it
a position of
relative, as below.
<div style="position: relative; width: 650px; margin: 0
auto;">
<table width="650" cellpadding="0" cellspacing="0"
border="0">
<tr>
<td>Content</td>
</tr>
</table>
</div><!--end wrapper -->
Make the <div> width as wide as the table. In the case
above its 650px.
Then you need to move all your layers code to within the
<div>, as below.
<div style="position: relative; width: 650px; margin: 0
auto;">
<!-- MOVE YOUr LAYERS CODE TO HERE -->
<table width="650" cellpadding="0" cellspacing="0"
border="0">
The layers will now take their top/left co-ordinates from the
top/left
of the 'wrapper' <div>
If you do this correctly as the table moves, when the browser
window is
widened/narrowed, the layers will move also, as one single
unit.

Similar Messages

  • How can you create a layer under a table?

    If anyone knows how- or can send me a linkon how to create a
    layer under a table.
    Great help!!
    ty

    Except that z-index of 2 will appear HIGHER in the
    z-coordinate than a
    z-index of 1. But we still don't know if that's what OP meant
    by "under".
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "L. Simon" <[email protected]> wrote in
    message
    news:fbpj5r$89p$[email protected]..
    > This would be my first attempt:
    >
    quote:
    > <div style="z-index:1">
    > .... table content...
    > </div>
    >
    > <div id="stuffunderatable" style="z-index:2">
    > ... whatever you want under the table>
    > </div>
    >
    > <style type="text/css">
    > #stuffunderatable {
    > position:absolute;
    > top:45px;
    > left:45px;}
    > </style>
    >
    > Note that the 45px numbers are out of thin air, and
    you'll need to adjust
    > it
    > to get the layer to appear where you want on your page.
    >

  • How to attach image, screen shot or excel table to master vendor copy.

    Hi,
    Please let me know how to attach an image or excel table into "header text" table. This has to be printed and sent to the customer. We use SAP GUI to create purchase orders.
    Thanks in advance.
    Kushal

    Past the code into the post and then click on the post preview tab to check to see if the image rendered...it should show, if not, then either the code wasn't copied properly or the wrong embedding code was used.
    That will provide a link to the image in separate browser window or tab. But if you place a "!" (an exclamation mark) at either end of the link (with no spaces or quotation marks), the image will then be displayed inline, within your post.

  • How to attach a text table to database table

    How to attach a text table to another database table,
    Ex: If we check Mara table and GoTO menu select text table it is displaying MAKT table, how to link that?

    create another table with foriegn key relation with the key field and in the check table give the primary key table and in the text table include sparas field.
    JUAT SAME AS CREATING ANOTHER TABLE WITH FORIEGN KEY RELATION but THE ANOTHER TABLE INCLUDES SPRAS (LANGUAGE KEY)
    A text table is a table that contains spoken-language descriptions of values in a check table. These descriptions are stored in multiple languages. The primary key of the text table is the same as the primary key of the check table, with the addition of a spras (language) column.
    For example, the ztxt005 table has country codes in it. Country names are stored in a separate table named ztxt005t (shown in Figure 4.7) because you actually need many names for one country code. Because it stores language-specific descriptions of a generalized code, ztxt005t is called a text table.
    The primary key of ztxt005t contains the same fields as the primary key of ztxt005, with the addition of a spras (language) column. The spras field contains the language code and enables this table to contain a description for multiple logon languages.
    The primary key of any text table is composed of the fields mandt and spras, followed by the validation field (or fields). One or more description fields follow this primary key.
    A foreign key relationship is defined on ztxt005t-land1 to check table ztxt005. The foreign key field type should be key fields of a text table.

  • How to attach value range table to dropdown list box

    Hi there,
    could u please explain me how to attach a value range table to dropdown list box (i.e I/O box with dropdown attribute as list with key).
    if possible please explain me with a sample code.
    Thanks in advance.
    -Tulasi.

    hi ...if the associated domain of the field that u are using as i.o field has value range the same will come as drop down list...u u select the list box option and click from dictionary check box on the attributes...
    To check if the domain has it or not...go to the domain..click on value range..u can see thr,...if values are not thr u can giv the same...
    Or if u are not refering to dictionary type then use fm VRM_SET_VALUes
    reward if the abv is helpful..

  • How to keep the focus in a table cell as long as it is invalid?

    Hello,
    if you run the following code and enter some alphabetic characters in the Integer column,
    you can't get out of the cell as long as focus transfer is within the table. But if you click in the textfield,
    the cell is left invalid. (If you click in the textfield immediately after the false edit, the cell even doesn't
    show the red border)
    I tried to attach a focusListener to the table, but that makes editing the table impossible.
    I also could attach a focusListener to each and every other component of the form,
    and checking the table there in focusGained - but that looks rather awkward.
    How would you proceed?
    import java.awt.*;
    import java.awt.event.*;
    import javax.swing.*;
    import javax.swing.table.*;
    public class InvalidInput extends JFrame {
      public InvalidInput() {
        setDefaultCloseOperation(EXIT_ON_CLOSE);
        setLayout(new FlowLayout());
        setSize(200, 200);
        setTitle("InvalidInput");
        final String HEADER[] = {"Integer", "String"};
        DefaultTableModel dtm= createTableModel(HEADER);
        dtm.addRow(new Object[] {new Integer(100), "Item 1"});
        dtm.addRow(new Object[] {new Integer(200), "Item 2"});
        final JTable table= new JTable(dtm);
        table.addFocusListener(new FocusAdapter() {
          public void focusLost(FocusEvent e) {
         System.out.println(table.isEditing());
         if (table.isEditing()) {
           boolean b= table.getCellEditor().stopCellEditing();
           System.out.println(b);
    //       if (!b) table.requestFocusInWindow();
    //       if (!b) table.changeSelection(table.getEditingRow(),
    //                         table.getEditingColumn(), false, false);
           if (!b) {
             DefaultCellEditor editor= (DefaultCellEditor)table.getCellEditor();
             editor.getComponent().requestFocusInWindow();
        JScrollPane scrollPane = new JScrollPane(table);
        scrollPane.setPreferredSize(new Dimension(195,55));
        add(scrollPane);
        JTextField tf= new JTextField(10);
        add(tf);
        setVisible(true);
      public static void main(String args[]) {
        java.awt.EventQueue.invokeLater(new Runnable() {
          public void run() {
         new InvalidInput();
      private DefaultTableModel createTableModel(Object[] columnNames) {
        DefaultTableModel tblModel= new DefaultTableModel(columnNames, 0) {
          public Class getColumnClass(int column) {
         return getValueAt(0, column)==null ? Object.class :
                                   getValueAt(0, column).getClass();
        return tblModel;
    }Edited by: Jörg on 04.03.2012 14:52
    A big improvement is to apply
    table.putClientProperty("terminateEditOnFocusLost", Boolean.TRUE);for this at least reverts the erroneous input to the last valid value.
    Still I would prefer either to inform the user of this reversion or to red-border the erroneous cell;
    for sometimes the [OK] button is at the bottom of a long form and putting one's eyes there for
    clicking, one doesn't necessarily notice the reversion which happens at the top.

    Thanks to both of you!
    @Jeanette
    In my real application I use a JFormattedTextField as editor. Checking my overridden stopCellEditing() method I become aware that the contents of JFormattedTextField (getText() or super.getCellEditorValue()) arrives there already reverted. Thus it's no wonder that I cannot return false.
    simply removes the editor on column resizingYikes! - Fortunately the table in question is not resizable.
    SwingX has a NumberEditorExHow would you proceed if you didn't know that class and were looking for it? I still don't manage to navigate successfully on java.net.
    @Walter
    Never thought of this. Seeing that someone is checking for me (red border), I'd rather lazily let him continue doing the job. But a DocumentListener looks like being a way out.

  • HOW TO HIDE FIELDS IN A CUSTOM TABLE

    Hi all,
    I've a requirement where there's a maintainence view attached to  a custom created table. Whenever I add new entries via View, on saving the record, 2 of its fields only should appear.
    For example, if my table looks like this,
    SAP ID     OBJECT ID     FROM DATE     TO DATE
    Once i add a new record, when i press save, only 2 of fields say, SAP id and Object Id should appear instead of all the fields.
    Can someone throw light on this if you're aware? Any input in this regard will be highly valuable to me and appreciated. If someone is unable to intrepret this question, do let me know, I'll detail it again.
    Thanks in Advance,
    Vaishnavi Varadarajan

    hi Vaishu,
    Hide parameter / select option in selection screen
    We can Hide parameter / select option in selection screen dynamically by manipulating screen object.
    SCREEN is like an internal table with a header line. However, you do not have to declare it in your program. Go to debugging mode and then view structure of screen.
    You can modify SCREEN in your ABAP program during the PBO event of a screen. Its contents override the static attributes of the screen fields for a single screen call. The only statements that you can use with SCREEN are:
    LOOP AT SCREEN.
    MODIFY SCREEN.
    ENDLOOP.
    We can hide parameter by set screen-active to 0.
    Here is example of how to hide parameter in selection screen. Write it, and change click on radiobutton to hide parameter.
    REPORT ZAALGAL0006.
    DATA: d_ucomm LIKE sy-ucomm.
    PARAMETERS: p_grpa1(10) MODIF ID A,
    p_grpa2(5) MODIF ID A,
    p_grpb1(2) MODIF ID B.
    PARAMETERS: p_actA RADIOBUTTON GROUP rad1 USER-COMMAND ACT DEFAULT 'X',
    p_actB RADIOBUTTON GROUP rad1.
    AT SELECTION-SCREEN.
    d_ucomm = sy-ucomm.
    AT SELECTION-SCREEN OUTPUT.
    LOOP AT screen.
    IF p_actA = 'X'.
    IF screen-group1 = 'B'.
    screen-active = 0.
    ENDIF.
    ELSEIF p_actB = 'X'.
    IF screen-group1 = 'A'.
    screen-active = 0.
    ENDIF.
    ENDIF.
    MODIFY screen.
    ENDLOOP.
    START-OF-SELECTION.......
    pls refer the below sites for reference. they may help you
    http://www.blogtoplist.com/software/blogdetails-14026.html
    http://sap.ionelburlacu.ro/abap/sap2/Other_Useful_Tips.html
    https:/.../servlet/prt/portal/prtroot/com.sap.km.cm.docs/library/uuid/905e3d36-0301-0010-30ac-b55865545635
    thanks
    sagar
    reward me points if usefull

  • How to attach F4 Help for a field in Items Overview in ME21n (PO Creation)

    Dear All,
    Can anyone pls suggest me how to attach F4 hlp for this (Field is BEDNR).
    Best Regards.

    Hello,
    I'm relatively new in ABAP, and i have the same problem with yours, only in a different field. My company wants to have a search help in Requirement Tracking No. (BEDNR) in table EKPO.
    Can you tell me what was your solution?
    I tried to attach the existing search help to field BEDNR, but i can't.
    Edited by: ellainne22 on Oct 4, 2011 4:34 AM

  • How to center a layer ?

    Hello friends.. I have created a pop up menu with a tool that
    creates de code in Javascript. The I have setted it on a layer (if
    I do not do it, the code displays in a different line of the
    screen) .Well, it works, but the problem now is when I see the web
    site on a wider screen... the layers and its content do not move,
    but the rest of the page does, because it is all centered... the
    result is a mess with the layers.... I have been trying to create a
    table and attach the layer to it (to one of its cells) but seems
    there is no way to do it.... what should I do ? please help ! thanx
    a lot

    Why, right here!
    Change this -
    </head>
    to this -
    <style type="text/css">
    <!--
    body { text-align:center; }
    #wrapper { text-align:left; width:760px; margin:0
    auto;position:relative; }
    /* 760px will display on an 800px screen maximized browser
    window without */
    /* horizontal scrollbars. */
    -->
    </style>
    </head>
    change this -
    <body ...>
    to this -
    <body ...>
    <div id="wrapper">
    and this -
    </body>
    to this -
    <!-- /wrapper -->
    </div>
    </body>
    and see if that helps.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Sw Jiten" <[email protected]> wrote in
    message
    news:emiq0u$adp$[email protected]..
    > hello Murray... I certainly like your well known short
    answers... except
    > this time.... I did not understand... where was it
    answered ?? thanx in
    > advance...

  • How to attach search help in a particular field in se80 screen

    Hi All,
    Can any one tell me how to attach a search help in a particular field in a screen.
    Wat search help is used to display material no and description
    Thanks in Advance
    Regards,
    Priya

    Hi Priya,
    In the Screen Layout, Double click on the field on which you wish to attach the search help.
    In the properties window you can specify the search help for that field.
    Search help for Material No. is MAT1.
    You can find it in the Table structure (SE11) , "Entry help/check" tab.
    Regards,
    Himanshu

  • How to attach data to url of a jsf page in sun creator

    Can somebody tell me how to attach data to url of a jsf page for example String url="http://w-ngphc-0672.ng.ad.ep.corp.local:8080/Questionnaire/QuestionnaireConnector.jsp?ticket_id="+C.getTicket_id(); accesing this url uses value of C.getTicket_id() and populate the jsp page. How can I achieve this using jsf page in sun creator .
    I'm developing a workflow where url is sent to people and on clicking of the url it takes them to the form of the particular sender with its id attached to the url of the page.

    Here's how I do something similar:
    <ui:hyperlink binding="#{dfrReviewPage.hyperlink4}" id="hyperlink4" style="text-decoration: line-through"
                                                    text="DFR #{currentRow.value['d1.replacesdfr']}"
                                                    url="/getReport/DFR#{currentRow.value['d1.replacesdfr']}.pdf?reportId=#{currentRow.value['d3.replacesformat']}&exportType=0&id=#{currentRow.value['d1.replacesdfr']}" visible="#{currentRow.value['d1.replacesdfr']!=null}"/>As you probably gathered from the currentRow var this is embedded in a table but it could be bound to any bean type object.

  • How to attach a image in the transaction

    Hi Experts,
    How to attach a bitmap immage in the Z transaction.
    I have uploaded the image through the transaction SE 78.
    Sturggling how to attach it to the transaction and the to the transport request.
    Thanks in Advance
    Irfan Hussain

    Hi Irfan,
    Standard SAP images which are used in Scripts stored in One table (that table is Cluster one).
    and ENJOY SAP LOGO are stored in different place.
    Run the Transaction OAER
    CLASSNAME   PICTURES
    CLASSTYPE   OT
    OBJECTKEY   ENJOY
    now you can see the Enjoy logo, and this is another way of uploading the images(of any type).but these are used in ALV"s etc(not in SAP scripts).
    Regards
    vijay

  • How to attach f4

    how to attach f4 value request for selection screen as subscreen. The values is not coming for selection screen field.
    looking for help
    Regards,
    Satya Vani

    Hi satya,
    You can use this syntax to implement the select-option:
    1. SELECT-OPTIONS sel FOR f.
    2. SELECT-OPTIONS sel FOR (f).
    Declaring a variable selection option
    Objects defined using this statement can have two purposes:
    In reports (programs with type 1 in the attributes):
    You can execute reports with the SUBMIT statement. The statements SELECT-OPTIONS and PARAMETERS determine the technical interface and the user interface. The parameters and selection options you specify are displayed on the selection screen for the user to enter values (see also the addition NO-DISPLAY or SUBMIT without the addition VIA SELECTION-SCREEN.
    In all programs (except subroutine pools, that is, programs with type S):
    Program-internal objects, that are filled at runtime by user input on selection screens. The SELECT-OPTIONS filled in this way can then be used in the WHERE clause of a SELECT statement for selecting data.
    Notes
    sel may be up to 8 characters long.
    <b>This statement defines an internal table sel with a fixed structure which consists of the fields sel-SIGN, sel-OPTION, sel-LOW and sel-HIGH. While sel-SIGN and sel-OPTION have a fixed format (type character, length 1 and 2 respectively), sel-LOW and sel-HIGH inherit the type and length of their reference field f in variant 1.</b>
    sample code :
    DATA SBOOK_WA TYPE SBOOK.
    SELECT-OPTIONS FL_DATE FOR SBOOK_WA-FLDATE.
    INITIALIZATION.
      MOVE: 'I'      TO FL_DATE-SIGN,
            'EQ'     TO FL_DATE-OPTION,
            SY-DATUM TO FL_DATE-LOW.
      APPEND FL_DATE.
      MOVE: 'BT'       TO FL_DATE-OPTION,
            '19960101' TO FL_DATE-LOW,
            '19960630' TO FL_DATE-HIGH.
      APPEND FL_DATE.
    Note :
    You can use this addtiton to your statement for your requirement :
    <b>... VALUE-REQUEST FOR LOW/HIGH</b>
    Effect
    This addition is allowed only for database-specific SELECT-OPTIONS in the include program DBxyzSEL (where xyz = logical database name). It allows you to implement self-programmed value help. (To implement self-programmed value help for report-specific SELECT-OPTIONS, you can use the event key word AT SELECTION-SCREEN ON VALUE-REQUEST FOR ....) If you specify only VALUE-REQUEST (without FOR ... ), the value help refers to both input/output fields of the SELECT-OPTION (i.e. to sel-LOW and sel-HIGH). Otherwise, it refers only to the specified field. The addition has two effects:
    The affected input/output fields are displayed on the selection screen with the pushbutton for F4 (possible entries).
    <b>When the user presses this button or F4</b>, this triggers the FORM routine sel-LOW_VAL or sel-HIGH_VAL in the database access program SAPDBxyz (if it exists). If this addition is specified - and even if the SELECT-OPTION with FOR points to a Dictionary field - this FORM routine is executed when the user presses F4 and the check table or the fixed values of the Dictionary field are not displayed. You can, for example, branch from the routine sel-LOW_VAL or sel-HIGH_VAL to a function module which offers a selection list of possible values. At the end of this FORM routine, the contents of the field sel-LOW or sel-HIGH are copied to the appropriate input/output field.
    Example
    INCLUDE DBXYZSEL
    SELECT-OPTIONS S_PTYPE FOR SAPLANE-PLANETYPE <b>VALUE-REQUEST FOR LOW.</b> ...
    REPORT SAPDBXYZ DEFINING DATABASE XYZ.
    TABLES SAPLANE.
    FORM S_PTYPE-LOW_VAL.
      CALL FUNCTION '...'.
    ENDFORM.
    Thanks and Regards,
    Kunal.
    Message was edited by: Kunal Kumar

  • How to attach form painter to report painter.

    Hi All,
    I have created the Z form painter copying of standard form painter and also i created Z report painter .
    Then how to insert my Z form painter into in Z report painter.
    Please help any body knows.
    Regards
    Gangi

    Dear All,
    I got some good inputs from <b>Jessie</b> on this issue and observed that the reports which are created through report painter are standard one having entries in the TSTCP table .
    <b>But the reports(Through Report Painter) which are creaed by us has no entry in TSTCP table !!</b>
    Kindly show the way, how to attach the T.code to the reports which are created through report painter. as its getting so buggy now !!
    Please tell me if someone know about this.
    <b>Please note all my reports are created directly in the 500(Production</b>).
    Waiting for quick inputs !!
    Regards,
    M.soni

  • How to attach the T.CODE to a report created through REPORT PAINTER

    Hi all,
    Please tell me "<b>How to attach the T.CODE to a report created through REPORT PAINTER".</b>.
    Please show me the way how to do it as its getting too firing issue !!
    Awaiting for the early responses !!
    M.Soni

    Dear All,
    I got some good inputs from <b>Jessie</b> on this issue and observed that the reports which are created through report painter are standard one having entries in the TSTCP table .
    <b>But the reports(Through Report Painter) which are creaed by us has no entry in TSTCP table !!</b>
    Kindly show the way, how to attach the T.code to the reports which are created through report painter. as its getting so buggy now !!
    Please tell me if someone know about this.
    <b>Please note all my reports are created directly in the 500(Production</b>).
    Waiting for quick inputs !!
    Regards,
    M.soni

Maybe you are looking for