HTML - Best Way To Do This Mouse Over/popup
I want to put a link on my page, and when the viewer puts the mouse over, I want there to be a choice of two links to choose from and click.
What's the best way to do this and is there any disadvantage to the method? Similar TutorialsHello, I have a quicktime that I turn into a flash file then into an swf for our website. It plays out beautifully except I have two problems, I need it to link to another page when clicked and I need the mouse to change to the hand icon when hovering over it. I as able to figure out the link part for most browsers except Internet Explorer. Any advice on how to get the icon to change for an swf file and hopefully think link for internet explorer. thanks for your time kevin I have the following code for a sign up form. I want the button to change when the mouse hovers over. Can someone help me? The button that I want it to change to is: sign_up_mouseover.png <ul class="site-nav2"> <p> </p> <FORM ACTION="https://app.expressemailmarketing.com/Survey.aspx?SFID=75036" METHOD="POST"> <div align="center"> <span class="style20"><FONT FACE="arial, helvetica">Sign up for our Mailing List </FONT></span> <BR> <input type="TEXT" name="email" /> <BR> <INPUT TYPE="IMAGE" SRC="images/sign_up.png" ALIGN="ABSMIDDLE" BORDER="0" /> <INPUT TYPE="HIDDEN" NAME="SkipSurvey" VALUE="FALSE" /> </div> </FORM> </ul> Attached is what the form looks like now. You can see it at www.bigdogcattle.com Thanks Jamie http://pavel.free-site-host.com/ I have a couple of problems with this layout. First of all I have set up a script for mouse over sound over the nav, but when i mouse over nothing happens. Next I have set up another script that has random images but for some reason it has made the layout unaligned. Last, towards the bottom it has a blank spot for a search (for the web-site) could somebody explain how to create a search for the content inside the site. Thank you in advance Hello Can any please explain me how to create a mouse over description within a table . I have created a table using <div> and I want a small box to be opened when mouse moves over each row and column a describe about the row. I have seen some examples regarding mouse over , but they haven't helped me . Can anyone please help me. on this site, when you put your mouse on an image, it enlarges, that seems better than have people click and it goes to another window. How is that done, I look a little for a java script to help, but I didn't find the mouse over one link below shows what I mean TIA http://www.redcrossstore.org/Shopper...8&LocationId=0 can any1 please tell me if they know of any mouse over codes i googled for a few and i tried like 5 of them so far with no luck i can publish a page and list the codes attempted if nessisary but i thought id see if any1 knew 1 that works for them 1st... its for a banner im making to flash to a different picture on mouse over Hi all, I'm looking to change the text of a link on my website. For example; I want "Link 1" to change to "Coming soon" when the user rolls their mouse over the link. I've searched for the forum but I couldn't find anything that covered the same question as mine. Hopefully someone will be able to help me with this. Thanks! I have a web window haviing many buttons like * Home * Free help * Tips * Dictionary * Forums * Links * Contact I need to store every clck on these buttons in an excel sheet. For example if I clck on "Home" button one record sholuld be created in excel sheet (1. home) next if I click on "Tips" another record may be created (2. Tips). Clicks on other than buttons should be ignored. Instead of an excel sheet an HTML document from my choices is sufficeint for me. Can anybody help? Hi I created a table with multiple rows and coloms.. I want show image on purtical table element after user clicks it. do i need tha help of javascript... i am already using javascript to display table.. can i use one more script in javascript Hi all, I am creating a web site which sell damaged cars. And I am trying to implement the feature of making small pictures large. Well, the way i wamt it to work is that 6 small pictures of the car at different angles will be displayed in a pop-up window. I have achieved this part of the project but i am havin issues with allowing the user to place the mouse over the small picutue and in a different area in the text box a bigger picture of the small picture appears. Here is the code i have for the pop-up see www.hitcars.com and click on the INVENTORY LINk found on the right hand top corner and then click on one of the cars to view a larger picture I would like to know how i can accomplsh this effect I am working on my 3rd navigaition, except this time i need the images to change when the mouse goes over them. How should i go about doing this? I have seen many ways but i want to hear what you think the best way to do this is. How can a link be underlined only when mouse is over it? ie. when mouse is not on the link, its not underlined, and when mouse is over then link, a line apears under it. Please tell me.. I have set up a navigation bar with mouse over & links. They seem to work fine however when I try to label the buttons using a layer of text they dont seem to work anymore. The mouse over changes color correctly and the click on the button works fine EXCEPT where I placed the text over the nav button. In other words I have a dead spot where the text appears on the button. I need to have a total of eight buttons on the page so I am trying to avoid creating a total of 16 graphics (2 for each button). I tried to play with the layers of the text but that did not help. I am fairly new at this so please forgive if this has been asked. Thank you. Ok i'm very new so please be as specific as possible in answering! Thanks! I'm making a site with music reviews, so i want and easy way to cataloge the artists. I have seen on other sites where they will have the letters of the alpabet in a row at the top. Then when you roll the mouse over each letter the bands beginning with that letter appear on the same page. No links, but the page changes when the mouse rolls over another letter and so on. I hope i made that as clear as possible. Thanks, and again be as basic as possible! I am desiging some webpages. so if we see this website www.symphonysv.com, there we can see some text in the middle row. when we point those texts with mouse, the image in the side changes. How to do this........... Thanks, Vinutha. i want to develop a mouse trail that just looks kind of like you just drew a line. then, the line will slowly (but constantly) disappear from where it started. i had the idea, i thought it would be neat (and simple enough), then i found a site that had it. it was in flash though. this is the site so you can see what i want: (here you have to click and drag to see it) http://www.notwist.com/flash/main.html please help me get this trail. Hello, I have a website with registered users and i want to create a work space for each user where they have the option of moving about 10 to 15 container boxes freely into that workspace and save their positions so when the users login again they stay in the same order. The boxes will contain some graphics, static text, js and a form. How would i go about this ? Thanks you! Hello. Im beginner in html. I have icon and when i click on it, a link will open. I would allso like to do this: when mouse is on the icon - a textbox will appear with a text "NEW product!". The Textpox shoud not be any larger that the text itself and i like to know how to position the textbox. I hope it should be simple. Can someone please give me an example code? Thank u! I'm using 'hide and show' frames on my site and use button images to show and hide them. I would like the cursor to change when they hover over the button to show that they are a link or will do something. At the moment the arrow stays just as it is. You can see the problem on http://www.islandcottageholidays.com Thank you in advance Oliver How can I get certain links to change color when the mouse hovers over it? I found this site: http://www.computerhope.com/issues/ch000075.htm, that explains how to do it, but my situation is a little more complicated. I only want certain links to change color, not every link on the page. Specifically, I want only those links that are members of the class "menu_links" to change color. I have something like this: Code: <styles> a.menu_links { ... ... ... } </styles> . . . <a class="menu_links" href...>...</a> How can I integrate the notation given in the link I provided (i.e. A:link, A:hover,...) with a class name? I tried things like: Code: <styles> a.menu_links:link {...} a.menu_links:hover {...} </styles> and Code: <styles> a:link.menu_links {...} a:hover.menu_links {...} </styles> but these didn't seem to work. Any suggestions? |