area border - Javascript

Mudas

Hello

I'm trying find some solution but I even don't know if it's possible.
I have a map of some region and using the area I can enlarge it.
But I want to set the area border=1 when mouse is on and hide border
when is out. – the user must know which region will be enlarge.

I know that it's possible when I'll divide my image to smallest, or if
I use flash but I want to make it in html, css or java. Mayby it's
possible using layers ?? Have you any idea ??

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<img border="0" src="Photo/MainMap.jpg" alt="" usemap="#Norway ">
<map name="Norway">
<area shape="rect" coords="37, 25, 85, 82" href="MainM1.ht m"
alt="powieksz region" onmouseover=??? ????? onmouseout=???? ?????>
</map>

Regards
Mudas

Jul 23 '05 #1

Subscribe Reply

2023

bne

Hi Mudas,

...I want to make it in html, css or java.

Before some other pedant gets in there first: javascript is not java
<http://jibbering.com/faq/#FAQ2_2>

You're probably best ditching the image map idea and going for a pure
DHTML solution:

<div style="position :relative;top:0 px;left:0px;">
<img border="0" src="Photo/MainMap.jpg"
style="position :absolute;top:0 px;left:0px;">
<div id="Norway"
style="position :absolute;left: 37px;top:25px;w idth:48px;heigh t:57px;"
onmouseover="sh ow('Norway');"
onmouseout="hid e('Norway');">< a href="MainM1.ht m"><img
src="nothing.gi f" border="0" style="width:48 px;height:57px; "
/></a></div>
</div>

<script type="text/javascript">

function show(id)
{
var el = document.getEle mentById(id);
el.style.border Width = '1px';
el.style.border Color = '#000';
el.style.border Style = 'solid';
}

function hide(id)
{
var el = document.getEle mentById(id);
el.style.border Width = '0px';
}

</script>

nothing.gif is a transparent filler image.

obviously this only allows for rectangles - setting the visibility of a
transparent gif that's in the outline of the shape might be another way
round it of course.

ben

Jul 23 '05 #2

Similar topics

3486

How to create a CSS layout with verticaly variable area?

by: Marc-Olivier BERNARD | last post by:

Hi there, I need to create a classic layout like this: ------------------------\ top | ------------------------| | | | left| center |right|

HTML / CSS

2679

need help on highlighting image map area

by: Ms Yaqian Fang | last post by:

Hello, I want to highlight the clicked area on an image by placing another image on it. But it replaced the whole image, not the clicked area. My code is as following, can anyone please help me? Thank you!!!! <head> <script language="JavaScript" type="text/javascript"> function changeImagemap(newImage) { if (js > 1.0) document .src = eval(newImage + ".src"); } </script>

Javascript

8979

Resizing a form by its viewable area

by: Jon Davis | last post by:

If I have a UserControl of fixed size and I want to place it on a blank form, then resize the form according to the size and shape of the UserControl, how do I set that height/width on the form without it all getting messed up by the form's title bar and border? Or are height and width on Form objects not affected by the border and title bar? Jon

C# / C Sharp

2647

How to set the size of the "Client Area" of a Custom control ?

by: TheSteph | last post by:

Hi, I've made a CustomPanel derived from the Panel class. How can I set my own size of the "client area" of that CustomPanel ? ("client area" = Size of the rectangle in which one can drop controls from the toolbox, or place a control by code) Because of the large border, some control too close of the border are on

C# / C Sharp

1198

Centering main area on the page

by: Dave Griffiths | last post by:

Hi all Using VB 2005 I am trying to recreate some existing pages made originally in Dreamweaver to ASP.net. Now I am stuck at the first hurdle. Original code using css div.edges { border-left: 2px solid #c7c7c7;

ASP.NET

61385

iFrame: how to display specific area of external website

by: deknoopjes | last post by:

I want to display a specific area of an external website using iFrames. A year ago I created such code successfully, but lost this code due to a crashed computer. Googling for any solutions did not help me so far. Any hints on how to achieve this (again)? This is what I have so far: <div style=" position:relative; // used for positioning and may or may not be required background: #FCC; // background color of div may...

HTML / CSS

4952

onClick not firing for an ImageMap Area

by: Dan Rumney | last post by:

All, I have a web page (copied below) with 3 images on it of fixed dimensions. Each image has a map associated with it In the maps, there are a number of areas with an onClick handler registered (in this sample, just an alert) The HTML is valid.

Javascript

2457

Content area dropping below sidebar in IE6

by: pixelfreaks | last post by:

Hello, I am having a problem in aligning the sidebar and content area in a webpage. I am using css. Consider the below layout. __________________________________________ | header | |_________________________________________| | | | | | ...

HTML / CSS

8145

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...

General

8095

Changing the language in Windows 10

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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...

Windows Server

8556

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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

8410

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

7030

AI Job Threat for Devs

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, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

6068

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 presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

5526

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 then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

4103

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

1690

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP