problem with onmousover

hello,

onmouseover won't work on my website.
it's working in a simple html document, but not in the advanced one..

both files (including pictures and css) can be found at:
http://depositfiles.com/files/4440764

can anybody help me out?
thx in advance!

michael

Mar 31 '08 #1

Subscribe Reply

1423

gits

5,390

Expert Mod 4TB

please post a relevant non working example here ... i'm not sure that anybody likes to search through your code and locate the problem for you ...

do you get any errors? how do you apply the handlers etc.?

kind regards

Mar 31 '08 #2

m9817232

please post a relevant non working example here ... i'm not sure that anybody likes to search through your code and locate the problem for you ...

do you get any errors? how do you apply the handlers etc.?

kind regards

the link in my post contains a non workiing example.
the problem is also, that i dont know the origin of the problem (wether it is the javascript code or the css).. i'm a newbie..
my apologies..

Mar 31 '08 #3

vee10

141

100+

Hi,

onmouse over event is working in that example
check it once on mouse over to the number 1 to 6 the image is getting changed
if this is not the behaviour what should be the behaviour

the link in my post contains a non workiing example.
the problem is also, that i dont know the origin of the problem (wether it is the javascript code or the css).. i'm a newbie..
my apologies..

Mar 31 '08 #4

gits

5,390

Expert Mod 4TB

the link in my post contains a non workiing example.
the problem is also, that i dont know the origin of the problem (wether it is the javascript code or the css).. i'm a newbie..
my apologies..

to provide a link to a zip-file that may contain everything does not provide any help since it is just more to do for people that probably would help you when you just had posted your code in the thread. even when you are a 'newbie' you should be able to locate a problem in your code ... and have an idea what might be wrong ... except you just copied/borrowed code from other pages ... and expect that it would work ...

kind regards

Mar 31 '08 #5

m9817232

Hi,

onmouse over event is working in that example
check it once on mouse over to the number 1 to 6 the image is getting changed
if this is not the behaviour what should be the behaviour

are you sure you tried the index.htm ?
the "index simple working.htm" is indeed working , it's the other .htm with coloured background that contains a problem. on the picture (on the left bottom cornerp) you'll see 6 numbers which have to be hovered on....

Mar 31 '08 #6

hsriat

1,654

Expert 1GB

hello,

onmouseover won't work on my website.
it's working in a simple html document, but not in the advanced one..

both files (including pictures and css) can be found at:
http://depositfiles.com/files/4440764

can anybody help me out?
thx in advance!

michael

The picture being displayed is not from img tab, but the background image.

So remove the img tag (with name='Model') for image and in the onmouseover event of each link, write this..

Expand|Select|Wrap|Line Numbers

document.getElementById('leftcol').backgroundImage = "url('images/1.jpg')";

1.jpg, 2.jpg... so on

Regards,
Harpreet

Mar 31 '08 #7

m9817232

Thx for your help!!..
now i know that the image was a background image defined in css.. so the one in html was obsolete.. that was an important clue!

however, I did all you suggested, but still it won't work..
this is what i got:
.....
<div id="leftcol">
<h2><span>Optional Header</span></h2>

<div id="nav">

<b><span><a href="#" Onmouseover="document.getElementById('leftcol').ba ckgroundImage = "url('images/1.jpg')";">1</a></span></b>
<b><span><a href="#" Onmouseover="document.getElementById('leftcol').ba ckgroundImage = "url('images/2.jpg')";">2</a></span></b>
<b><span><a href="#" Onmouseover="document.getElementById('leftcol').ba ckgroundImage = "url('images/3.jpg')";">3</a></span></b>
<b><span><a href="#" Onmouseover="document.getElementById('leftcol').ba ckgroundImage = "url('images/4.jpg')";">4</a></span></b>
<b><span><a href="#" Onmouseover="document.getElementById('leftcol').ba ckgroundImage = "url('images/5.jpg')";">5</a></span></b>
<b><span><a href="#" Onmouseover="document.getElementById('leftcol').ba ckgroundImage = "url('images/6.jpg')";">6</a></span></b>

</div>
</div>

......

Mar 31 '08 #8

vee10

141

100+

Hi,

i have seen the indexsimpleworking.htm not index.htm

this may solve ur problem

Expand|Select|Wrap|Line Numbers

 
div id="leftcol">
 
            <h2><span>Optional Header</span></h2>
 
