|
HTML - A Quick Rollover Question
I want to set up a rollover that triggers two alternative images to change
So if there's three images: A, B & C - when B is rolled over A & C change. I've managed to work out how to get A to change but not C as well. This is what I mean: http://www.randam.org/test/test.html How do I get B to trigger A & C? This the code I'm using at the moment: <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>ABC test</title> <script type="text/javascript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> </head> <body onLoad="MM_preloadImages('A2.gif')"> <img src="A1.gif" name="A" width="30" height="30" /> <img src="B1.gif" width="30" height="30" id="A" onMouseOver="MM_swapImage('A','','A2.gif',1)" onMouseOut="MM_swapImgRestore()" /> <img src="C1.gif" width="30" height="30" /> </body> </html> thanks, Rich Similar Tutorialsi want to change this html that instead of the text element the script "copy" will copy to the clipboard the current URL. I've tried to call it with location.href but with no luck. Code: <form name="formtocopy" action=""> <textarea name="texttocopy"> A whole bunch of text here that will be copied. </textarea> <br> <a href="javascript:copy(document.formtocopy.texttocopy);">copy</a> </form> thanks I have an ebay store and i want to make it custom but i'm too much of a noob to figure it out.I basically want the html code from http://stores.ebay.com/iCollected I need the part in the middle where it shows "all items" and the list of items below it.Is there anyway this can be done easily?I can do the rest but i just need that code.If anyone can help i would greatly appreciate it hi there ive just created some buttons in photoshop and inserted them into my website i want the buttons to be together but there is space between them. this isnt a photoshop problem. is there a way i can get them together? please see http://geocities.com/stuartlittle13/home5.html to see my example any help would be greatly appreciated stu HI I CREATED A WEBSITE USING FRAMES AND I USED THE DOCTYPE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> IT ALL APPEARS FINE ON INTERNET EXPLORER 6, BUT WHEN ON INTERNET EXPLORER 7 IT APPEARS DIFFERENTLY.. AND I WAS WONDERING AM I USING THE INCORRECT DOCTYPE? SHOULD I BE USING A FRAMESET DOCTYPE? ANY HELP APPRECIATED.. THANKS IN ADVANCE JACK I have a wordpress blog I need a little help with. In my navbar I have a link called "Dog Food Review". I want it so when people put their mouse over that link a drop down menu comes down and list my links under my Blogroll.. specifically the ones under Dog Food Reviews. just wondering..I guess if i think about it for a few more minutes i'll realize the answer.. but i'm done thinking for the day question.. when you make a function why do you put variables in the () right after the function.. what purpose does it serve? whats the difference in putting them in the () vs putting them just in the function or something? I feel like i'm missing something thanks everyone Do you guys know if the amount of traffic that a website receives will have any effect on it's search engine rankings? Hi everyone i am having trouble with an image. I am trying to get my link clickable and have it so i can define the dimensions. This is the code i have. Code: <a href="http://www.smokethosetires.com/mustang.jpg"><img src ="mustang.jpg"></a> How can i alter that code so i can use this width="200" height="200"> My form includes two checkboxes: Code: Remember password? <input type="checkbox" name="rememberPassword" value="on" checked/> <b><i><font color="#35A02C"> (deselect if using a public computer)</font></i></b><br/> Automatic login? <input type="checkbox" name="autoLogin" value="on" checked/><br/> How can I make it so that if the user deselects the first checkbox, the second will be automatically deselected aswell? Thanks, James i'm an idiot novice and i have a set of checkboxes i want to display... <table> <tr> <td> <input name="1" type="checkbox" value="1" />PROVISIONAL<br/> <input name="2" type="checkbox" value="2" />COMPLETE<br/> <input name="3" type="checkbox" value="3" />PARTIAL<br/> <input name="4" type="checkbox" value="4" />FINAL<br/> <input name="5" type="checkbox" value="5" />PROGRESS<br/> <input name="6" type="checkbox" value="6" />ADVANCE </td> </tr> </table> however, when it displays on the page...they are staggered like this... one two three etc. i can add another break after each checkbox but that puts too much space between each checkbox....is there anything i can do? thanks in advance! Hey guys, I'm trying to figure out how to do something that is probably pretty simple, but I'm not quite sure how to make it work. In the following link, the text that says "1", "2", and "3" is clickable. http://thebestinfo.org/test123.html What I'd like to do is make the entire red area of each of the 3 parts clickable. For example, the entire top red area should hyperlink to 1.html, the entire middle red area should hyperlink to 2.html, and the entire bottom red area should hyperlink to 3.html. Does anyone know what I would have to change to make this work? Here is the entire HTML code for that page... Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
body {
background: white;
}
#nav ul {
list-style: none;
}
#nav li {
background: Red;
width: 50%;
margin: auto;
height: 2em;
text-align: center;
padding-top: 1em;
}
#nav li a {
text-decoration: none;
color: White;
}
</style>
</head>
<body>
<div id="nav">
<br />
<ul>
<li><a href="1.html">1</a></li><br />
<li><a href="2.html">2</a></li><br />
<li><a href="3.html">3</a></li><br />
</ul>
</div>
</body>
</html>
Thanks! Hi all, I sell a CD online via paypal and I simply want to change the price from $9 to $7, however I don't want to have to recreate a button. Could someone kindly tell me how this can be done using html? I tried changing the price, but I accidentally made it so when you click the "Add To Cart" button, it looks like there are two cds available, one for $9 and one for $7. Here is the html code I currently have: <p> <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but22.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"> <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> <input type="hidden" name="add" value="1"> <input type="hidden" name="cmd" value="_cart"> <input type="hidden" name="business" value="napolst@gmail.com"> <input type="hidden" name="item_name" value="the good mixtape"> <input type="hidden" name="amount" value="7.00"> <input type="hidden" name="no_note" value="1"> <input type="hidden" name="currency_code" value="USD"> <input type="hidden" name="lc" value="US"> <input type="hidden" name="bn" value="PP-ShopCartBF"> </form> Also, here is the myspace site I sell the CD at, just in case you wanted to take a look: www.myspace.com/estrellahiphop Your help would be much appreciated. Thank you very much! Taybot because of this issue, i wasnt sure whether to post it under javascript or this section of the forum.. so i chose here.. I am simply trying to clear a textbox when the user clicks in it (its going to be a search box) in html 4 transitional this works: onFocus="javascript:this.value=''" the site i am coding it for however is in xhtml and this is not working. im sure it is probably something stupid and simple, but does anyone know why this is not working for me - or another way around it? thanks in advance! <HTML> <HEAD> </HEAD> <frameset border=0 noresize=yes COLS="400,*"> <frame src="http://facebook.com" name="myframe1" scrolling=yes> <frame src="http://twitter.com" name="myframe2" scrolling=yes> </frames>et> <noframes> <body> This page uses frames, but your browser doesn't support them. </body> </noframes> </HTML> To make this real quick...I want to have twitter and facebook in two frames on one page...whenever I do it, both sites don't seem to allow it to happen. The entire thing just redirects me to Twitter's website automatically, and if I click on the Facebook frame it does the same. Any way around this? Thanks in advance! Hey. Is it possible to have a line seperating the collums of a table but having no lines for rows. Bascially i want to do what i have poorly added in in Paint http://img526.imageshack.us/img526/3883/15247409oe7.jpg Is this possible to do? Thanks in advance How would I go about making one link open three windows/urls? I'm trying to make things easy at work and there are times when if I click a link that generated the three pages I need I would be golden, any tips? Thanks! Hey guys, so I'm building my script right now and it's going quite well. I used Javascript to capture input from text box and display it later using the <span id=''> command. What I'm trying to do is show the <span id=''> in more than one spot. For whatever reason it won't let me do this, it will only display in one spot and not the other. So to clarify, I used the var bride = document.getElementById('bride').value; document.getElementById('bride2').innerHTML = bride;(sorry for the javascript) and then used span id later to display it which works fine when you only want to display it in one spot. When I go to display it in two spots, I believe the span id tags are getting confused with each other and fighting. Is there any way to fix this? Hi all - I bet this is a quick one, but it's new to me I tried to validate a page I just built in xhtml transitional and got errors on the use of   on my page. I've researched this afternoon and found other recommended code to use -   and/or 00A0 for a non breaking space instead but I'm still not able to validate. I am using the code as a space between several pictures I have on a page all in a row. Is there other code I should be using that will validate instead of  ? Maybe I'm just not using the code correctly - should I have it in quotes? " " or "00A0"? Thanks - MN Ok i have a form that i would like to post data to an iframe from and i get it to work with the iframe on the page. but once i try to post to the iframe on a different page then the form is on my iframe doesn't show anything here is a sample of what i was using to get it to work all on the same page and i am trying to get the iframe to work on property-search-mls.php Code: <form id="searchForm" name="searchForm" target="iframe" action="http://www.mlsfinder.com/oh_cbr/streetsothebysrealty/index.cfm" method="post" onSubmit="document.getElementById('iframe').src='http://www.mlsfinder.com/oh_cbr/streetsothebysrealty/index.cfm';">
<input id="action" name="action" value="newsearchsession" type="hidden">
<input id="search" name="search" value=" Search for Properties" type="submit">
<iframe name="iframe" id="iframe" width="100%" height="800"></iframe>
if anyone can give me some insite on this i would be forever greatful i have spent a good part of today trying to get this to work thanks T there wasn't a javascript section to this forum, so this seemed the best area. If a browser has javascript disabled, I know it blocks out all background javascript actions, but will it also block a link opening up a specific size javascript window as well? For instance link 1, is to open up a 400x400 window, does javascript blocking prevent it from opening? or will it at least give the user a prompt to allow them to open if they choose too? Haven't touched javascript in quite a while, so I am trying to catch up on some things, and see if I need to find a workaround. Thanks for any information anyone can give me. |
|||||||