LinkToURL with image rollover

Hi
I need to create an LinkToUrl object with image rollover.
It's possible? If isn't possible there is another way to have a similar effect?
Thanks to all
Andrea

Hi,
Access the below link which shows you the entire attribute of LinkToUrl functionality.
http://help.sap.com/saphelp_nw04/helpdata/en/c5/dc99f5d1b1504aa0045a7070a0f500/frameset.htm
Hope it helps.
Regards,
Guru.
P.S :- Close the thread if your problem is solved and consider to reward points.

Similar Messages

What's the best method for a nav menu with image rollover for all visitors?

Hi.
First, thanks for reading this.
What's the best method for a nav menu with image rollovers for all visitors, including PDAs? I've used JavaScript rollovers for years because the majority of my customers' visitors use some version of IE (past 7.0) but I'm building a new site that has to display properly for the widest range of visitors imaginable. (I also know that I need to use a more modern method for everyone and this is my excuse to start).
Finally, using images is critical. I apologize ahead of time to anyone I offend, but I have never seen a nav menu without images that doesn't look just plain terrible.
Thanks.
Fitz21

If you want the best menus possible for Dreamweaver look no further than Project Seven:
http://projectseven.com/
They have all kinds of menus and other extensions available for purchase. Easy to use and they work as advertised. I personally use Pop Menu Magic and Tab Panel magic myself. I could go on and on, but I guarantee that if others respond they will echo the same sentiment for Project Seven.

Invisible submit button with image rollover

I have a need to combine a rollover image with a form submit
button. I need the submit button to not be visible except for those
that know where to look.
I have a database query that displays rows of data. Each row
has a checkbox to select that item, so the data table is in a form;
the checkbox is a cfinput. In order to pass the parameters of the
checked items, a submit button must be used to submit the form
values.
My need is for the submit button to be the rollover image.
Only users that know where to find the rollover image will be able
to submit the list of checked form values. "Regular" users
shouldn't be in that area of the screen.
So, a combined rollover image submit button is needed.
Ideas? Thanks...Rick...

document.yourformname.submit didn't work.
But then discovered that the href value needs to be empty (or
"#") to work. This code works: (rollover images with the submit()
code):
<a href="#"
onClick="javascript:submit()"
onmouseover="MM_swapImage('Image9','','images/change-meeting-date.png',1)"
onmouseout="MM_swapImgRestore()">
<img src="images/blank-hidden-area.png"
name="Image9"
width="111"
height="11"
border="0"
id="Image9" />
</a>
When, in DW, you add the rollover image, you need to leave
the href value empty. I suppose that lets the submit button use the
<cfform action...> value as the results page, letting the
form values pass to the results page.
Now, the next step is to have two different rollover images
with submits() that point to two different result pages, while
still using one cfform. (Two submits in one form, each submit
pointing to a different results page.)
...Rick...

JavaScript Image Rollover with html:image ?

I've got a website I'm developing in which I have a submit button as well as a button which pops up a google map within my web page. I've currently got the buttons working and doing what they are supposed to do, but I'm having trouble with a rollover image effect.
The method I'm currently using looks something like...
For my page with the submit button:
<html:image src="images/spacer.gif" styleId="sButton">
</html:image>
For my page with the button that pops up a google map:
<html:image src="images/spacer.gif" styleId="mButton" onclick="javascript:blahblahblah">
</html:image>That's what I'm using to display the buttons on both pages and the functionality works. Next up is the basic CSS I'm using for the image rollover effect...
For the submit button...
#sButton {
display:block;
width:100px;
height:100px;
background-image:url(submitImage.jpg);
background-repeat:no-repeat;
#sButton:hover, #sButton:active {
background-image:url(submitImageHover.jpg);
background-repeat:no-repeat;
For the map button...
#mButton {
display:block;
width:100px;
height:100px;
background-image:url(mapImage.jpg);
background-repeat:no-repeat;
#mButton:hover, #mButton:active {
background-image:url(mapImageHover.jpg);
background-repeat:no-repeat;
}And that's basically it. So as you can see, I'm using the <html:image> to give myself a submit button type thing which works perfectly in both cases. To try and make it have a rollover image effect I'm setting a styleId and then in my CSS declaring a default image and then a hover/active image. Back in the <html:image> tag, for the required src attribute, I've just got a spacer.gif which is a 1 x 1 image that is 100% transparent.
The effect, at least in the Gecko based browsers I've tried, such as Firefox, is that you don't see the spacer.gif even though it is there, and all you see are the CSS background images which changes on hover. This even works in IE7.
My problem... Internet Explorer browsers prior to 7 aren't doing the image rollover. The buttons still work, but I can't get the image to change just using the CSS... Any tips on a way to still use this method or to still use <html:image> but to use some sort of javascript solution?

