<a href="https://bytes.com/topic/javascript/answers/860787-problem-my-onmouseover">Problem with my onmouseover

8,658

Expert Mod 8TB

without testing I'd say, line #1: between attribute and value there shouldn't be any whitespace characters; line #18: put the string values in quotation marks, otherwise they're not recognized as strings.

regards

Jan 14 '09 #2

290

100+

Thanks for reply
Do you mean:

at # 1 class = "tips" should be class="tips" ?

and

#18 "show_tips(theTips1)" should be "show_tips('theTips1')" ?

Jan 15 '09 #3

8,658

Expert Mod 8TB

yes, that's what I meant.

Jan 15 '09 #4

290

100+

Thanks,
I tried it, but no change :(

Jan 15 '09 #5

8,658

Expert Mod 8TB

argh.... looked once again. there is no CSS property "font-color" (you may use "color" instead). stupid I didn't see that at once.

as for the Javascript, tried it myself and it worked. maybe the error panel can give you some hints.

Jan 15 '09 #6

290

100+

no CSS property "font-color"
- opps!! sorry silly typo.

"maybe the error panel can give you some hints. "
where's that error panel then ?

Jan 15 '09 #7

8,658

Expert Mod 8TB

@jeddiki
in Firefox it's located under "Extras" or cmd+shift+j (problem is, I run the german version on a Mac, so I don't know whether the keyboard shortcut is correct or the names are as I said)

Jan 15 '09 #8

290

100+

What's Firefox ?

Is it something like Internet Explorer
- a cheaper version maybe ???

ha ha ha just joking !

The error console is under the Tools tab - thanks
it does show an error :)

Jan 15 '09 #9

8,658

Expert Mod 8TB

you may want to use the Firebug plugin, just awesome when it comes to debugging and coding.

Jan 15 '09 #10

290

100+

I will look into that,

But the error says that start, show_tips, hide_tips are not defined.

Its as if it isn't picking up the external.js

Is this OK:

Expand|Select|Wrap|Line Numbers

 <script type="text/javascript" src="external.js"> 

</script>

Did I leave something out ?

Jan 15 '09 #11

8,658

Expert Mod 8TB

is the file correctly referenced (i.e. is it in the same directory as the html file)?

Jan 15 '09 #12

290

100+

It is in the same directory, so should work

Maybe you could see if you get the same js error ?

The only problem is, this is part of a members page so I can not give a simple link.

Here is the url

Guru Free Stuff.

From there you will need to sign in:

member id "Fred"
pw: "pass004"

then hit the "Contorl Panel" in the menu

then click "Add a New Product"

That is the page I am taling about - you will see green tips in the middle of the page - these should be invisable and only show when mouse in over the "Guidance Notes"

If you can take a quick look, I'd much appreciate it as I can't understand why the js is not working

Jan 15 '09 #13

8,658

Expert Mod 8TB

