codetoad.com
  ASP Shopping CartForum & BBS
  - all for $20 from CodeToad Plus!
  
  Home || ASP | ASP.Net | C++/C# | DHTML | HTML | Java | Javascript | Perl | VB | XML || CodeToad Plus! || Forums || RAM 
Search Site:
Search Forums:
This 25 message thread spans 2 pages: [1]  2  > >  
  onmouseover change image and text  lokust at 20:34 on Monday, February 21, 2005
 

Hi everyone!

I've been looking for a script that:

Upon mouseover of an image(A) - will swop that image for another image(B) and display text in a pre-defined place.
On mouseoff - original image(A) is displayed and text disappears.



Can someone point me in the right direction?

Much appreciated,

Al

  Re: onmouseover change image and text  tgreer at 15:14 on Tuesday, February 22, 2005
 

How much do you already have written?

I would use DIVS. Position and alter visibility of a div based on mouseover of the image.



  Re: onmouseover change image and text  lokust at 15:31 on Tuesday, February 22, 2005
 

I have nothing written just yet.
I'm in learning stage and looking for a tutorial that covers this.
So far I can only find either onmouseover change text or change image but not both together.



  Re: onmouseover change image and text  tgreer at 16:00 on Tuesday, February 22, 2005
 

Combine the two examples.

Create a function:

<script>
function doChanges()
{

}
</script>

Put the code to change text, and the code to change image, in the function.

Then, in your img tag:

onmouseover = "doChanges()"

Does that help?


  Re: onmouseover change image and text  lokust at 12:36 on Wednesday, February 23, 2005
 

// code courtesy of coothead

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>image swap with text exposure</title>

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

<style type="text/css">
/*<![CDATA[*/

#text {
position:absolute;
left:450px;
top:400px;
width:210px;
display:none;
font-family:verdana;
font-size:16px;
padding:10px;
border:double 3px #000;
}

/*//]]>*/
</style>

<script type="text/javascript">
//<![CDATA[

function doStuff(el) {
el.src="/forum/banana.jpg";
document.getElementById("text").style.display="block";
el.onmouseout=function() {
el.src="/forum/apple.jpg";
document.getElementById("text").style.display="none";
}
}

//]]>
</script>

</head>
<body>

<div>
<img src="/forum/apple.jpg" alt="" onmouseover="doStuff(this)" />
</div>

<div id="text">
over to the left and and up a wee bit is a banana
</div>

</body>
</html>

  Re: onmouseover change image and text  brian500 at 10:28 on Saturday, December 11, 2010
 

The server has encountered an error while loading an application during the processing of your request. Please refer to the event log for more detail information. Please contact the server administrator for assistance.The server has encountered an error while loading an application during the processing of your request. Please refer to the event log for more detail information. Please contact the server administrator for assistance.The server has encountered an error while loading an application during the processing of your request. Please refer to the event log for more detail information. Please contact the server administrator for assistance.
310-200 | 310-202 | 310-065 | 310-083 | 310-302


  Re: onmouseover change image and text  HG678 at 10:47 on Tuesday, December 14, 2010
 


Wonderful.

Share a website with you ,

put this url in google sirch