Thanks for all the quick help on this one... I got it to work just like I was hoping.
bodhi-firestarr... You got me thinking and so I went and tried to search for a way to use that particular javascript method with the <html:image> tag. This brought me to the solution that I could use styleId just like an id and then getElementById in the javascript.
Unfortunately, this only partially solved my problem... It made the submit button work through both CSS and JavaScript, but my map it button still wasn't working. My map button is inside of a loop generating a button for a set of results. If I used the getElementById method it would use the same id for each one causing problems. When I tried to add some sort of index to the end of the Id to fix this, it messed up my CSS, but that's when...
gmachamer, you came up with just the solution I needed. I had no idea property actually translated to name. Once I knew this I was able to use property and got everything to work.
Thanks again everyone!

Image Rollover issues with IE

I am working with CS4 and trying to do a simple image rollover exercise for a class I am taking, I have selected the initial image and the replacement image and a link. When I go to view the image rollover does not work but the link does. I veiwed in Firefox and Opera and the rollover works as expected.
Any Ideas?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">

</script>
</head>
<body onload="MM_preloadImages('images/triangle.gif')">
<p><a href="http://www.trilateral.org" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('trilateral','','images/triangle.gif',1)"><img src="images/square.gif" name="trilateral" width="84" height="83" border="0" id="trilateral" /></a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
Here is the code, it works in Opera and Firefox but the mouseover changing to the square to a triangle does not work in IE but the link works.
Appreciate any insight you can provide.
Ron

CSS Rollover Menu with Images and Current Page Indicator

Hello.
I have found a very interesting video here: http://www.youtube.com/watch?v=vv8cRYGCvIY about creating a CSS Rollover Menu with Images and Current Page Indicator (I tested it and it is working fine).
I have a web site with 15 pages based on a template and I want to use that video sample to do the same thing on my web site.
Please tell me if I can use the sample from the link above to do that.
What should I change in the css file (what new class should I make) to make this work on a web site based on a template ?
Thank You !

I don't know about that video tutorial but a sitewide persistent menu indicator ('you are here' highlighting) is very simple to do with CSS classes.
Details and code examples below:
http://alt-web.com/Articles/Persistent-Page-Indicator.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Why is my image rollover not working in Firefox?

I am starting a new site. In the middle of the page on the right, I have a simple image rollover effect for the UPCOMING EVENTS button. It is also supposed to link to another page (not designed yet). It works in Explorer, not in Firefox. How can I fix this? I suppose I can revert to javascript but it adds a lot of coding to the page. I don't know what to do.    http://jeannettedutton.com/MLVC/

In Menu.css, change this -
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
    top: 100%; /* 100% is at the bottom of parent menuItemContainer */
    left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                    and your personal taste.
                    0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                    on MenuItemContainer and MenuItem on the parent
                    menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                    the dropdown with the left of the menu item label.*/
    z-index:0;
    overflow:visible;
to this -
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
    top: 100%; /* 100% is at the bottom of parent menuItemContainer */
    left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                    and your personal taste.
                    0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                    on MenuItemContainer and MenuItem on the parent
                    menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                    the dropdown with the left of the menu item label.*/
    z-index:999;
    overflow:visible;

Some nagging CSS image rollover questions

Hi,
I'm using DW CS4 here. I finally got a Top Horizontal Inline CSS navigation to work with CSS image rollovers. Here's the site:
http://www.brightbeltmusic.com
And here are my questions:
-Why, when my original images are 90 px wide x 30 h, do I have to cut the width in the code to 84 px to make things line up?
-I can't seem to set the images by obvious pixel widths - any little thing throws the whole navigation onto the next line and so I have to set the 'Up' image as a repeating background, while shortening the actual image link itself. Is this right? It seems to "work" here but maybe barely.
-Padding seems to always be set in 'ems' - so how many pixels are in an 'EM' ? This is so I can figure out the width issues I always seem to have when I want horizontal rollover images...
-Margin for a # ul apparently effects the very end/outside of the list....Is there such a thing as margins for the individual # li ?
I guess I need a good pointing to a image rollover tutorial for Horizontal inline navigation.
Many Thanks for any help. It just seems like I play a guessing game on the pixel details when I'm trying to construct these types of mavigation.
Thanks, Frank B.

