|
HTML - Show Alt Text On Mouseover
hi
i have this code. for the submit button i am using a pic, but for some reason when i mouse over the alt text doesnt pop up. how can i fix this? HTML Code: <form action="status_c.php" method="post" name="note" target="_blank"><input type="hidden" name="term2" value="<?php echo "$file_id"; ?>"> <input type="hidden" name="bf" value="<?php echo $b_fname; ?>"> <input type="hidden" name="bl" value="<?php echo $b_lname; ?>"> <input align=center type="image" value="Notes" src="images/status.png" width="21" height="21" border="0" alt="Notes" name="Notes"> Similar TutorialsHow on this forum, did they get the text on the mouseover to show the recent post in the threads? I have a IPB board and i want to know how to do this please. I've found some help here already, so thanks in advance to the good folks that help us novices. I have just a couple that need addressing, but they're pretty important to me, so hopefully someone can spell them out. I'll explain them below but here's a quick rundown first: 1.) Wrapping text around a captioned image 3.) A pop-up text bar when a link is moused over. 1.) When I'm posting an image, a caption is almost always necessary. Here's the code I've been using for the image and caption: "<table class="image"> <caption align="bottom">CAPTION</caption> <tr><td><IMAGE LINK></td></tr> </table>" But when I post like that, there's a break between paragraphs to show the image, which disrupts the reading flow. I need a code that will let me post an image, add a bottom-aligned caption, and still have the story text appear alongside the image. NOTE: I've been shown the "align=left/right" code, but where do I insert that in the code listed above?? I've tried right before and right after the image source code, but to no avail. Help, please!! 2.) I'm willing to spend hours to learn this one. Somebody, somebody has to know how to do this one. It's done on this site! OK, here it is. You mouse over a post listing, and a text bar appears next to the cursor. In that bar is the first few lines of the person's post. HOW IS THIS DONE??? For someone looking to find new ways to boost hits on a news site, this is a priceless gem. If anyone knows how to do this or something similar in HTML, PLEASE let me know. Thanks in advance to each and every person who reads this, and a special thanks to those who take the time to help. It means much. aefattwotgm@aol.com I want to show a brief description about something and have a link that says "Show Me More". When the user clicks the link, the rest of the text will appear right below it on the same page. EXAMPLE Elephants are large animals with 4 legs. (Show Me More) <!--Once user clicks "Show Me More", the following text appears--> Elephants bla bla bla bla bla bla bla bla bla bla bla the rest of the content here... END EXAMPLE How should I go about doing this? As an extra, if I want the content that is originally under "Show Me More" to slide down the page when the new text appears, how would I do that? Hi, I am doing a small project. In that I am displaying percentage visually with the help of horizontal line using width. when the user places cursor on that line, is there any chance to show percentage of that line. Eagerly waiting for your replies. Thanks in advance, I found a way to show/hide text-tables-content (divs) in my page using a link, but unfortunately, when I hit that link, the page reloads to the top again, so if it is too long, I have to scroll down again and again... Can I reload page at the scrolling place I was before, or is there a better way to hide/show divs with mouseClick on link or picture? I use this in head tag: <script language="javascript"> <!-- var state = 'none'; function showhide(layer_ref) { if (state == 'block') { state = 'none'; } else { state = 'block'; } if (document.all) { //is IE 4 or 5 (or 6 beta) eval( "document.all." + layer_ref + ".style.display = state"); } if (document.getElementById &&!document.all) { hza = document.getElementById(layer_ref); hza.style.display = state; } } //--> </script> Also, my body looks like this...: <body> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> some text <br> <p><a href="#" onclick="showhide('div1');">Show/hide me</a></p> <div id="div1" style="display: none;">This is the content</div> <p><a href="#" onclick="showhide('div2');">Show/hide me</a></p> <div id="div2" style="display: none;"> <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> This is the content 222222</div> <p><a href="#" onclick="showhide('div3');">Show/hide me</a></p> <div id="div3" style="display: none;"> <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> <td>row 1, cell 3</td> <td>row 1, cell 4</td> <td>row 1, cell 5</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> <td>row 1, cell 3</td> <td>row 1, cell 4</td> <td>row 1, cell 5</td> </tr> </table> This is the content</div> </body> can you show and hide layers with text? I know that you can use the behavior function on images to use it, but i just can't figure out how i can do it with text For example: have a layer in a HTML (hidden), when i put my mouse over a text "testing", it shows that layer, and vice-versa on mouse out. hi everyone ! I've an indented file text (directory to text, see example below ) that i need to convert in the fastest way possible to html with hide/show feature .. how can I manage this ? the list is very long and gets updated -- I i wouldnt want to do that manually .. any clue ? ex ARTIST1 CD1 1-song1 2-song2 CD2 1-song1 ARTIST2 CD3 1-song1 2-song2 CD4 1-song1 should become ARTIST1 ARTIST2 and if u click on ARTIST1 u get ARTIST1 CD1 CD2 ARTIST2 one more click on CD will show the tracks .. any idea ? thanks!F Hello, I am using some Jquery code + CSS to display fade in and out text above each image. However, i can't figure out what I am doing wrong and the text is not being displayed when the user hovers the mouse over each image.. http://www.greekconcierge.com/group.php Any ideas? best regards, Andy why mouseover function still not working for my page http://members.dodo.com.au/~rouslan/...ite/index.html ? e.g. buttons don't change color when you mouse over them. I followed exact instructions provided on http://graphicfreebies.com/scripts/mouseover.txt but still not working. anyone have a clue why is that? what am I missing? I'm pretty new to HTML I want to change my paypal buy now button, to my own button. I have the same button in 2 colors and want to use mouseover to switch between them. The code is an image not a url so I need some help. Here is the code for the image. <input type="image" src="./buy.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> How do I make the mouseover work on that? hi guys i am new here so take it easy on me lol. Ok heres what I am trying to do, on my webpage I have a section called services and I would like the following to happen. I have a line "All aspects of Leadwork from flashings to bay tops and dorma windows" I would like a thumbnail to pop up when the mouse hovers over it ie a thumbnail of my leadwork. Is this possible and can anyone generate a script for me? Thanks steve http://www.dohertyplumbing.co.uk Hi, just wondering how I can code a table which changes on a mouseover, like on this website? Tried looking at their source, but I can't seem to get the right bit! Cheers for any help Joe I'm currently using onmouseover events to call a picture from another location on the same page using: <div> <img name="rollover" src="image.gif" /> </div> and calling images from: <a href.... onmouseover=' rollover.src=" newimage.gif " '> This works fine. What I want to do is call text into another <div> on the same page. Is this possible? I'm relatively inexperienced using JavaScript so any hints would be welcome. I put mouseovers on some pictures, and they work, but for some reason they break after each image. I tried just putting the regular images lined up by themselves and they fit without breaking normally, but when I put them in with the mouseover code they break. I can't explain it I guess, but take a look. http://profile.myspace.com/index.cfm...endid=28553654 It's the batman, dragon, rubber duck, link, and hello kitty pictures. Hello. I am having trouble with a mouseover effect. On some of my buttons they change from blue to red, but on some pages they don't. I have looked at my code and I can't figure out why. Here is my site: www.JakeBurtonMusic.com/drummer You will see that the bio, drum lessons, drum tracks buttons work fine, but it doesn't change color on these pages: contact, gear I have looked at the code on the "contact" and "gear" pages, and I cannot figure out what is keeping them from changing. I am using microsoft expression web to create my mouseover effect in behaviors. Please help and thank you for your time. Hi all. I created a rating system for a web site. However, the same code is used on two diff pages, yet it acts differently. I do have a little change in design between the 2 pages, but not much. Its the stars on the middle right of the page. When you mouseover them, it should change them to the rating (1234 or 5) that you are moused on. However, on the 2nd link below, when you mouse over the 4th star, it doesn't work. It will work if you mouse over the space between the 4th and 5th star, but not the 4th star it self. The one that works is: http://www.bartending.com/drinks_rec...ini&parm=title The one that is having problems is: http://bartending.com/drinks_recipes...arm=ID&celeb=9 Any help you have would be much appreciated =) Thank you =) Light and Love and Healing to you, -Patrick Arden McNally Hi guys, I'm very new to HTML and am trying to use this mouse over script to hide the url in the bottom left of the browser when you hover over an image of mine....I found the code on a website and I can't get it to work. Can someone please fix it for me and show me what I'm doing wrong? Thanks for your help guys! <a href="http://mylink.com" style="font-size:12px;" onMouseOver="window.status=''; return true;" onMouseOut="window.status=''; " target="_blank"><img src="1.jpg" border="0" width="800" height="600"></a> Okay, this is really frustrating. I have seen a few websites where they use 3 images for a mouseover in 4 stages. 1. Image #1 2. Mouseover, Image #2 3. Mouse Off , Image #3 4. Returns to Image #1 I have searched and searched for this on google and other sites, but cannot find a thing. Here are the images i am using: Image #1 http://img24.imageshack.us/img24/1509/normalz.gif Image #2 http://img19.imageshack.us/img19/5186/outqpz.gif Image #3 http://img21.imageshack.us/img21/1889/75176722.gif As you can see, i am trying to create an effect where someone puts the mouse over, the "Doors" open, where there will be a password field, and then on mouse off the "Doors" close. Please, someone help! Hello, Having a few problems here with some effects for my websites log in page. I've just finished the coding for username and password but now i want to but a special moving background. The Begining Image On Mouse Over On Mouse Out Basicaly, i need to begin with the 1st image. On mouseover it needs to change to the 2nd image of the doors opening, and then on mouseout it changes to the 3rd image of the doors closing. Im not very good at this. I know html and a tiny amount of java, so if its not to much to ask can someone not only help but actualy generate the code for me. That way i can read it and learn from the codes Many Thanks, Narc Is it possible to make a sound when the mouse goes over an image? maybe using some JS or something. Also on mouseout aswell I would like it to make some kind of beeping noise when the user hovers over an image but i dont want to go in to all that flash stuff etc... |
|||||||