MouseOver effect needed ofr map hot spots
Hi friends!
I need help with Adobe flash AS3/ I have a map that I want to make in Flash with mouseover effect. Example map is here http://www.elabram.com/index.php?r=client/index, but it is made with CSS.
What I need?
1) When mouse is over the location pin it must show infobox. Yes similar what Google Places does. but with mouse over effect, not on Click.
I was using Adobe Flash 5.0's default code snippets and got stuck after this code bolow... I'm new to Flash, sorry but learn very fast/
/* Mouse Over Event
Mousing over the symbol instance executes a function in which you can add your own custom code.
Instructions:
1. Add your custom code on a new line after the line that says "// Start your custom code" below.
The code will execute when the symbol instance is moused over.
movieClip_2.addEventListener(MouseEvent.MOUSE_OVER, fl_MouseOverHandler_6);
function fl_MouseOverHandler_6(event:MouseEvent):void
// Start your custom code
// This example code displays the words "Moused over" in the Output panel.
trace("Moused over");
// End your custom code
Thanks in advance
Aldi
BTW,
I just need codes that go here in {} where it says //Start your custom code
function fl_MouseOverHandler_6(event:MouseEvent):void
// Start your custom code
// This example code displays the words "Moused over" in the Output panel.
trace("Moused over");
// End your custom code
Thanks
Aldi
Similar Messages
-
I am using DW8 I have an image map. If I use the square/rect
tool or the
circle tool I can get a hot spot to show. If I try to draw a
polygon shape,
I do not get the green overlay that works with the other
tools.
What am I doing wrong or is this a bug?
KimYes. Every time, on every image (placeholder).
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"KimMazz" <[email protected]> wrote in message
news:[email protected]...
> Hmm, so you're saying that you can see the overlay when
you draw a poly
> shape?
>
> Kim
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> To be honest, I'm not sure. I have submitted it as a
bug in the past,
>> but without steps to make it reproduce every time,
it's hard to have
>> someone fix it.
>>
>> --
>> Murray --- ICQ 71997575
>> Adobe Community Expert
>> (If you *MUST* email me, don't LAUGH when you do
so!)
>> ==================
>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>> ==================
>>
>>
>> "KimMazz" <[email protected]> wrote in
message
>> news:[email protected]...
>>> Murray,
>>>
>>> Which would mean that it's my PC bug? How can it
be fixed then?
>>>
>>> Kim
>>> "Murray *ACE*"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>>I can't reproduce it with the page you sent
me, Kim.
>>>>
>>>> --
>>>> Murray --- ICQ 71997575
>>>> Adobe Community Expert
>>>> (If you *MUST* email me, don't LAUGH when
you do so!)
>>>> ==================
>>>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>>>> ==================
>>>>
>>>>
>>>> "KimMazz" <[email protected]>
wrote in message
>>>> news:[email protected]...
>>>>>I found that if I go to the map in code
view and delete all the code
>>>>>except for the coordinates then it shows
the overlay. I will send you
>>>>>the file.
>>>>>
>>>>> Kim
>>>>>
>>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>>>
news:[email protected]...
>>>>>> Kim:
>>>>>>
>>>>>> I have seen this happen. I have no
idea why. Can you send me the
>>>>>> page?
>>>>>>
>>>>>> --
>>>>>> Murray --- ICQ 71997575
>>>>>> Adobe Community Expert
>>>>>> (If you *MUST* email me, don't LAUGH
when you do so!)
>>>>>> ==================
>>>>>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>>>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>>>>>> ==================
>>>>>>
>>>>>>
>>>>>> "KimMazz"
<[email protected]> wrote in message
>>>>>>
news:[email protected]...
>>>>>>> Ok Murray,
>>>>>>>
>>>>>>> Of further interest. When I open
a different page in a different
>>>>>>> site, that "already" has an
image map I can draw a polygon. If I
>>>>>>> open a page that "does not"
already have an image map I can not draw
>>>>>>> a polygon.
>>>>>>>
>>>>>>> Kim
>>>>>>>
>>>>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>>>>>
news:[email protected]...
>>>>>>>> Hmmm - You are on Mac?
>>>>>>>>
>>>>>>>> --
>>>>>>>> Murray --- ICQ 71997575
>>>>>>>> Adobe Community Expert
>>>>>>>> (If you *MUST* email me,
don't LAUGH when you do so!)
>>>>>>>> ==================
>>>>>>>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>>>>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>>>>>>
http://www.macromedia.com/support/search/
- Macromedia (MM)
>>>>>>>> Technotes
>>>>>>>> ==================
>>>>>>>>
>>>>>>>>
>>>>>>>> "KimMazz"
<[email protected]> wrote in message
>>>>>>>>
news:[email protected]...
>>>>>>>>> actually clickity click
no, only kidding. Yes I am doing click,
>>>>>>>>> click click to draw the
polygon. I tried click drag click drag and
>>>>>>>>> it didn't work that way
either.
>>>>>>>>>
>>>>>>>>> the coordinates are
getting recorded, it's just not showing me the
>>>>>>>>> overlay. So, I can't
select it and/or set the behavior.
>>>>>>>>>
>>>>>>>>> Kim
>>>>>>>>>
>>>>>>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>>>>>>>
news:[email protected]...
>>>>>>>>>> How are you drawing
the hotspot? Are you doing
>>>>>>>>>>
click:click:click:click to mark the apices of the polygon?
>>>>>>>>>>
>>>>>>>>>> --
>>>>>>>>>> Murray --- ICQ
71997575
>>>>>>>>>> Adobe Community
Expert
>>>>>>>>>> (If you *MUST* email
me, don't LAUGH when you do so!)
>>>>>>>>>> ==================
>>>>>>>>>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>>>>>>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>>>>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>>>>>>>>
http://www.macromedia.com/support/search/
- Macromedia (MM)
>>>>>>>>>> Technotes
>>>>>>>>>> ==================
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> "KimMazz"
<[email protected]> wrote in message
>>>>>>>>>>
news:[email protected]...
>>>>>>>>>>>I am using DW8 I
have an image map. If I use the square/rect tool
>>>>>>>>>>>or the circle
tool I can get a hot spot to show. If I try to draw
>>>>>>>>>>>a polygon shape,
I do not get the green overlay that works with
>>>>>>>>>>>the other tools.
>>>>>>>>>>>
>>>>>>>>>>> What am I doing
wrong or is this a bug?
>>>>>>>>>>>
>>>>>>>>>>> Kim
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>
>>>>>>
>>>>>
>>>>>
>>>>
>>>>
>>>
>>>
>>
>>
>
> -
Attaining Hot spot in ALV Tree Using OOPS concept
Hi All,
In our requirement we are displaying the data in ALV Tree Using OOPS.
We need to achieve hot spot on one of the header field.
I am using Class 'CL_GUI_ALV_TREE'
Ex:
CreditAccnt/ Company codes DSO DDSO
26 15 15
8000 5 5
8545 10 10
In the above example for every credit accnt in header we r displaying the values ( DSO ,DDSO) for all company codes.
Now we require hot spot on Credit Accnt 26. Such that when user clicks on the credit accnt it should navigate to another transaction.
NOTE: we havent build any field catalogue for field CreditAccnt/ Company codes .Hi,
You can refer to the tutorial -
https://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/library/abap/an%20easy%20reference%20for%20alv%20grid%20control.pdf
Or try using the code below-
CLASS lcl_event_receiver DEFINITION
CLASS lcl_event_receiver DEFINITION.
PUBLIC SECTION.
CLASS-METHODS:
Hot Spot Click
handle_hotspot
FOR EVENT hotspot_click OF cl_gui_alv_grid
IMPORTING e_row_id
e_column_id
es_row_no,
ENDCLASS.
Implementation
*& Method handle_hotspot
This method is called when the user clicks on a hotspot to drill down.
The following types are exported from the ALV
LVC_S_ROW
LVC_S_COL
LVC_S_ROID
METHOD handle_hotspot.
The hotspot processing coded in the form below.
PERFORM f9802_handle_hotspot USING e_row_id
e_column_id
es_row_no.
ENDMETHOD.
*& Form f9802_handle_hotspot
This form is called when the user clicks on a hotspot on the ALV grid
The parameters are of type
-->P_E_ROW text
-->P_E_COL text
-->P_E_ROID text
FORM f9802_handle_hotspot USING p_row
p_col
p_roid.
DATA: lw_output LIKE LINE OF i_output.
READ TABLE i_output INDEX p_row INTO lw_output.
SET PARAMETER ID 'MAT' FIELD lw_output-matnr.
CALL TRANSACTION 'MM02' AND SKIP FIRST SCREEN.
ENDFORM. " f9802_handle_hotspot
FORM f9300_modify_field_cat TABLES p_fieldcat STRUCTURE lvc_s_fcat.
Field-symbols: <lfs_fieldcat> TYPE lvc_s_fcat.
LOOP AT p_fieldcat ASSIGNING <lfs_fieldcat>.
CASE <lfs_fieldcat>-fieldname.
WHEN 'MATNR'.
<lfs_fieldcat>-hotspot = c_x.
<lfs_fieldcat>-key = c_x.
WHEN OTHERS.
ENDCASE.
ENDLOOP.
ENDFORM.
In PBO,
module STATUS_9001 output.
Set handlers for events
SET HANDLER o_eventreceiver->handle_hotspot FOR o_Alvgrid.
ENDMODULE.
Hope this helps -
How many devices can I connect to my iPhone hot spot?
how many devices can I connect to my iPhone hot spot?
Thank you. I guess I don't need an additional hot spot device. Thanks.
-
Complex image mouseover effects using PNGs (need advice)
Hi,
Please take a look at the following 4 elements, and how they behave on mouseover :
http://bit.ly/stuCfM
I am using PNGs here, so that I can overlap the elements.
Osgood_ proposed the following "hot spots" method of swapping images, which would eliminate the hassle of individually positioning the items. All I would need are 5 versions of the same ensemble image, each with a different item highlighted. The tutorial walking us through this method is here : http://www.youtube.com/watch?v=Px8h86sILj8
Problem is, repeating this image 5 times in 5 different files (which is what this method seems to require I do) adds up to 1.8MB in images alone. Placing all 5 states in a single PNG takes up only 400k.
So I'm looking for a way to achieve what is demonstrated in the example at the top of this posting, but using a single PNG with 5 different states represented in it. The "image swapping" would have to be a background shift. The PNG itself would be very long (over 3500 pixels in width) but only 400k (I tried it, that's what it comes out to).
How do you experts recommend I tackle this problem?
PS: Keep in mind, clicking on the highlighted image would call another page. That's why I used <a> tags in my first example.
Thanks!I've used jQuery & this MapHighlight script with good success.
Details:
http://davidlynch.org/blog/2008/03/maphilight-image-map-mouseover-highlighting/
Download:
https://github.com/kemayo/maphilight/
Very simple to set-up in the <head> tags. Works with any image map.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="Scripts/maphighlight.js"></script>
<script type="text/javascript">$(function() {
$('img[usemap]').maphilight();
});</script>
You can customize fillColor, fillOpacity & stroke values in the script (near the bottom):
maphilight.defaults={fill:true,fillColor:"00CC00",fillOpacity:0.4,stroke:true,strokeColor:"99FF33",strokeOpacity:1,strokeWidth:2,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/ -
Roll over effect with hot spots
Hello,
I have created a state map with city locations. If you roll
your mouse over a specific city, the entire map/graphic should
change over to the graphic with the specified city location address
information. At first I thought to create buttons, but that won't
work because I need the state map to have hot spots for each city.
Any suggestions?
Thanks,
MonaEI'm not sure what you mean regarding "it" will change to the
image, but I am not talking about a single button. I mean have a
button over each city to act as the hotspot. Interacting with a
given button will trigger whatever as far as showing the office
location image goes.
Depending how you go about it, you could make the "over"
state of the button be the office location image, while the normal
state and hit area are defined as just the name area on the
California map. -
I need to create a mouse hover effect on this map?
I need to create a mouse hover effect on this map.
Where the areas in (yellow or blue) will highlight or change color as the mouse lays on top. I have tried many things I dont seem to get it to work. Can someone help me?
Link: http://sawpm.businesscatalyst.com/plan-de-ventas.htmlHi there.
You'll need to place something on top of it and play with opacity.
- Imagine you have an inverted color version of your building A in a clipped-transparent PNG - it has to be the exact size, so it fitts nicely
- Then you put that PNG on top of your map on the exact location of your building A
- Convert it to a symbol
- Inside the symbol:
- Put a trigger at 0ms and 500ms with the following code: sym.stop();
- Create an animation (with your building A image) with, say, 250ms, were it begins at 125ms with 0% opacity and at the end - 375ms - with 100% opacity. Put a label in the begining (250ms) saying mouseover and another at the end (350ms) saying mouseout
- Click on the actions of the building A image (the one with the inverted color or something similar) and choose "mouseover". write the following code: sym.play('mouseover');
- Go to the actions again, choose "mouseout" and write the following code: sym.play('mouseout');
That's basically it.
pmfr -
I use a prepaid Verizon MiFi portable hot spot and I cannot get home sharing to work
! Do i need a regular router that is hard wired to my computer?I use a prepaid Verizon MiFi portable hot spot and I cannot get home sharing to work
! Do i need a regular router that is hard wired to my computer? -
RoboHelp 8
I have a diagram with numerous image maps. How do I highlight which image map I am hovering over? Is it in te
JacNot sure about a "highlight" - I use a roll over tool tip with a brief description - I use 130 hot spots with roll over tips on one diagram alone (hot spots link to entries in a table).
Regards,
GEWB -
Why does firefox not display photos with Hot spot slices in them
I took a photo and brought it into Fireworks and created a graphic map with hot spots to certain countries. While this looks great on Internet Explorer its not showing properly in firefox at all. http://www.aist.org/chapters/chaptermap.htm
Heres the example .That website is an MS Office document that has VML content for the images.<br />
You can see that as green comment code in the page source (View > Page Source)<br />
Only IE can display such a document properly.
You need to save that page as W3C compliant HTML code and make sure that you disable VML to make it work in all browsers.
Looks that something is wrong with the image count for images used when VML is not enabled.
The image image003.jpg (http://www.karalee.com.au/index_files/image003<i></i>.jpg) should be:
*http://www.karalee.com.au/index_files/image002.jpg
The image image005.jpg (http://www.karalee.com.au/index_files/image005<i></i>.jpg) should be:
*http://www.karalee.com.au/index_files/image004.jpg
<pre><nowiki>javascript:void(document.images[0].src='http://www.karalee.com.au/index_files/image002.jpg');void(document.images[1].src='http://www.karalee.com.au/index_files/image004.jpg');void(0);</nowiki></pre> -
MS Excel document as attachment to a PDF document does not open with a hot spot/link in the PDF
Hi, I have attached an excel file to a pdf document. I need to open this document in a new window by clicking an icon/hotspot in the pdf document to which it it attached.
I am using the Link Tool to create a hot spot around the icon in the pdf. In the next window I am using the Go to Page view option, opening the attachment to its first page and clicking the "set link" button.
For some reason, clicking the hotspot does not open the excel document as it does another pdf document.
Need help resolving this issue with attached documents.Select a particular download file. Press COMMAND-I to open the Get Info window. In the Open With section choose the desired default application from the dropdown menu then click on the Change All button.
For .dmg files use DiskImageMounter (System/Library/CoreServices/ folder.)
For .zip files use Archiver - same folder as above - or download TheArchiver - MacUpdate or CNET Downloads. -
How do I use hot spots in the most advanced style?
My first attempt at Dreamweaver web design.http://www.deer-harbor-stewardship-project.org . I will be resampling my images and doing a ton of other appropriate modifications but here are some initial questions. How do I use this "plug in" http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html#blossom feature for my fluid grid responsive image map. How can I make my hot spots turn up little boxes with a photo, an illustration, or informatory text? How do I get ride of the spaces between divs? Sorry if I have asked too many questions. I better read the forum user rules if you have them. thanks for reading this. endurobob
Murray *ACP* wrote:
Anyhow, it makes no sense to put image tags within container tags meant to convey semantic meaning to their contents since an image has no semantic meaning. So try changing this -
<div id="header">
<h1><img src="_images/title_scan.jpg" alt="newtitle"></h1>
to this -
<div id="header">
<img src="_images/title_scan.jpg" alt="newtitle">
I completely agree with this. However, if having an image as a heading was important (if you styled it in a way you can not with CSS) you could always code the image into the heading through CSS.
Something like:
<h1 class="heading">This is a heading</h1>
h1.heading {
margin:0;
width:??;
height:??;
background: #000 url(ImageURLHere) no-repeat;
text-indent:-9999px; /* This will move the text of the heading off-screen */
The 0 margin on the style should clear up the gap as well. -
How to connect a time capsule with an ATT Elevate Hot Spot
Hi,
Need help connecting my time capsule to my ATT Elevate Hot Spot....since I have no ethernet connection.
Thanks!Not sure how much we can help on this, but as a test, if you turn off the wireless on your MacBook and connect it to the router using an Ethernet cable, you should be able to log onto the Internet.
If you can, you know the Ethernet connection is working, and it will be a simple matter to connect the Time Capsule to the router and get it set up.
If you cannot get an Internet connection when you connect the Mac directly to the router, then more troubleshooting will be required. -
Can you print from an iPad 2 using 3G in a home with no other computer or wifi by using an iPhone 5 hot spot connection if the printer has been set up in another place with live wifi? I know this question is loaded but my dad lives in a rural area and is wanting a printer to use occasionally. He doesn't want to deal with a computer and I keep his iPad updated for him at my home. Please shed some light on this for us PLEASE. Thanks
In that case, it should be possible. I haven't tried this directly, but I believe it should work.
You'll need to get an actual AirPrint compatible Printer.
Check here for a list of Printers you can choose from.
http://support.apple.com/kb/ht4356
Once you have the compatible printer, using the Hotspot feature from the iPhone he'll have to create the Wifi bubble form the iPhone, and connect the Printer to that Wifi network.
Then connect the iPad to that same Wifi network provided by the iPhone. When all that is done, the printer should appear in any of the Apps that can Print under the Action Arrow button.
For instance in email, pressing the action arrow should show a Print option. In there the printer should appear.
Alternatively you can simply buy a wireless router and setup the network through there even if there is no internet attached. Connect the wireless printer to the router network, and connect the iPad or iPhone to that same wifi network to print. -
I currently have my Apple TV set up using my wireless network in my home. I plan to use the Apple TV while camping and thinking I should be able to use my Hot Spot on my iPad to display on my TV while camping. What I'm not finding is how to find my network on my iPad? What do I need to do to assign my Hot Spot as a network? Can this be done or do I need a remote router?
So when I connect my ATV to my TV, I turn on my hot spot and go to Netflix. I can get Netflix on my iPad for streaming movies, but it won't share with my TV. The TV is telling me it doesn't recognize my network. When I go to settings, general and network on the TV screen, I'm asked to select a network. If I select other, I don't know what network to use? Does the iPad have a network assigned to it? If so, how do I access?
Maybe you are looking for
-
Cannot extract the embedded font 'IEOFAD+TimesNewRoman'.
I am a Mac OS X 10.6.8 and Adobe reader X 10.1.4 user. When I'm opening a pdf file, this error message come out: Cannot extract the embedded font 'IEOFAD+TimesNewRoman'. Some characters may not display or print correctly. How do I solve this problem?
-
Nokia lumia 625 - losees date & time settings when...
Hi should my 625 lose the date & time settings when the battery goes flat - mines done it twice now only had the phone since last wednesday
-
I know I should not jog or run with my Zen Touch, but what about using it in my car, or bus? You think I can use my Touch safely while riding in a car or bus without the fear of damaging the hard dri've?
-
Compilation Problem with Analog Modulation in Debug64 mod
I can compile and run the AMDemodulate program in the analog modulation toolkilt with Debug mode successfully. However, I get the following link errors with Debug64 mod. 4 Project link errors Undefined symbol 'ModtCreateSessionHandle' referenced in
-
Compiled kernel module fails to install
A few moments ago finished compiling my own kernel, but still I can not boot with the new kernel. When installing modules: make modules_install I get this: Warning: you may need to install module-init-tools The kernel was compiled in the traditional