HTML - Onclick Change Images And Text - Help Needed
--deleted--
Similar Tutorialshello wizards, i am trying to create a site with image links which open a link in a new window and then the image changes. the target url of the link needs to be hidden too. the method will be repeated various times on the page. please help, i dont have any idea how to get a double function of the onclick command. any help would be great. cheers confusedidiot iv got two images and i want one to change into the other on mouseover but i also need it to be linked to a certain page , so basically its one image changing to another on mouseover and on click goes to a specified page if therea anything else you need to know please just ask Jake I understand Java on a primitive level. I am building a restaurant website; http://www.mypitagrill.com/test/ I have gotten the top 4 menu buttons to change the designated image on the right-side stage. Problem #1: When you scroll down just a bit, then click one of these top 4 menu buttons, it automatically refreshes to back to the top of the page. Although, I would like for the image to change without this refresh that is scrolling the page back to the top. -- Which I believe is the result of my second problem. Problem #2: If I click another remaining menu button that links me to another page entirely (such as; specials.htm, order.htm, location.htm), then click back to the 3 of 4 remaining top menu butons (such as; platters, appetizers, kinds menu), ...it does not bring me to the respective menu image, rather is automatically brings me to the default top image "Pita Sandwiches". I believe this is related to the "Auto Refresh" mentioned in Problem #1. -- You may even notice that I even tried incorporating webpage Anchors, to return to the respective image, but that didn't do the trick. Can anyone suggest what might be refreshing the page back to the top? Or does anyone have a similar Java script that I could try to avoid this exisiting problem? PS, thank God for websites like this, and for people like you that take the time to help others! It has saved my A** on several occasion! Best Regards- Hi, I'm trying to do an image changer that when you click on a link, an image changes. I have the image change working, but I want a link to the full-size image below to also change. I tried several things, but what makes the most sense to me is to have a function change the link, so I used the script I got for the image change and tweaked it so it would change the link.....it's not working. I've been trying very hard, but I'm not very good at javascript, so if someone could help, that would be wonderful! The page is he http://sc-lee.com/newlay/ac.html And the code in question is he Code: <head> <script> function changeImage(filename) { document.mainimage.src = filename; } ***ntion changeText(linkadd) { document.link.href = linkadd; } </script> </head> <body> <br><bR><a href="javascript:changeImage('studio/ac-1s.jpg'),changeText(ac-1.jpg);">perspective moving into court</a> <br><a href="javascript:changeImage('studio/ac-3s.jpg'),changeText(ac-3.jpg)">perspective moving into court2</a> <br><a href="javascript:changeImage('studio/ac-6s.jpg'),changeText(ac-6.jpg)">exterior perspective of complex</a> <BR /><BR /> <img name="mainimage" src="studio/ac-1s.jpg"> <br /><a href="ac-1.jpg" target="_blank" name="linkadd">fullsize</a> </body> </body> </html> Im hoping i posted in the right forum, but my question is basically just that. Alright let's assume I have a basic website. There are images with rollovers, and etc, so its nice and sleek. But what I want to add, is an onclick function for a certain image, and the result to be another image changing on the website in a different location. Your probly thinkin.. huh? Here ill try and explain alil better... [Image 1] -> Is on left side of screen. [Image 2] -> Is on right side of screen. When i click [Image 1], I want Image 2 to change... without having to refresh the page. Kind of like those javascript menu's -- you click on one button, and then a content menu on the side updates without having to reload the website, nor redirect. Can someone point me in the right direction? I am fully willing to do the research, just need a keyword or two for google.com I have several websites that I maintain and update. A lot of them are just textual changes and I would think my customers can do these themselves by editing a simple .txt file. I was hoping my choices are avalable so that I can just insert this tag into my web pages and then give them login info to their edit page or show them how to upload the .txt file. I hope this is an easy one with several answers. Is it possible these tags could discipline your rankings in the search engines? Thanks, Jason How do I make a button change images when a user rolls over his/her mouse? Thanks. How do I make a button change images when a user rolls over his/her mouse? Thanks. Ok, I don't have a way to show you how it's not working, but I would like to put text boxes under each comment picture on my comments page (much like you see on comment sites for MySpace and other networking sites), where the user may copy and paste the code into their own pages and use the images I provide. I found out how to do a basic 'form' with the name being "blank" and the value being the link to my desired image in my FTP, with the "ftp://ftp." taken out and replaced with "http://". So far, all attempts have been futile, and I'm not sure just what I'm doing right or wrong anymore...can anyone help me out? Please note that I'm vision impaired, and it may be somthing as small as me not seeing a particular tag or something, but I doubt it, as I've used my screen reader to read th ecode for me both when inputting it and reading it. I also note that my posts are in larger font so I can read them easier, I'm not telling anyone to do this, only asking, to please reply in size 3-4 for me please...and th kindly Here is an example of what I've done, which didn't work: <form> <input type="text" name="blank" value="<center><a href="http://silverwolfden.com"><img src="http://silverwolfden.com/images/comments/compliments/great_pic/great_pic_10_1_sw.gif" alt="Silver Wolf Den" border="0"></a><br><a href="http://www.silverwolfden.com" maxlength=30 maxheight= 5></a></center>"> </form> If you'd like to see my website (even though there's no way to see what the problem is I noticed ppl were asking to have ppl post the sites they work on it's http://www.silverwolfden.com I don't know if this even belongs in HTML, but my question is whether or not there is any way I can include text seamlessly within a webpage from a remote location, i.e., a text file... I guess... so that it works like an iframe. Or should I just give it up and use an iframe? The website I'm creating is located he freshsession.net23.net Please take a minute to look through it. I know like half the nav links aren't working; that's because I don't know what I want to do for them yet. I haven't done this in years and I've never been that advanced so I'm really rusty. How should I lay this out? The top is going to be a picture that I'm still working on, so ignore that part (obviously the easiest to ignore). I'm just using divs right now, but what I don't like is having to have the same page for every page. I only want the content to change, but for some reason I'm not feeling iframes. But if that's my only option, I'll sure go with it. For the drawings page, I was going to use a gallery script and have them all right there. I want it to be very minimal and simple. Then for the blog I don't really know what to do, and for the guestbook I don't know what to do. Like I said, I want everything to be really nice and simple and preferably integrated. Any suggestions would be greatly appreciated (regarding the layout set up in general, a gallery script, blog, or guestbook, for example). Thanks a lot! Please throw me your tips and ideas! How do I use onMouseover to change text when the viewer runs the mouse over the link or text? Thanks! Hello, I'm trying to change the text color within a <li> tag in order to display a red "*Updated*" text since we have updated step 3 and want the user to notice it. I've tried using div but it ends up putting the text after "Updated" on a new line instead of on the same line like I want it. Thank you for any help! Code: div.u1{ font-size:12px; color:red; } Code: <ol> <li>Enter your address in the box below</li> <li>Please check location</li> <li> <div class ="u1">*Updated*</div>For more info...</li> </ol> ere's what I need to do: I have several variables that I want to assign to various spans within a page (i.e. customer_name, customer_address, etc.). Now, I am going to have more than a 1 span that I dynamically need to assign the customer_name to. But I want it to be able to do so without me having to name them all "customer_name1, customer_name2, customer_name3" and then having to go through and manually change each one, one-by-one within the function. What I'd like to do is ultimately have the function loop through every span with the name or id of "customer_name" and change the innerHTML within it to whatever the value of the costomer's name variable is ("John Doe" for example). I've tried a few ways, most of the time it only changes 1 instead of all of them. Can anyone help? _________________ Бары Киева Рестораны Киева ere's what I need to do: I have several variables that I want to assign to various spans within a page (i.e. customer_name, customer_address, etc.). Now, I am going to have more than a 1 span that I dynamically need to assign the customer_name to. But I want it to be able to do so without me having to name them all "customer_name1, customer_name2, customer_name3" and then having to go through and manually change each one, one-by-one within the function. What I'd like to do is ultimately have the function loop through every span with the name or id of "customer_name" and change the innerHTML within it to whatever the value of the costomer's name variable is ("John Doe" for example). I've tried a few ways, most of the time it only changes 1 instead of all of them. Can anyone help? Here's what I need to do: I have several variables that I want to assign to various spans within a page (i.e. customer_name, customer_address, etc.). Now, I am going to have more than a 1 span that I dynamically need to assign the customer_name to. But I want it to be able to do so without me having to name them all "customer_name1, customer_name2, customer_name3" and then having to go through and manually change each one, one-by-one within the function. What I'd like to do is ultimately have the function loop through every span with the name or id of "customer_name" and change the innerHTML within it to whatever the value of the costomer's name variable is ("John Doe" for example). I've tried a few ways, most of the time it only changes 1 instead of all of them. Can anyone help? In my website a sample of my request and it shows how far I have gotten. Go to: www.openoursite.com and select keyword: CHRYSLER Here you will see a picture of my Red 1961 Chrysler 300. By the way, it is nearly perfect as well as beautiful. Below the picture is a button that when clicked, the picture changes to the next picture in the series of pictures. I want to beable to change the bulleted text when the picture changes. 2nd, I want the text at the bottom of the screen to beable to be changed. 3rd, I would like to beable to have a switch in the code that I can set so that only 1 of the two text areas will change and the other stay as is. On a car application, I would leave the bulleted text as is and only change the text below. Probably there should be 2 seperate switches that can be turned off or on. I have one customer (advertiser) that wants the bulleted text to change and have no text at the bottom. Can anyone help me. Thanks Launchnet I am putting together a website for a student group and realized a big problem. The site is a 3 column style, and the bottom half of the left column is "Latest News". I just realized that in my current setup everytime I make a change to the "latest news", I will have to make the change on all of the many pages it is on. Is there a way to make a "latest news" text file and just have that content accessed from each page so that I will only have to make changes to the one file and have it show up on all pages? I have tried searching for this for an hour but just can't seem to hit the correct keyword that explains how to do it. Thanks!!! ere's what I need to do: I have several variables that I want to assign to various spans within a page (i.e. customer_name, customer_address, etc.). Now, I am going to have more than a 1 span that I dynamically need to assign the customer_name to. But I want it to be able to do so without me having to name them all "customer_name1, customer_name2, customer_name3" and then having to go through and manually change each one, one-by-one within the function. What I'd like to do is ultimately have the function loop through every span with the name or id of "customer_name" and change the innerHTML within it to whatever the value of the costomer's name variable is ("John Doe" for example). I've tried a few ways, most of the time it only changes 1 instead of all of them. Can anyone help? |