Comments on: Add javascript function using css class

By: Sachin Khosla

Sachin Khosla — Mon, 30 May 2011 04:00:38 +0000

Hi Dulshan,

You can send the complete HTML file containing JS and HTML code to me. I can help you out. You will get the email address from about page.

Thanks
Sachin

By: Dulshan

Dulshan — Mon, 30 May 2011 02:29:55 +0000

Hi, I have a simple rollover button with css class:

and I need to add js code to mouseover. Javascript code is:

function mouseOver()
{ document.photo.src=”images/mouse_rollovers_in_the_main_page/history_mouseover.png” }

function mouseOut()
{ document.photo.src=”images/mouse_rollovers_in_the_main_page/mouseout.png” }

It works when the css class is not there as normal html:

but I want to use css classes as well because my images are positioned with them. Please help.

By: Paul Tessier

Paul Tessier — Sun, 16 Jan 2011 03:32:20 +0000

What I don’t see in your example is a description of how the hookFunc function is called in response to the mouse pointer hovering over the link. Am I missing something obvious?

By: Sachin Khosla

Sachin Khosla — Thu, 22 Oct 2009 04:17:11 +0000

Glad that the posts are helping you guys.

By: Chethan

Chethan — Tue, 20 Oct 2009 14:00:09 +0000

I am a Student! and we have a subject Programming the web” this tutorial as well as the whole category “Javascript” “PHP” is very handy

By: Sincere

Sincere — Wed, 07 Oct 2009 00:45:19 +0000

good stuff! i have a question though, what if i want to give a script im using a class, how would i do so?

for ex: im running a random image script, the images are called in the JS file, so i cant give them a specific class using css can i?

the JS code thats in the body of the html simply just calls the function, …this has been bugging me…can you help?

By: Sachin Khosla

Sachin Khosla — Sun, 07 Jun 2009 07:12:15 +0000

Well nothing is impossible, probably there is a way to do it if you can hack background:url(javascript:alert()) thing … Give it a shot..

By: Semakula

Semakula — Sun, 07 Jun 2009 06:25:52 +0000

Actually I am using a WYSIWYG editor (tinyMCE) and apparently it comments out the javascript and displays the js code in the frontend.

so am trying to find a work around this and am hoping the above approach will do it.

Thanx

By: Semakula

Semakula — Sun, 07 Jun 2009 06:17:29 +0000

Thanx guys,

I think i wasn`t clear what i wanted.. here now.

i have a

var … ;…
Book_Image_Sources=new Array(…);
function carousel() {…}

I want to (i hope it`s possible) call the script above in a css class or id like

#carouse
{
[B]… somehow call the script above[/B]
}
then in my html code

i hope am clearer now. i know its something simple but just can`t make out how.
Thanx

By: Sachin Khosla

Sachin Khosla — Sat, 06 Jun 2009 19:29:54 +0000

Hey Semakula Abdul,

Thanks for dropping in .. I was unable to understand what you want to do in the above query, but still I will try to answer.

1) The above example only searches for a particular class and hooks an anonymous function to that very element, you can call your function from inside that function.

2) Simply calling a javascript function is also achievable in the following way.

Click here to move the carousel

Let me know if that helped you or it would be great if you can clarify your question

Cheers!!

By: Semakula Abdul

Semakula Abdul — Sat, 06 Jun 2009 19:15:03 +0000

Hullo Sachin,

thanx for the good work of making us know these things.

I however wanted to know how i can define or call a javascript function from a css class or id.

I basically want to display a javascript carousel image rotator and i have the function but don`t know how i can call it using a css class that i can later reference in an html tag.
Thanx in advance..