473,405 Members | 2,154 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,405 software developers and data experts.

JavaScript click and hover function needed

Okay, So I don't want a website like this http://colorpx.com/, but the idea of how the Click and Hover function works. I can't seem to find that script they have or what it's called to look it up. But I'm sure it's very simple.

I want to be able to click and (not release) and drag over other Div's and change the element of multiply ones without having to release the mouse button.

Sorry for nooby question if this is something very simple. And can someone show me how to port it into my website to work.

Thanks!
May 29 '12 #1
8 2082
Dormilich
8,658 Expert Mod 8TB
you mean "Drag & Drop" ?
May 30 '12 #2
Not sure if that's what it is. Whatever is how the website http://colorpx.com/ does theirs.
May 30 '12 #3
Dormilich
8,658 Expert Mod 8TB
that’s plain event handling. each of the squares has a couple of (Mouse) event listeners that colour the squares. (e.g. if you click on a square, it paints it in the defined colour)
May 30 '12 #4
Dormilich,

I know this, but I'm talking about just clicking once and then hovering over the squares to activate them. Instead of clicking on each individual one.
May 30 '12 #5
Rabbit
12,516 Expert Mod 8TB
Use the onmouseover and onmouseout events.
May 30 '12 #6
Yes, but how would I be able to implament that into my code...

I want to be able to change inputs with class "iput"..
How would the javascript look?

Please help, this is killing me.
May 30 '12 #7
Dormilich
8,658 Expert Mod 8TB
when you look at the site, you see how much JS code is used to create that effect. a full code analysis will be not that easy.
May 31 '12 #8
Rabbit
12,516 Expert Mod 8TB
Yes, but how would I be able to implament that into my code...
That depends on what you're trying to do. And you have not give an accurate and detailed description of what you're trying to do. But in general, you implement events like so:
Expand|Select|Wrap|Line Numbers
  1. <div onmouseover="somefunction()"></div>
I want to be able to change inputs with class "iput"..
How would the javascript look?
I have no idea what this means.

Please help, this is killing me.
I doubt that.
May 31 '12 #9

Sign in to post your reply or Sign up for a free account.

Similar topics

2
by: Steve - DND | last post by:
There has to be an answer out there somewhere for this, but I couldn't find it in Google anywhere. I have a page with two IFrames. In IFrame#1 I have a link that looks like so: <a...
2
by: Kathy Burke | last post by:
I'm trying to use the following code to use a javascript return confirm. Cancel would exit the sub and return the page to its history (-2). OK would proceed with the asp.net code, i.e., run the...
3
by: ~J~ | last post by:
Hi everyone I'm positive this is possible, just never needed it until now and I don't have a clue where to start I have an XML document that is attached to an XSL style sheet, within this XSL...
3
by: chopperuk | last post by:
Hi just a quick one, for a project I am completing, I need to bascially, have a form on a web site (where a user types in a question), this then, needs to question a chat bot (programE - ALICE), and...
1
by: virendral | last post by:
I am using this function it works fine in IE but not in Mozilla function checkALLType(t) { document.getElementById('tik').click(); } for this anchor tag. I call this fucntion from a...
4
by: Adnan Siddiqi | last post by:
Hi I am using Walter Zorne DragnDrop lib along with graphic library for my application. the function Set_DHTML() in drag n drop library sets divs(s) for dragging purpose. the argument of...
0
by: DR | last post by:
when i build someone's project, and right click a function "goto definition" is disabled. how to reconfigure a .net project to support "goto definition" when i right click on function calls?
2
bilibytes
by: bilibytes | last post by:
hi, i am getting an error with this script: "oCk is not defined onclick(click clientX=0, clientY=0)" //widget functions //1. //when the mouse is over a star, we want to change all...
1
mageswar005
by: mageswar005 | last post by:
Hello, In My Application i have open the PDF file from javascript open.window function.In This scenario i want to control / Hide the PDF Toolbar from open.window function. My Current code is...
3
by: gameguru | last post by:
The problem is rather sinple: I can't figure out how to make the script work: <head><script language="JavaScript"> var dynamic_code_index; var dynamic_code_index="Click a button to display the...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
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...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
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...
0
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...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.