Wrapping an Image with a Hyperlink Dynamically

I am looking for some help on how to use Creator components, and maybe a little HTML.
I have an image on my page that would like to use as a hyperlinked image sometimes and the rest of the time I would like it to just be a simple image. I have tried wrapping the image in a Hyperlink component and a Link Action component, but the only way that I've come up with to disable the links is to set the rendered property to false. However, when you do this Creator considers these two components as containers and also fails to render the wrapped image.
I guess that I could use 2 simple Output Text components on either side of my image and write the HTML directly to accomplish this. This doesn't seem like a very clean solution, though. How else can I solve this? Does JSF offer a more elegant solution to my problem?
Thanks.

Hi,
In Creator 1 it is a bit of a jugglery act to have an image act as a hyperlink at times and just as an image at others. Here is what I would try, have two image components, one is inside the hyperlink and the other outside. Alternately set the rendered property to true / false to them according to the condition. Also I would have both of them in a group panel.
Incidentally a component called Image hyperlink is available in Creator 2 EA 2. This has a disbaled property which makes it easier to do what you are looking for.
Hope this helps
Cheers
Giri

Similar Messages

How do I embed an image with a hyperlink in an Outlook email?

What's the best way to create an email (in Outlook for Mac) with an image (embedded) that contains a hyperlink?
To be clear, I want to embed an image in the message that contains a hyperlink, I don't want to attach a PDF with a hyperlink. thanks

Ask Microsoft... the owner of Outlook
http://search.microsoft.com/search.aspx?mkt=en-US&setlang=en-US

Can you wrap an image with a link in an html email signature?

When I cite a remotely hosted image in an html signature, and try to make that image a link, the link is ignored and the just the image is shown.
e.g.:
<a href="https://www.facebook.com/pages/Ubiquia/146019678805381" target="_blank">
<img style=" position:absolute;
height:30px;
width:30px;
left:172px;
top:157.5px"
src="http://png.findicons.com/files/icons/2779/simple_icons/48/facebook_48_black.png" alt="ubiquia facebook" moz-do-not-send="true"
>
</a>

For each icon that you want to use in your email signature:
locate icon on internet webpage - right-click on the icon and select 'Save Image as'. Save the icon to your computer in a suitable file.
Then in Thunderbird
insert > Image
choose file - locate the saved icon on your computer
click on Link tab and enter the www etc webpage link info
click on OK to insert image with link.
Codewise, where you have the actual icon you would need something stating where the icon is located:
eg
<a href="https://www.facebook.com/pages/Ubiquia/146019678805381" target="_blank">
path to image saved on computer included in within <> </a>

Images with embedded hyperlinks do not function in Yosemite Mail

I'm running Yosemite 10.10.2 on a 2012 iMac.
I send out a newsletter with images and hyperlinks embedded in those images. You click on an image, and your browser takes to to a specified web location.
In Yosemite, Mail allows you to embed hyperlinks in an image... just highlight the image, press Command K and enter the link.
The link even shows up when you hover the mouse over the image, but...
No users of Yosemite that receive my newsletter can click on an image and activate the hyperlink.
This worked fine in other versions of OS X.
Any help here would be appreciated.
I'm at a loss to understand why one of the most important and basic programs in Apples OS X, has such a glaring flaw.
Thanks
John C