(http://www.aamall.us )

Believe you will love it.

We accept any form of payment

  Re: onmouseover change image and text  brian500 at 04:00 on Monday, December 20, 2010
 

yes brands like star trek & itela voice are offering voice controlling switches for lamp, my Home Automation vendor suggest me the same, but mate you have to check out the compatibility, if you want to use them with the existing setup, but i hope it is not a big deal, the functionality of every brand's switch is ultimately based on same set of instructions.yes brands like star trek & itela voice are offering voice controlling switches for lamp, my Home Automation vendor suggest me the same, but mate you have to check out the compatibility, if you want to use them with the existing setup, but i hope it is not a big deal, the functionality of every brand's switch is ultimately based on same set of instructions.yes brands like star trek & itela voice are offering voice controlling switches for lamp, my Home Automation vendor suggest me the same, but mate you have to check out the compatibility, if you want to use them with the existing setup, but i hope it is not a big deal, the functionality of every brand's switch is ultimately based on same set of instructions.yes brands like star trek & itela voice are offering voice controlling switches for lamp, my Home Automation vendor suggest me the same, but mate you have to check out the compatibility, if you want to use them with the existing setup, but i hope it is not a big deal, the functionality of every brand's switch is ultimately based on same set of instructions.
000-200 | 1z0-052 | JN0-522 | LX0-101 | E20-322 | 000-210 | 000-106 | 000-104 | 642-533 | EC0-350 | 117-301 | 000-107 | HP2-Q04 | HP0-S23


  Re: onmouseover change image and text  brian500 at 09:04 on Friday, February 11, 2011
 

but i hope it is not a big deal, the functionality of every brand's switch is ultimately based on same set of instructions.yes brands like star trek & itela voice are offering voice controlling switches for lamp, my Home Automation vendor suggest me the same, but mate you have to check out the compatibility, if you want to use them with the existing setup, but i hope it is not a big deal, the functionality of every brand's switch is ultimately based on same set of instructions.yes brands like star trek & itela voice are offering voice controlling switches for lamp, my Home Automation vendor suggest me the same, but mate you have to check out the compatibility, if you want to use them with the existing setup, but i hope it is not a big deal, the functionality of every brand's switch is ultimately based on same set of instructions.HP0-S26\ 642-415 \ SK0-003 \ 642-165 \ 646-985



  Re: onmouseover change image and text  brian500 at 05:35 on Tuesday, February 15, 2011
 

A very good article. I like your writing style. Provide a benefit to the reader. Please keep on posting such quality articles as this is a rare thing to find these days.A very good article. I like your writing style. Provide a benefit to the reader. Please keep on posting such quality articles as this is a rare thing to find these days.A very good article. I like your writing style. Provide a benefit to the reader. Please keep on posting such quality articles as this is a rare thing to find these days.A very good article. I like your writing style. Provide a benefit to the reader. Please keep on posting such quality articles as this is a rare thing to find these days.A very good article. I like your writing style. Provide a benefit to the reader. Please keep on posting such quality articles as this is a rare thing to find these days.000-968 \ JN0-332 \ 70-516 \ 70-682 \ 642-062


  Re: onmouseover change image and text  smithtv456 at 03:06 on Tuesday, March 22, 2011
 

Still there is room for greater development and I would recommend more emphasis on research and of course it will bring a better situation. Thanks for sharing a nice read. Cheers
<a href="http://hubpages.com/hub/Birthday_Greetings">Birthday Greetings</a>


  Birthday Greetings  smithtv456 at 03:07 on Tuesday, March 22, 2011
 

Still there is room for greater development and I would recommend more emphasis on research and of course it will bring a better situation. Thanks for sharing a nice read. Cheers
Birthday Greetings


  Re: onmouseover change image and text  brian500 at 07:13 on Friday, March 25, 2011
 

If you have already written something, but not sure whether it will work, we can help you improve. All work is undertaken by an American expert with English as their first language, qualified and experienced in your area of study and assigned by our Quality Assurance team to match your assignment.cheap links of london jewellery - links of london
- edhardy clothing- ed hardy






  Re: onmouseover change image and text  brian500 at 06:46 on Saturday, March 26, 2011
 

The AC system in your vehicle gives the cooling effect at the times of your travel and this aids in making your journey comfortable. There are many components involved in the functioning of the air conditioning system like the compressor, condenser, evaporator, accumulator, drier and expansion device. The AC evaporator in your vehicle plays a vital role in it. The main responsibility of the AC evaporator of your vehicle is to absorb the heat around it and replace with the cool air. The high pressure fluid is passed into the AC evaporator of your vehicle. This refrigerant fluid changes into vapor before it reaches the bottom of the AC evaporator in your vehicle. links friendship bracelet - thomas sabo store - thomas sabo jewelry sale - thomas sabo charms sale


  Re: onmouseover change image and text  brian500 at 12:06 on Tuesday, May 31, 2011
 

The AC system in your vehicle gives the cooling effect at the times of your travel and this aids in making your journey comfortable. There are many components involved in the functioning of the air conditioning system like the compressor, condenser, evaporator, accumulator, drier and expansion device. The AC evaporator in your vehicle plays a vital role in it. The main responsibility of the AC evaporator of your vehicle is to absorb the heat around it and replace with the cool air. The high pressure fluid is passed into the AC evaporator of your vehicle. This refrigerant fluid changes into vapor before it reaches the bottom of the AC evaporator in your vehiclePass4sure 156-215.65 \ 1Y0-A05 \ 1Y0-A08 \ NS0-502 \ Pass4sure 642-241 \ Pass4sure 642-982 \ Pass4sure 646-204 \ JK0-017 \ 412-79 \ Pass4sure F50-533 \ HP0-J39 \ Pass4sure HP0-M36


This 25 message thread spans 2 pages: [1]  2  > >  







CodeToad Experts

Can't find the answer?
Our Site experts are answering questions for free in the CodeToad forums








Recent Forum Threads
•  Re: Replacing patterns a^b with pow(a,b)
•  Re: Validaing User Id using JSP and Servlet
•  Re: store string from text file to vector
•  Re: Query on onLoad
•  Re: Sign up to stay abreast on Open source
•  Re: onclick thumbnail images in gridview or datalist
•  Re: Perl - Read and Write output file
•  Re: New to this forum
•  Re: Print and print preview file on the website without using the File - Print on the IE


Recent Articles
ASP GetTempName
Decode and Encode UTF-8
ASP GetFile
ASP FolderExists
ASP FileExists
ASP OpenTextFile
ASP FilesystemObject
ASP CreateFolder
ASP CreateTextFile
Javascript Get Selected Text


© Copyright codetoad.com 2001-2011