brightbelt wrote:
Hi,
I'm using DW CS4 here. I finally got a Top Horizontal Inline CSS navigation to work with CSS image rollovers. Here's the site:
http://www.brightbeltmusic.com
And here are my questions:
-Why, when my original images are 90 px wide x 30 h, do I have to cut the width in the code to 84 px to make things line up?
Probaby because you are not taking into account padding, borders and margins which add to the width of the container/s
brightbelt wrote:
-I can't seem to set the images by obvious pixel widths - any little thing throws the whole navigation onto the next line and so I have to set the 'Up' image as a repeating background, while shortening the actual image link itself. Is this right? It seems to "work" here but maybe barely.
Mathematicis is critical to the set up. As stated padding and borders, margins etc add to the overall width of a container. So if the containers are too wide to fit in a specific width they will be thrown to the next available space, usually to the next line.
Example: a container which is set at a specific width of 90px and has padding left and right of say 8px is really 106px wide. Therfore if you're trying to allocate space for 6 buttons where each is 90px wide and has 8px padding left/right you need to allocate a space 6 x 106px plus any borders.
brightbelt wrote:
-Padding seems to always be set in 'ems' - so how many pixels are in an 'EM' ? This is so I can figure out the width issues I always seem to have when I want horizontal rollover images...
Personally I would never recommend setting padding in ems. Certainly ems and px don't mix and match very well.
brightbelt wrote:
-Margin for a # ul apparently effects the very end/outside of the list....Is there such a thing as margins for the individual # li ?
li's do have default padding and margins set so these need to be zeroed out.
li {
margin: 0;
padding: 0;
As an experiment copy all the code below, open a new Dreamweaver document and paste it into code view, save it to your site folder with the name navigationTest.html. Run it through a browers and see what the results are like.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
#navcontainer {
width: 775px;
margin: 0 auto;
background-image: url(navUp.gif);
background-repeat: repeat-y;
overflow: hidden;
#navcontainer ul {
width: 547px;
padding: 0;
margin: 0 auto;
background-image: url(navUp.gif);
#navcontainer ul li {
width: 90px;
float: left;
margin: 0;
padding: 0;
list-style: none;
#navcontainer ul li a {
background-image: url(navUp.gif);
background-repeat:no-repeat;
color: #fff;
text-decoration: none;
font-weight:bold;
width: 90px;
display: block;
text-align: center;
float: left;
border-right: 1px solid #069;
padding: 5px 0;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
</style>
</head>
<body>
<div id="navcontainer">
    <ul>
    <li><a href="index.htm" style="border-left: 1px solid #069;">Home</a></li>
    <li><a href="Contact_Us.htm">Contact</a></li>
    <li><a href="Profiles.htm">Profiles</a></li>
    <li><a href="Catalogue.htm">Songs</a></li>
     <li><a href="BBL.htm">BBL Label</a></li>
    <li><a href="Jazz_links.htm">Links</a></li>
    </ul>
</div>
</body>
</html>

How I do I create a horizontal menu with images as background?

Apple OSX.6.7
Dreamweaver CS 5.5
Template: 2 column fixed, left sidebar, header and footer
I have tried the spry horizontal menu available through the Insert panel in Dreamweaver 5.5. I thought I could set background images on the li elements, attaching via CSS and using IDs on each li. So far nothing is working especially well, and I'm fried.
What is the best way to create a horizontal menu when you want to use a background image? At this point, I'd be fine with using one image background and relying on the anchor pseudo classes for hover and active. The menu doesn't have to be an image rollover. It just has to enable me to keep the part of the banner image that descends into the menu area.
My goal is to do everything using CSS instead of resorting to a table for positioning the menu elements.
Thanks for your input.

Customizing Spry Menus
http://foundationphp.com/tutorials/sprymenu/customize1.php
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How can I have a browser image that scrolls with images on top of it scrolling in tandem -

How can I have a browser image that scrolls with images on top of it scrolling in tandem - so the background is a hexagon pattern with small images inside some hexagons and I want them all to be scrollable as a user uses the browser scroll bars. At the moment the background image jumps when I preview so the small hexagons all become out of alignment. Any tips appreciated. I have browser image set to tile - pinned at the middle and set to scrolling - the small images are not pinned -

Thanks for your answer - The images on the top layer are also links and change to show they're links on rollover - so I wanted to keep them as separate graphics - and it works to a point but when I preview the page in a browser the tiled browser image always moves no matter how I pin it and then everything becomes unaligned. Any further suggestions appreciated.

Trouble with image restore on dreamweaver cs3

I am a GoLiver trying to learn Dreamweaver. I am having a problem with image restore on the rollover. Here is the url
http://www.allthegills.com/meadowcroftweb
Not sure where I went wrong.
Thanks for any help.

The onmouse over and out need to go in your href tag. You have them in your img tag. Should look like this
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('index','','images/img_over.gif',1)"><img src="images/img.gif" alt="whatever" name="index" /></a>

I want to make a slideshow to view on my television with image's duration ranging from seconds to an hour or more and I want to use my iPhone or iPad mini to control the television through my Apple tv. I've been unable to locate an app that will do this.

I want to make a slideshow to view on my television with image's duration ranging from seconds to an hour or more and I want to use my iPhone or iPad mini to control the television through my Apple tv.
I've been unable to locate an app that will do this. The Photos app that comes with the phone or iPad has extremely limited duration controls. PhotoStream seems to load everything from my phone or iPad not allowing me to just load up a set group of images.
iPhoto for iPad is getting some terrible recent reviews. I tried a couple other free apps but they don't use Airplay.
I can do something like this with iPhoto and my MB Air, but it's kind of ugly to have the computer open in order to connect by Airplay to my Apple TV. I've thought the iPad or iPhone would be a lower profile controller.
Am I out of luck?

Thanks for your help. Since I'm uninterested in loading all my photos (the only option) into photostream, I won't be able to use the settings in ATV. I guess I'm just stuck with using iPhoto on my MB Air. Thanks again.
paul

WYSIWYG editor upload with images

Hello, friends!
I need help solving following problem:
I need to create WYSIWYG editor, which just to enter text and image. Other options (like font-size, font-weight...) not need. Then when submit the form with richedit, all data in form with images must sent to server.
1) images must upload
2) text must content following: text <img="src=../image1.png"> text <img="src=../image2.png"> text
or maybe all images must save as a blob data
Help me, people!

Is this an Oracle question?

Online banking site now shows login page as text-only; on different computer it still shows page with images and clickables -- is there a fix?

Previously when I logged in to my INGdirect online bank account, the login window came up showing images and clickable hotspots. Recently, the login window changed to a text-only version. On two different computers running Firefox, the login comes up in the previous version, with images and clickable hotspots. I'm unaware of having done anything to change my settings either in Firefox or on the banking website. Because it seems to be localized on this computer, I've tried downloading latest version of Firefox, but got no change, login still comes up in text-only format.

Try clearing your browser cache.
Tools > Clear Recent History... - hit Details and make sure only Cache is selected, then select Everything and hit the Clear Now button.

Problem with Image file

Hi,
Iam facing with one problem.I have one swing interface through which I can upload files(back end servlet programme).Now I can upload all types of file but problem with image file it uploading perfectly that means size of the uploaded file is ok but its format damaged.It can not be open.My backend servlet programme is ok coz i tested it with html form it is working perfectly.Problem with swing interface.Plz guide me where I done a mistake.Below r my codes:-
ImageIcon Upload=new ImageIcon("images/Upload.gif");
     Button=new JButton(Upload);
     Button.setToolTipText("Upload");
Button.addActionListener(new ActionListener()
public void actionPerformed(ActionEvent e)
          int returnVal = fc.showOpenDialog(ActionDemo4.this);
          if (returnVal == JFileChooser.APPROVE_OPTION) {
          File file = fc.getSelectedFile();
String aa=file.getAbsolutePath();
          textArea3.append(aa);
               textArea2.append("Local URL:");
long l=file.length();
          try
          byte buff[]=new byte[(int)file.length()];
          InputStream fileIn=new FileInputStream(aa);
          int i=fileIn.read(buff);
          String conffile=new String(buff);
          String str1=textArea10.getText();
url = new URL ("http://127.0.0.1:7001/servletUpload?x="+str1);
     urlConn = url.openConnection();
     urlConn.setDoInput (true);
     urlConn.setDoOutput (true);
     urlConn.setUseCaches (false);
     urlConn.setRequestProperty("Content-Type","multipart/form-data;boundry=-----------------------------7d11e410e500f2");
     printout = new DataOutputStream (urlConn.getOutputStream ());
String content ="-----------------------------7d11e410e500f2\r\n"+"Content-Disposition: form-data;"+"name=\"upload\"; filename=\""+aa+"\"\r\n"+"Content-Type: application/octet-strem\r\n\r\n\r\n"+conffile+"-----------------------------7d11e410e500f2--\r\n";
printout.writeBytes(content);
printout.flush ();
printout.close ();
Best Regards
Bikash

The errors are here:
          byte buff[]=new byte[(int)file.length()];
          InputStream fileIn=new FileInputStream(aa);
          int i=fileIn.read(buff);
          String conffile=new String(buff); (conffile is a String object containing the image)
and here:
String content ="-----------------------------7d11e410e500f2\r\n"+"Con
ent-Disposition: form-data;"+"name=\"upload\";
filename=\""+aa+"\"\r\n"+"Content-Type:
application/octet-strem\r\n\r\n\r\n"+conffile+"--------
--------------------7d11e410e500f2--\r\n";
printout.writeBytes(content);conffie is sent to the server but
it's non possible to treat binary data as String!
Image files must be sent as byte[] NOT as String ......

LinkToURL with image rollover

Similar Messages

Maybe you are looking for