Tutorial for hyperlinking table cell

Anyone know where i might find a tutorial. Google bringing up
nothing
I want to be able to hyperlink table cells and change table
cell background
color on mouse over etc.
I am really struggling with this therefore need a tutorial
TIA

Why do you need to hyperlink the *cell*?
If you put a normal hyperlink in the cell, and use CSS to
make that <a> tag
display:block, then it will fill the cell, and make the whole
thing
clickable. Further it allows you to use the pseudo-class of
a:hover to
change the background color....
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
==================
"Andrew" <[email protected]> wrote in message
news:e7bgvq$eog$[email protected]..
> Anyone know where i might find a tutorial. Google
bringing up nothing
>
> I want to be able to hyperlink table cells and change
table cell
> background color on mouse over etc.
>
> I am really struggling with this therefore need a
tutorial
>
> TIA
>

Similar Messages

Stop looking for similar table cells

How do I get Pages to stop displaying a drop down list with similar text every time I try to enter text into Table cells. I'm logging video interviews so every time I type a question is usually starts with What or why and I have to wait for Pages to display every sentence I've typed into the cells that started with What or Why? What is the deal??

Welcome to Apple Discussions
Go to Pages > Preferences > General & uncheck "Show auto-completion list" (it's at the bottom of the third section of the preferences).

Setting JcomboBox editor for a table cell

Hi,
I have a ComboBox editor for a cell in my table. I want to set this editor depending on the value of another column
qualifierTable.addMouseListener(new MouseAdapter(){
   public void mouseClicked(MouseEvent e){
    int selRow = qualifierTable.getSelectedRow();
    int selCol = qualifierTable.getSelectedColumn();
   if (someCondition)
            JComboBox comboBoxEditor = new JComboBox();
            comboBoxEditor.addItem("Private");
             comboBoxEditor.addItem("Protected");
             comboBoxEditor.addItem("Public");
             qualDataValueCol.setCellEditor(new DefaultCellEditor(comboBoxEditor));
             Object dataValue = comboBoxEditor.getSelectedItem();
                                      if (dataValue!= null)
             {                              qualifierTablemodel.setValueAt(dataValue, selRow, selCol);
}The problem is this sets the editor for all cells in the column. However I want the editor to revert to JTextField if this condition is not met. Where should I set it back. It does not work if I set it in the else part

Override the getCellEditor(...) method to return the appropriate editor. Something like this:
http://forum.java.sun.com/thread.jspa?forumID=57&threadID=637581

How to show note window for a table cell with javascript?

My goal is to do tihs with javascript. No server side handling.
<af:table id="t1">
<af:column id="c1">
<af:outputText id="ot1">....
<af:clientListner ....method="showPopup"/>
</..>
</..>
</..>
<af:popup id="p1">
<af:noteWindow id=ot2>
here to show the value of ot1
</..>
</..>
function showPopup(e){
var text=e.getSource().getValue();
var popup=e.getSource().findComponent("::p1");
now how to update the content of the notewindow??
popup.show();
}

Hi,
You could try with something like this.
               <af:outputText value="outputText1" id="ot1" clientComponent="true">
                    <af:clientListener method="showPopup" type="mouseOver"/>
                </af:outputText>
                <af:popup childCreation="immediate" autoCancel="disabled" id="p1" clientComponent="true"
                          contentDelivery="immediate">
                    <af:noteWindow id="nw1" clientComponent="true">
                        <af:outputText value="outputText2" id="ot2" clientComponent="true" />
                    </af:noteWindow>
                </af:popup>
                <af:resource type="javascript">
                    function showPopup(evt){
                        var ot1 = AdfPage.PAGE.findComponent("ot1");
                        var text=ot1.getValue();
                        var popup=AdfPage.PAGE.findComponent("p1");
                        var ot2=AdfPage.PAGE.findComponent("ot2");
                        ot2.setValue(text);
                        popup.show();
                </af:resource>-Arun

CSS Class for Table Cell Text

When we were using messageStlyedText in a table region, it was shriking multiple whitespaces to a single whitespace. To solve the problem we are planning to use "rawText" with <pre> tag. But we are not able to specify the default CSS class for a table cell text. Can you please let us know the CSS class to use so that even if we use rawText UI(font, size etc) is similar to adjacent messageStlyedText columns ?
Note: We are not using formattedText because it is not allowing to add prompt.

Please try using CSS class OraTableCellText
Thanks
Abhay

Straddled FM Table Cells Not Merged in WebHelp

Using TCS2 on Win XP, generating WebHelp — my straddled table cells in FM are not merged in WebHelp.
Is this a known problem, or is there a way to make this work?
Thanks!

Hi Mike,
I'm confused to where you applied the vertical alignment. Normally, I would set this for the table cells and not the table.
CSS has indeed an order in rendering: There is a point system for determining the CSS to apply. See http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-understanding-css-specific ity/ for a short introduction.
And as an extra to the point system, the place where the styling is present, also determines the styling. Browsers use the following hierarchy (in descending order)
User style sheet defined in the browser.
Inline styling.
Style block in page.
External style sheet
You can overwrite styling from a lower order using the !important declaration. You can use this to make sure that inline styling will not be able to overwrite styles from your style sheet. (Unless the inline styles use !important themselves.) Example:
table.mytable td {
vertical-align: middle !important;
This will make all the content of table cells in the table with the class mytable to be vertically centered.
Greet,
Willam

Styled Text in Table Cell

Hi,
I've got this problem: I'd like to insert a styled text in some cells of a JTable.
The text should be composed of two kinds of Font, to emphasize some characters in it.
Suppose I've done a class Test, that extends JPanel. In this class I've done a method appendChar(String c, boolean bol). With this method I can add a JLabel with only a single char (String of length 1) at a time. If bol is true, it emphasizes the char; if false, it uses the "default" font. For example:
"this is an example"
This class works fine, but I don't have any idea on how I could be able to insert a Test instance in a JTable cell.
I think I should create a class that implements TableCellEditor, or extends DefaultCellEditor.. but I don't know how this should be done.
If there is some other way to have some styled text in a table cell, tell me!

Hi,
AFAIK, the default renderer for a table cell is a JLabel in which you can display styled text using html. You would need to provide a custom editor only if the default textfield doesn't fulfil your needs. For rendering, you need to override the renderer.
Cheers,
vidyut

Eliminate extra space in table cell

I cannot figure out what is causing the appearance of extra
space beneath the thumbnail images on the following webpage (this
space is in between the image and the cellborder):
http://www.canchair.com/new_web_product_detail.asp?ProductID=499&ProductFamily=5&ProductFa milySub=
OR THE RELEVANT CODE CAN BE VIEWED AS FOLLOWS:
HTML CODE FOR THE TABLE CELL CONTAINING THE EXTRA SPACE:
<a href= "javascript:;" class="small_img" >
<td class="small_img" onmouseover="showBigImage(
'imagescript.asp?path=<%= images("url_img")
%>&width=250','<%= images("url_img") %>','<%=
images("alt_img") %>' )"> <img
src="imagescript.asp?path=<%= images("url_img")
%>&width=36" border="0" /> </td>
</a>
small_img STYLE SHEET CODE:
.small_img {
margin: 0;
border: 1px solid #A5ACB2;
cursor: hand;
padding: 0;
.small_img:hover td{
margin: 0;
border: 1px solid #000000;
cursor: hand
.small_img:hover{
color: red; /* Dummy definition to overcome IE bug */
}

View the page in Firefox, view source, and Go To Line will do
the trick (in
Firefox).
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"aonefun" <[email protected]> wrote in
message
news:gbp286$5vg$[email protected]..
>I was asking how to know which line of my code the errors
specified on
>
http://validator.w3.org/ are
referring to. I assume the line numbering on
> dw
> would not correspond as a webpage strips the server side
code.
>

How to make 2 lines in a webdynpro table cell?

Hi
Is it possiable to create a WebDynpro Table Call that can contains 2 lines in 1 cell ?

Hi Ami,
There are a limited number of UI elements that you may use for a Table Cell Editor, however, with a TextView, you can display text that includes a line break.
The line break is achieved by including the carriage-return-line-feed characters in the Table's data source...
LOOP AT lt_flight_tab ASSIGNING <f>.
CONCATENATE 'Line One' cl_abap_char_utilities=>cr_lf 'Line Two' INTO <f>-test.
ENDLOOP.
Cheers,
Amy

Separate or move character in table cell

I have table with "$" value. I want to separate the $ in cel befor it. is there a script that can move this "$" in the previous cell.

Hi Kent,
For the Table cell editor only basic UI controls can be added. It doesn't supprt container controls like scroll container or transparent container. So adding the scroll container n then inserting a text view element into it is not possible in case of table cells.
One of the solution can be....just add a text view control as the cell editor n sets the following properties :
For text view: Set 'Wrapping' to true.
For table column: Set 'Resizable' to true.
Hope it serves your purpose.

RoboHelp 7 to 9 : Table Cell Padding

HI All,
I very recently upgraded from TCS 1.3 with RoboHelp 7 to TCS 3.5 with RoboHelp 9. Yeay! All is good so far except one little niggle. . .
I use tables frequently in my source files to set out information. In RH7 I did this through Table > Insert > Table... Select number of rows and columns then click OK.
When I did this I could see that RH had automatically added padding to the table cells. If I added text into the cell there was a small gap between the table border and start of the text.
When I perform the same action in RH9, the padding appears to be missing (highlight a table cell and skip over to HTML view). I can't figure out how to add this automatically.It could get a little tiresome if I have to add it for each table cell from now on in order to be consistent with the tables already in my project. Manually adding a margin from the Table properties dialog appears to make no difference. Even when I set the margin to be outrageously huge, my text still butts right up against the table border.
So, does anyone know how I can set my table cells to automatically have the same padding as they did in RH7?
Any ideas or help are welcomed. Thanks guys!
Lil

Presumably, after reading the Table Styles topic in the help as well as your tour Peter, my existing tables stay as is unless I apply a table style to them but I have to create a style for any new tables I add into my project files?
Yes to all questions. At some point it may be worth converting your inline tables to CSS though so that future changes are just at CSS level.
You don't mention in your tour Peter whether the mapping issue across to printed documentation has now been fixed in RH9?
If you mean what I think you do, not that is still an issue.
Having attempted to create a table style, I'm now trying to work out why if I choose to apply formatting to the 'Whole Table' and set the borders to 'Solid', '1px', 'All Borders' and 'Silver', I get an outline around the whole table rather than all cells bordered. Confused?!!
The table editor is a nightmare. Whole table means the outer borders, not the whole table, as one might reasonably expect. I think the trick is to set borders for odd rows as top left and even rows as bottom right, something like that.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Vertical alignment in table cells not working in generated output

Using RH9 WebHelp. I have created a simple table style. Because I could not find out how to make cell vertical alignment (top, center, bottom) part of the style definition, I have been applying it manually to individual whole tables using the cell alignment properties.
This worked fine for a while, but at some point I noticed that even though the tables look right in Design view, with top-aligned cells contents, it gets hosed in generating output and all tables now come with vertically centred cell contents even through the in-line formatting for top alignment is still there in the code.
Any ideas?

Hi Mike,
I'm confused to where you applied the vertical alignment. Normally, I would set this for the table cells and not the table.
CSS has indeed an order in rendering: There is a point system for determining the CSS to apply. See http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-understanding-css-specific ity/ for a short introduction.
And as an extra to the point system, the place where the styling is present, also determines the styling. Browsers use the following hierarchy (in descending order)
User style sheet defined in the browser.
Inline styling.
Style block in page.
External style sheet
You can overwrite styling from a lower order using the !important declaration. You can use this to make sure that inline styling will not be able to overwrite styles from your style sheet. (Unless the inline styles use !important themselves.) Example:
table.mytable td {
vertical-align: middle !important;
This will make all the content of table cells in the table with the class mytable to be vertically centered.
Greet,
Willam

Table Cells with dotted or dashed borders

I created a table and to a number of cells created either dashed or dotted borders of various sizes. When I create a PDF, the dashed and dotted lines only show up as shaded lines. I have tried changing a number of PDF settings and still no luck. Can anyone help? I am working in FrameMaker 10 and Acrobat XI Pro.

> ... a way to create a border for a table cell that has a dotted or dashed line?
If you don't need FM access to cell contents (variables, xrefs, list-of-Tables, etc.), consider doing the tables in a spreadsheet. If the data originates in a spreadsheet, of course, it's usually not worth the effort to transfer the cell data to FM tables anyway, if only due to the risk of transcription error.
LibreOffice or OpenOffice "calc", for example, have many more border/cell options than FM, and can trivially Export Selection to PDF. FM then imports the PDF. Although FM hasn't access to the cell text, it is worth noting that it will be full-text searchable/selectable in the PDF, and not just a graphic. The visible preview image during FM edit is low res (72 dpi) however, unless you use scaling tricks.
MS Excel might also work for this data flow. I only ever use it to re-save a .xls or .xlsx to .ods. What little playing around with it I've tried suggests that rendering a print region to PDF might work, but I don't see any quick way to export selections.
In FM versions earlier than 8, convert such PDFs to EPS using Illustrator or Acrobat Pro. PDF import is unstable in 7x and earlier. We have an AI batch process set up for this, and doing tables this way is easily worth this extra step.

Robohelp HTML 9 hyperlinks in table cells help

Hi,
I'm creating a table in robohelp html 9 and adding hyperlinks in the table cells. If the hyperlink is the first word in that cell robohelp is adding styling code to the link eg <td><a href="#" style="color: #0000ff; text-decoration: underline; ">test</a></td>.
If I add a link to the second word in a table cell the styling does not appear or even if I add a space before the link the code does not appear eg <td> <a href="#">test</a> </td>.
The code appears when I flick between design and HTML views but it does not make any difference in which view I create the link.
No matter how many times I delete this code is keeps coming back. Can anyone please help me? Is there some default that gives this the styling code?Does anyone else get this issue?
A table with the different examples is below. It was created in design view by clicking table>insert table>OK. Links added by clicking the insert hyperlink button.
<table style="border-collapse: separate; border-collapse: separate;" cellspacing="0"
         width="33.333%" border="1">
    <col style="width: 100%;" />
    <tr>
        <td><a href="#" style="color: #0000ff; text-decoration: underline; ">test
         that has the added code</a></td>
    </tr>
    <tr>
        <td> <a href="#">test with space in front of link</a> </td>
    </tr>
    <tr>
        <td><a href="#" style="color: #0000ff; text-decoration: underline; ">test</a></td>
    </tr>
    <tr>
        <td>A <a href="#">test</a> </td>
    </tr>
</table>
Thanks in advanced

I have the same problem with those stupid links in tables - I've been working on this for HOURS and HOURS...... Based on previous experience, I assumed it must only be me and an ill-formed stylesheet. The table/link issue just came to my attention because I am in the process of changing styles/formats to a new company standard (new link color) and thought I really screwed my CSS up as I was changing things!
My only workaround thusfar has been to rewrite some data in the tables so that text will precede the link (yes, I did). And where I just couldn't do that, I resigned myself to the problem and forced a different color on the links (changing the #0000ff). One plus was that RH didn't rewrite the color code once it was changed manually..... but then I realized later that I didn't consider the hover color when I did this, so I now have to go back and correct them.
So glad to find your post...........
I played with the idea of adding hidden text, but was worried that the problem was really a result of an issue with my CSS and doing that wasn't the proper way to fix it.   So, without guilt, I took Rick's suggestion and added an invisible dot/period at the beginning of every link in a table, when that link is the first or only content in the td. Did the trick! Now the links assume my declared css style!
I submitted a bug report.......
Thank you!!!

Hyperlink in table cell ?

Hi All,
We require to navigate to a path for each row in the table control. Is it possible to have a hyperlink in a table cell for each row? or do I use button cell to do the same ?
Regards,
Kanu
Solved!
Go to Solution.

Hi Wolfgang,
Thanks for your reply. I understand that a text message control can be made a hyperlink as per simple.cws example. However, I don't know how to do the make a string cell of a table a hyperlink. Even though, I set the cell attribute as VAL_CELL_STRING, how do I make it a hypelink ?
Regards,
Kanu

Tutorial for hyperlinking table cell

Similar Messages

Maybe you are looking for