There is an issue with Cmd-K in Mail when used with certain URI, which may explain why some have not encountered a problem.
If the link you are pasting contains characters that need to be "escaped" (such as the hash, #), Cmd-K strips the escaped characters, and replaces them with the naked character.
Cmd-K converts
this 'escaped' link: http://foo.com/Pages/Report.aspx?ItemPath=%2fMapping+Audit+%232
into: http://foo.com/Pages/Report.aspx?ItemPath=/Mapping+Audit+#2. Because # is a reserved character in the attributes, and is no longer escaped, the link will fail.
Directly pasting the escaped link into Mail, without using Cmd-K, will work fine. But that won't help if you want to add a link to an image or other text.
Best to change the the name of the linked item, if possible, so it does not use a reserved character.

Put in the clipboard, from an VB program, an image with a tooltip and a hyperlink to paste them into a Word or PowerPoint doc.

I tried to put
in the clipboard an image with an associated tooltip
and a hyperlink to paste them into a Word or PowerPoint doc.
I tried to do it with the usual Clipboard's methods SetData and GetData. It's easy to paste an image, text, rich text, html, but it does not appear to be able to associate metadata or hyperlink to an image.
Usally the tooltip
and the hyperlink are in the metadata
associated with the object.
I think it can be done with the CliboardData class and its Data and Metadata properties, working with the different items of the List of Objects, but I don't know how to tackle it.
Any suggestions?
Thank You

I tried to put
in the clipboard an image with an associated tooltip
and a hyperlink to paste them into a Word or PowerPoint doc.
I tried to do it with the usual Clipboard's methods SetData and GetData. It's easy to paste an image, text, rich text, html, but it does not appear to be able to associate metadata or hyperlink to an image.
Usally the tooltip
and the hyperlink are in the metadata
associated with the object.
I think it can be done with the CliboardData class and its Data and Metadata properties, working with the different items of the List of Objects, but I don't know how to tackle it.
Any suggestions?
Thank You
Does word or powerpoint associate a tooltip and hyperlink to an image and then allow that image with those associations to be copied to another open word or powerpoint document? If not then your probably wasting your time.
This code can "listen" for items copied to the clipboard. Needs a RichTextBox on a Form.
Option Strict On
Imports System.Runtime.InteropServices
Public Class Form1
' System.Windows.Forms.DataFormats class http://msdn.microsoft.com/en-us/library/system.windows.forms.dataformats(v=vs.110).aspx
Declare Function AddClipboardFormatListener Lib "user32.dll" (hWnd As IntPtr) As <MarshalAs(UnmanagedType.Bool)> Boolean
Declare Function RemoveClipboardFormatListener Lib "user32.dll" (hWnd As IntPtr) As <MarshalAs(UnmanagedType.Bool)> Boolean
Dim DataFormats As New Dictionary(Of String, String)
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
Me.CenterToScreen()
DataFormats.Add("Bitmap", "Specifies a Windows bitmap format. This static field is read-only.")
DataFormats.Add("CommaSeparatedValue", "Specifies a comma-separated value (CSV) format which is a common interchange format used by spreadsheets. This format is not used directly by Windows Forms. This static field is read-only.")
DataFormats.Add("Dib", "Specifies the Windows device-independent bitmap (DIB) format. This static field is read-only.")
DataFormats.Add("Dif", "Specifies the Windows Data Interchange Format (DIF) which Windows Forms does not directly use. This static field is read-only.")
DataFormats.Add("EnhancedMetafile", "Specifies the Windows enhanced metafile format. This static field is read-only.")
DataFormats.Add("FileDrop", "Specifies the Windows file drop format which Windows Forms does not directly use. This static field is read-only.")
DataFormats.Add("Html", "Specifies text in the HTML Clipboard format. This static field is read-only.")
DataFormats.Add("Locale", "Specifies the Windows culture format which Windows Forms does not directly use. This static field is read-only.")
DataFormats.Add("MetafilePict", "Specifies the Windows metafile format which Windows Forms does not directly use. This static field is read-only.")
DataFormats.Add("OemText", "Specifies the standard Windows original equipment manufacturer (OEM) text format. This static field is read-only.")
DataFormats.Add("Palette", "Specifies the Windows palette format. This static field is read-only.")
DataFormats.Add("PenData", "Specifies the Windows pen data format which consists of pen strokes for handwriting software; Windows Forms does not use this format. This static field is read-only.")
DataFormats.Add("Riff", "Specifies the Resource Interchange File Format (RIFF) audio format which Windows Forms does not directly use. This static field is read-only.")
DataFormats.Add("Rtf", "Specifies text consisting of Rich Text Format (RTF) data. This static field is read-only.")
DataFormats.Add("Serializable", "Specifies a format that encapsulates any type of Windows Forms object. This static field is read-only.")
DataFormats.Add("StringFormat", "Specifies the Windows Forms string class format which Windows Forms uses to store string objects. This static field is read-only.")
DataFormats.Add("SymbolicLink", "Specifies the Windows symbolic link format which Windows Forms does not directly use. This static field is read-only.")
DataFormats.Add("Text", "Specifies the standard ANSI text format. This static field is read-only.")
DataFormats.Add("Tiff", "Specifies the Tagged Image File Format (TIFF) which Windows Forms does not directly use. This static field is read-only.")
DataFormats.Add("UnicodeText", "Specifies the standard Windows Unicode text format. This static field is read-only.")
DataFormats.Add("WaveAudio", "Specifies the wave audio format which Windows Forms does not directly use. This static field is read-only.")
AddClipboardFormatListener(Me.Handle)
End Sub
Private Sub Form1_FormClosing(sender As Object, e As FormClosingEventArgs) Handles Me.FormClosing
RemoveClipboardFormatListener(Me.Handle)
End Sub
Protected Overrides Sub WndProc(ByRef m As Message)
If m.ToString.Contains("msg=0x31d") Then
Invoke(New ClipboardListenerDelegate(AddressOf ClipboardListener))
End If
MyBase.WndProc(m)
End Sub
Private Delegate Sub ClipboardListenerDelegate()
Private Sub ClipboardListener()
If InvokeRequired Then
Invoke(New ClipboardListenerDelegate(AddressOf ClipboardListener))
Else
RichTextBox1.Clear()
For Each Item In DataFormats.Keys
If Clipboard.ContainsData(Item) = True Then
RichTextBox1.AppendText(Item & " .. " & DataFormats(Item) & vbCrLf)
End If
Next
End If
End Sub
End Class
La vida loca

How do I save an image with hyperlinks so it can be put in an e-mail?

I designed an e-mail and used the slice tool to insert hyperlinks. Now I want to save it so that it can be put in the body of the e-mail with the hyperlinks active and usable. Any suggestions?
Thanks!
BI

When you preview the image from the save for web dialog box, it will open your browser to see the image. It also will have the necessary html code needed for the links to work. Just copy that html code and add it to your email code with the image.

HELP!!!! I have spent hours trying to find out how to embed an image with a link or a Microsoft Word document with a hyperlink built within the document -- not as an attachment! Does ANYONE know the secret? Can it be done, or not! My PC clients do it.

HELP!!!! I have spent hours trying to find out how to embed an image with a link, or embed a Microsoft Word document with a hyperlink built within the document -- not as an attachment into my email -- but where it shows as the email content when opened! Does ANYONE know the secret? Can it be done, or not? My PC clients do it all the time easily. Then I want to be able to send the embedded image/document (not as an attachment, but visable within the email when opened) to many email contacts at once, BUT the individuals receiveing them DO NOT SEE the other email contacts. Cannot seem to be able to find anything on being able to do these 2 tasks.PLEASE, SOMEONE, HELP!!!

Don't know if this applies to Lion, but read here:
http://www.makeuseof.com/tag/create-html-announcement-mail-iweb-mac/

Dynamic images with JSP

Hello,
I am using NetBeans to make a WebApp. I have an image to display on Page3.jsp that is generated during the navigation from the previous page, Page2.jsp. This image is a png file, and is unique graph generated for each visitor. Is there a simple way to display dynamically created images? I have searched for tutorials and asked my good pal Google but to no avail.
(FYI: At present, I am saving the images in a folder I have created beneath the 'web' folder, called 'web/images'. Netbeans asks me if I want to reload the image only after the previous, old image has been sent out by the server. I am producing and creating the image with the button_action method of Page2.jsp that then sends the user to Page3.jsp, where the image is to be displayed. Once the image is reloaded, I can refresh the web page and the correct image appears.)
Any help would be greatly appreciated.
Thanks,
Taivo

Although I have never implemented this, I know it is possible and I can point you in the right direction. If you already have the code to create the .png image, it shouldn't be too difficult to modify the image code into a servlet to serve nothing but the image (and leave rest of the html in place). Just as the page is writen to an output stream from the request for page.jsp (by the servlet created by the jsp parser), a request for an image can be handled by a servlet.
//this is in page3.jsp as plain HTML
<img src="/servlet/graph?user=aUser" />This servlet (graph.class) draws ths image, but instead of writing it to a file, writes it to the response stream.
Hope this helps,
Bamkin

Wrap images with h1 question

Is it OK to wrap images on my page with h1 formatting?
http://www.lash-it.com/faq/usetips.html
I'm thinking I could wrap all the info below <h2>USE TIPS</h2> with <h1>, and then create an h1 img rule to center the images and eliminate my class="center_image" rule.

What Murray is saying, the future in web design is going to be more structured using semantics markup. If we regard the page that you have linked us to as a newspaper, we have our heading complete with logo (header), our index (nav) to find our way around, we have notes or comments (aside) that have no direct relevance to our article and our article (article).
The following is the construction of the page (document) for our web site
<doctype />
<html>
     <head>
          <meta />
          <title></title>
          <link />
          <script></script>
     </head>
     <body>
          <header>
               <h1></h1>
               <img />
          <nav></nav>
          <aside>
               <h2></h2>
               <p></p>
          </aside>
          <article>
               <h2></h2>
               <img />
               <p></p>
               <section>
                    <h3></h3>
                    <img />
                    <p></p>
               </section
          </article>
          <footer>
               <p></p>
          </footer>
     </body>
</html>
There are variations to the above, but I think that it shows the hierarchy in using semantic markup and the use of h-elements that Murray was referring to. In versions of html<5, the elements would be written as divs as in <div id="header">. In html5 we can now use <header>. This not only gives the document a cleaner look, but it gives the various parts of our document a meaning. This is important (or will be) for the likes of screen readers and search engine bots.
And to get back to your original post, don't use a header element to wrap the image, the image can be turned into a block element using display:block if required to do so.
Gramps

Generate input text fields dynamically on clicking a image with adf??

Is it possible to generate input text fields dynamically on clicking a image with adf??
The functionality to add and remove text field from UI with ADF??

Yes, you can dynamically add components to a page.
[url http://www.nearinfinity.com/blogs/michael_bevels/dynamic_forms_using_jsf.html]Here is an example - it demonstrates with ICE Faces components, but the concept is the same for any type of component, including ADF
John

Content Query Web Part - Custom ItemStyle.xsl to display image with hyperlink

I don't have access to InfoPath or SharePoint Designer to edit the ItemStyle.xsl. So any solution suggested is preffered to be a manual change to ItemStyle.xsl
I use Content Query Web part (in the main site) to list all the Wikis created in the a sub-site. The idea is to link each wiki to its printable version stored elsewhere.
The wiki has custom column say "Link" that hold hyperlinks to the printable version.
I want to create a column in the content query web part that displays an image (same image for all wikis stored in the site Assets) but on clicking takes me to the printable version page.
I got the image displayed but the hyperlink takes me to the location where the image is stored and not to the printable version page.

<xsl:variable name="PDFLink">
<xsl:value-of select="@Link"/>
</xsl:variable>

<a href="{$PDFLink}">
<img src="../Images/Icon.jpg"/>
</a>

Hyperlink column is treated a little different. The field, by default, puts the URL and then the friendly name concatenated together, but separated by a comma. So I created two variables one that pulls everythng before the comma and the other after. Then
the html "a" tag looks like this:

<xsl:variable name="ActualLink" select="substring-before(@LinkColName,',')"/>
<xsl:variable name="FriendlyName" select="substring-after(@LinkColName,',')"/>

<a href="{$ActualLink}"><xsl:value-of select="$LinkColumnName"/>
<img src="/Images/Icon.jpg">
</a>

Images with hyperlink in javascript - help needed

Hai,
I am having two hyperlinks say, "Good Morning" and "Good Evening". When I am clicking "Good Morning", a small arrow or a picture should display with the hyperlink.
When I am clicking "Good Evening" this one should have the small arrow or a picture and "Good Morning" will be displayed normally (without picture).
How can I do this using javascript?
Did anyone has the code? Pls help me.
<html>
<head>
<title>
Moves the Arrow When Clicked the Headings for Sorting purpose
</title>
<SCRIPT language="JavaScript">
function remove_picture() {
function set_picture() {
</SCRIPT>
</head>
<body bgcolor="peachpuff" width="90%" align="center">
<table>
<tr>
<td align="left">Good Morning</td>
<td>Good Evening</td>
</tr>
</table>
</body>
</html>
- yogee

<html>
<head>
    <style type="text/css">
      #notclicking .highliter {
        display: none;
      #clicking .highliter {
        display: inline;
    </style>
    <script type="text/javascript">
      function showHighliter(elem) {
        elem.id="clicking";
      function hideHighliter(elem) {
        elem.id="notclicking";
    </script>
</head>
<body>
    <a href="#" id="notclicking"
       onfocus="showHighliter(this);"
       onblur="hideHighliter(this)">
      <img border="0" class="highliter"
           src="http://forum.java.sun.com/im/duke.gif"/>
      Good Morning
    </a><br/>
    <a href="#" id="notclicking"
       onfocus="showHighliter(this);"
       onblur="hideHighliter(this)">
      <img border="0" class="highliter"
           src="http://forum.java.sun.com/im/duke.gif"/>
      Good Evening
    </a><br/>
</body>
</html>

Image with hyperlink

In iWeb you can have an image as a hyperlink [email url file etc]. It would appear that in iBooks Author you can only have text as a hyperlink. If that is not the case then how would you turn a 'facebook' icon [*.jpg] into a webpage hyperlink?

Thanks for the prompt help very much appreciated. I guess this is really an issue for the Apple developers given that they delivered the functionality in iWeb it is difficult to understand why it was not delivered in iBA Ant..

Disable hyperlinks/dynamic links from being sent to browser

I hope this is the correct place to ask this.
I've got word documents containing hyperlinks (dynamic) which leads to pictures/movies, the problem I have is that when I convert the document to PDF it insists on opening my links with the browser which then goes on to use the browser settings to deal with the various image/movie file extensions.
What I would like to do is disable this browser part of the equation.
I want to be able to click on the link in my PDF and it will go straight to the file I've pointed it at and open it with the associated program.

There is an article on parameter passing on Portal Studio:
http://portalstudio.oracle.com/pls/ops/docs/FOLDER/COMMUNITY/PDK/
articles/understanding.parameter.passing.html
In the PDK-Java samples there are two parameter passing portlets
(JSP) you can examine.
There is another parameter passing sample portlet that
demonstrates the difference between the GET and the POST method
with and without the reference path:
http://portalstudio.oracle.com/pls/ops/docs/FOLDER/COMMUNITY/PERS
ONALFOLDERS/PMOSKOVI/3DEMOPORTLETS.ZIP
Peter

Problem with PDF hyperlinks

Hello,
I am having a very weird problem with exporting PDF from InDesign (CS3).
Ok, so I create, with InDesign, different pages with hyperlinks (text and graphics) and I export them as a PDFs, making sure the "Include hyperlinks" is checked.
Now the hyperlinks in those PDFs work very well.
My problem comes when I import those PDFs in a new InDesign file and then export again a new PDF (again with the "Include hyperlinks" checked). The hyperlinks of the imported PDFs doesn't work.
Does anyone know about a solution?
Thank you,
Kina

PDFs imported into ID are treated as images. The hyperlinks are not visible in an image. If the hyperlink is a full URL, then it may still be active in Acrobat when viewed because of abilities in Acrobat and Reader but it is user choice and may not work for everyone. See here
http://forums.adobe.com/thread/725103?tstart=0

Wrapping an Image with a Hyperlink Dynamically

Similar Messages

Maybe you are looking for