@jeddiki
sorry, no js errors for me, Firebug confirms js loading too. although you have some CSS related errors (it's style.backgroundColor)

Jan 15 '09 #14

acoder

16,027

Expert Mod 8TB

start() is not defined because document.getElementById(theTips1) should be

Expand|Select|Wrap|Line Numbers

document.getElementById("theTips1")..

Jan 15 '09 #15

290

100+

Thanks,
I'll follow that up :)

Jan 15 '09 #16

290

100+

Hi again

I made those changes and now my extension.js file
looks like this:

Expand|Select|Wrap|Line Numbers

 
function start() {

        document.getElementById("theTips1").style.visibility = "hidden";

        document.getElementById("ticker").style.visibility = "hidden";

}  // end of function         
 
function show_tips(targetID) { 

    document.getElementById("targetID").style.visibility = "visible"; 

}  // end of function
 
function hide_tips(targetID) { 

    document.getElementById("targetID").style.visibility = "hidden"; 

}  // end of function
 
//if broswser supports addEventListener use it to set doShow to the onload event, else use attachEvent
 
function removeLink() {

document.getElementById("mydiv").style.visibility = "hidden";

}
 
function restoreLink() {

  document.getElementById("mydiv").style.visibility = "visible";

} // end function
 
function showName1(){

        var fullName = document.main_fm.upLoad1.value;

        var fileName = fullName.match(/[^\/\\]+$/);

     document.main_fm.fName1.value = 'Picture file name: '+fileName;

} // end function
 
function show_ticker() { 

    document.getElementById("ticker").style.visibility = "visible"; 

}  // end of function
 
function chg_col() { 

    document.getElementById("button1").style.background-color:#6666cc;

}  // end of function
 
function externalLinks() { 

 if (!document.getElementsByTagName) return; 

 var anchors = document.getElementsByTagName("a"); 

 for (var i=0; i<anchors.length; i++) { 

   var anchor = anchors[i]; 

   if (anchor.getAttribute("href") && 

       anchor.getAttribute("rel") == "external") 

     anchor.target = "_blank"; 

 } 

} // end of function
 
function checkRadio(){

    var radioArr = document.getElementsByName("rad_val");

    var el=document.getElementById("mydiv");

    el.style.display=radioArr[0].checked?'':'none';

} // end function

When I run the page and look in the console I see two errors:

One says
Invalid Label

and points to :
function chg_col() {
document.getElementById("button1").style.backgroun d-color:#6666cc;

It doesn't like the .background-color ? why ?

And second says

Start not defined.

I can't see anything wrong with my start function:

This is where I call it:

<body onload="start(); externalLinks(); checkRadio();">

And the function is in external.js which is called with:

<script type="text/javascript" src="external.js">
</script>

Can anyone see where I've gone wrong ?

Jan 16 '09 #17

acoder

16,027

Expert Mod 8TB

For the first problem, change the line to:

Expand|Select|Wrap|Line Numbers

document.getElementById("button1").style.backgroundColor = "#6666cc";

JavaScript uses camel-case for the style properties and they're set to string values.

In show/hide_tips functions, use the targetID passed in, so remove the quotes around targetID when using document.getElementById():

Expand|Select|Wrap|Line Numbers

document.getElementById(targetID).style..

Jan 16 '09 #18

290

100+

Did That

Still get same two errors

It still highlights this:
function chg_col() {
document.getElementById("button1").style.backgroun dColor:#6666cc;

as an error

The other one is start() not defined !! ????

Jan 16 '09 #19

8,658

Expert Mod 8TB

@jeddiki
have a look at acoder's code again. you should spot the error in the above statement.

Jan 16 '09 #20

290

100+

I must be going blind,
I can't see the difference !

Expand|Select|Wrap|Line Numbers

 function chg_col() { 

    document.getElementById("button1").style.backgroundColor:#6666cc;

}  // end of function

Except that his is in italics ???

Jan 16 '09 #21

acoder

16,027

Expert Mod 8TB

How about a : (colon) in yours and an = (equals) in mine plus the value in quotes? Your syntax was invalid which I've corrected.

Jan 16 '09 #22

290

100+

My apologies - I was thinking Dormilich had quoted your
post and was inadvertently comparing my post with ... my post !!

So now the showtips works I can get on with my website development !

Thanks again :)

Jan 16 '09 #23

acoder

16,027

Expert Mod 8TB

Glad to be of assistance. Good luck with the rest of your project!

Jan 18 '09 #24

by: christian9997 | last post by:

Hi I was trying to create a page where a SubMenu would appear when the user moved the mouse over an item of a Menu (= Table Cell <TD>). Unfortunately there seems to be a problem; the onMouseOver...

I am new and having a problem on something I believe should be simple

Urgent:Linkbutton problem!

by: comshiva | last post by:

Hi all, I have converted my existing ASP.NET project from 1.1 to 2.0 and i have found that everything works fine except the linkbutton control in my datagrid which throws an javascript error when...

ASP.NET

by: KShapiro | last post by:

Hi All, I am trying to assist my wife, by making a simple menu system for the website. The web page is a .php4 file and does an include of the navigation file. Before it includes that file at...

Absolute Positioning within Table Cell Alignment Problem in FireFox (Mozilla)

by: nino9stars | last post by:

Hello, I have just started messing with absolute positioning on webpages, and it definitely let's you do some creative things. Well, after much searching and help, I got the images I was using...

HTML / CSS

Problem with a:hover + div onmouseover

by: Ciuin | last post by:

Again I need your help. This is the test page I am working on: http://www.manfredkooistra.de/zeugs/test/test.php Description: The page shows a centered image and a navigation menue...

Help me to fix External . js problem in asp.net

by: althafexcel | last post by:

hi everyone Im trying to include an external js in my aspx page under the head tag, it doesn't load or it displays an object expected error whenver the function from the .js is called. Actually...

ASP.NET

Problem Loading Data in to a Textbox located in MultiView that is in a Login View

by: Jacob Donajkowski | last post by:

Once the user logs in I want to have the users switch from the Roster View to the Profile View and enter their profile infomation and save it. Then the next time they login and go to the Profile...

ASP.NET

Ajax / onMouseOver Problem

by: equazcion | last post by:

Hi, I have an image reference (IMG) in my page that changes depending on the value of a database field. Clicking the image triggers an Ajax call to change the database field (toggles the field...

Problem With Sub-Popups

by: YotamElal | last post by:

Hello, I have a popup problem. When a popup is opened, I want all other popups to close immediatly. (except for its self and it's child popups) Here is my code: code: <!DOCTYPE HTML PUBLIC...