How do I create clickable areas on an image within a webpage with javascript? [closed] - javascript

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I want to create a webpage displaying an image that has areas on it that can be clicked to do various things like playing sound, displaying text, linking to other pages. The only problem is I have no idea what I need to use within javascript to do so. The area need not be complicated, just a simple geometric shape.
What sort of tools should I be looking at in Javascript to do achieve this?
Thanks in advance

You might want to take a look at <map></map> tag in HTML: http://www.w3schools.com/tags/tag_map.asp
It should accomplish what you want to do.

Related

Detect colored dots in image with tracking js [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I am trying to make a program to count the dots on all the dominoes in a picture, like this:
I want it to be a JavaScript function. I have tried to understand how to use tracking js with tutorials, but they're all abput face recognition. I only want it to detect colored dots and output how many of them are present in a picture. Is that possible in any way? Thanks for any help!
Yes you can by using some image recognition such as https://trackingjs.com/ or other.

Javascript: how to make a website that allow user to scroll in any direction? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
This site is pretty cool, http://pharrellwilliams.com/, and I'm wondering what function makes the users can scroll in any direction and the size of page is endless.
This is the library that the website uses:
http://www.pixijs.com/
https://github.com/pixijs/pixi.js
It shows you when you open up the inspector and take a look at the console.
No problem, make a div that's HUGE, like 10,000px (hardcoded!) in width or something that's way bigger than any possible screen size, and however high you need it to be. Then, fill with content. Boom! Your done.

CSS mouse hover glows [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Can someone tell me this effect used in this page (https://www.canva.com/)
When you hover a region, it's glows. I need a name of this effect to find a tutorial.
This effect is very special and I don't thing that there are any tutorials out there. Anyway, creating things like that is really not easy and maybe you should get an advanced understanding of web development first in order to really understand the code and what it does in this case.
What you're looking for is the JS file: https://static.canva.com/static/r/woopwoop/js/XIR9abnkRmmIBfD9RiiwSg.js
The CSS file: https://static.canva.com/static/r/woopwoop/css/auth/YC3uEEMWOOxOK1-4GWZMtQ.css
And this bit of code: <canvas class="loginFun" width="320" height="700"></canvas>

How to build a graph page like this one? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I came accoss this webpage: http://www.concerthotels.com/100-years-of-rock and it is very cool. I would like to build some content with similar looking.
Is it possible that someone could give me a direction how this page is built? Thanks a lot for that.
this is made with javascript , css , html5
there are many jquery plugin like scroll magic who can give you the same effect as scrolling content automatically or made you own timeline : (http://janpaepke.github.io/ScrollMagic/)
also drawing and animating lines can made with SVG (Scalable Vector Graphics ), visit for more information (http://www.w3schools.com/svg/) .
hope this can give you a small view of how you can do the same effect :)

JavaScript custom prompt boxes without using jQuery [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
First poster here, but I wanted to know if there was anyway that it was possible to customize the JavaScript prompt boxes without using jQuery? I'm wanting to keep my site vanilla as possible. Thanks.
You can create your own modal dialog boxes. However you cannot customize how, for example, window.alert("Hello!") would look. That is completely up to the browser manufacturer.
create a 'div' and show that using an event.

Categories

Resources