<span>

<img src="images/main_img.jpg" id="foto"  width="300" height="450" alt="foto" />

</span>
 
<script type="text/javascript">

function changeimg(image)

{

document.getElementById('leftcol').style.backgroundImage  ="url('images/" + image + ".jpg')";
 
}
 
</script>
 
            <div id="nav">            

            <b><span><a href="#" onmouseover="changeimg('1')">1</a></span></b>

            <b><span><a href="#" onmouseover="changeimg('2')">2</a></span></b>            

            <b><span><a href="#" onmouseover="changeimg('3')">3</a></span></b>

            <b><span><a href="#" onmouseover="changeimg('4')">4</a></span></b>

            <b><span><a href="#" onmouseover="changeimg('5')">5</a></span></b>

            <b><span><a href="#" onmouseover="changeimg('6')">6</a></span></b>

</div>

</div>

Thx for your help!!..
now i know that the image was a background image defined in css.. so the one in html was obsolete.. that was an important clue!

however, I did all you suggested, but still it won't work..
this is what i got:
.....
<div id="leftcol">
<h2><span>Optional Header</span></h2>

<div id="nav">

<b><span><a href="#" Onmouseover="document.getElementById('leftcol').ba ckgroundImage = "url('images/1.jpg')";">1</a></span></b>
<b><span><a href="#" Onmouseover="document.getElementById('leftcol').ba ckgroundImage = "url('images/2.jpg')";">2</a></span></b>
<b><span><a href="#" Onmouseover="document.getElementById('leftcol').ba ckgroundImage = "url('images/3.jpg')";">3</a></span></b>
<b><span><a href="#" Onmouseover="document.getElementById('leftcol').ba ckgroundImage = "url('images/4.jpg')";">4</a></span></b>
<b><span><a href="#" Onmouseover="document.getElementById('leftcol').ba ckgroundImage = "url('images/5.jpg')";">5</a></span></b>
<b><span><a href="#" Onmouseover="document.getElementById('leftcol').ba ckgroundImage = "url('images/6.jpg')";">6</a></span></b>

</div>
</div>

......

Apr 1 '08 #9

m9817232

thx r helping me out, guys!

Apr 5 '08 #10

Similar topics

Windows python/Pmw-tkinter problem

by: Bruce Davis | last post by:

I'm having a problem on windows (both 2000 and XP) with a multi-threaded tkinter gui application. The problem appears to be a deadlock condition when a child thread pops up a Pmw dialog window in...

Python

Virtual function problem

by: Kostatus | last post by:

I have a virtual function in a base class, which is then overwritten by a function of the same name in a publically derived class. When I call the function using a pointer to the derived class...

C / C++

Scalability problem With .Net and Sqlserver

by: Refky Wahib | last post by:

Hi I need Technical Support I finished a Great project using .Net and SQL Server and .Net Mobile Control My Business case is to implement this Program to accept about 1 Million concurrent...

Microsoft SQL Server

117

Solution to the halting Problem?

by: Peter Olcott | last post by:

www.halting-problem.com

C / C++

Generic code to change td color onmousover/out?

by: michael | last post by:

I'm changing colors of table cells like this: <style type="text/css"> ..over {background-color: #bedddc} ..out {background-color: #99cccc} </style> <td onmouseover="this.className='over'"...

Javascript

Problem with virtual method

by: Jon Davis | last post by:

If I have a class with a virtual method, and a child class that overrides the virtual method, and then I create an instance of the child class AS A base class... BaseClass bc = new ChildClass();...

C# / C Sharp

Problem: Request time out

by: Ammar | last post by:

Dear All, I'm facing a small problem. I have a portal web site, that contains articles, for each article, the end user can send a comment about the article. The problem is: I the comment length...

ASP.NET

SP1 Problem SOAPException doesn't return quote and Umlaute correcty

by: Dany | last post by:

Our web service was working fine until we installed .net Framework 1.1 service pack 1. Uninstalling SP1 is not an option because our largest customer says service packs marked as "critical" by...

.NET Framework

Determining Dropdown Value Problem

by: Mike Collins | last post by:

I cannot get the correct drop down list value from a drop down I have on my web form. I get the initial value that was loaded in the list. It was asked by someone else what the autopostback was...

C# / C Sharp

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET