Drawing with rollovers

im trying to allow users to draw on a website by having a grid of rollovers
at the moment i can only make the rollovers stick, however im trying to make them revert to the original image on a second onMouseOver,
is this possible, ive speant a few hours trying to find if anyone else has asked this but havnt found anything yet.
thanks

so to make this work over a table of images id simply need to use a different toggle for each cell?
eg.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var toggle1=toggle2=toggle3=toggle4=0;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body>
<table width="200" border="1">
<tr>
    <td><a href="#" onmouseover="if(toggle1==0) {MM_swapImage('Image1','','http://www.laurierobins.co.uk/web1.gif',0);toggle1=1} else {MM_swapImage('Image1','','http://www.laurierobins.co.uk/web2.gif',0); toggle1=0;}"><img src="http://www.laurierobins.co.uk/web2.gif" name="Image1" width="200" height="200" border="0" id="Image1" /></a></td>
    <td><a href="#" onmouseover="if(toggle1==0) {MM_swapImage('Image1','','http://www.laurierobins.co.uk/web1.gif',0);toggle2=1} else {MM_swapImage('Image1','','http://www.laurierobins.co.uk/web2.gif',0); toggle2=0;}"><img src="http://www.laurierobins.co.uk/web2.gif" name="Image1" width="200" height="200" border="0" id="Image1" /></a></td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>

Similar Messages

Navigation with rollovers

Hi,
I have the nice task to evalute the Portal of the 9iAS v2.
We have a nice web which should be ported to the Portal.
I have there a nice Navigation Bar with rollovers.
How can I build this navigation? I can use "Page Links" from the items to build a navigation with links.
But I want to use images.
My questions:
1. Are there any build in features to do images with links - rollovers with links
and if not - how can I do this.
2. when I use Page Links I can find the right page just by name - how can I do this when
I have to enter this manually?
thanks a lot,
michael

Here's the bad news - letting a graphics application write the HTML for a production site is not a viable method. The tables produced are completely rigid and will break unexpectedly as you build your page and add content (thereby changing the 'shape' of the original layout plan). Please read this to see why that's the case -
http://www.apptools.com/rants/spans.php
The spans are what create "gaps" unexpectedly as the table tries to maintain its shape. I believe the only way to fix this is to not use that FW HTML at all.

Layers with rollovers

I am creating a organizational chart with rollovers that
contain a picture and contact information. When I rollover a
person's area on the chart, their info pops up in a rollover box.
But since it is a org chart, the people's names need to be close
together so I end up getting someone's area in front of a rollover.
If I select move to front for the other rollover, then someone
elses info gets blocked. Is there a way to keep the rollovers on
top of the document and have the chart always behind the rollovers
so no one gets their info blocked?

Don't use the show/hide at all. Use SetText of Layer to write
the required
content into a single layer.
Or - if you don't quite get that, just use PVII's AutoLayer
extension which
will show one and hide all the rest automatically.
http://www.projectseven.com/
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
==================
"JesseLY" <[email protected]> wrote in
message
news:f61nbm$9sn$[email protected]..
> Creating a series of thumnails on a page which, when
clicked on, will
> bring up
> full size image in one spot and relevant text in
another. I'm using Show /
> Hide
> Layers to do this. I've got it all working fine except
stumbling on one
> thing.
> Probably obvious.
>
> The question I have is how to make the currently showing
layers go away
> when
> the user clicks on another thumbnail. If I was using
onMouseover and
> onMouseout
> then that would be simple. But I can't figure out how to
automatically
> make the
> layers currently showing go back to being hidden when
another thumbnail is
> clicked. What I get instead is the new layers appearing
on top of the old
> ones
> and making a mess.
>
> Probably an obvious solution, but my brain is not
getting it at the
> moment.
> Suggestions?
>
> Thanks...
>
> -Jesse
>
>
>

Drawing with a pencil = circles and rectangles

When I am drawing with a pencil, the line looks like the shape I want to draw, but when I stop drawing, the shape reshapes to another shape whick looks like circles and rectangles = it does not look like the shape I wanted to draw. What is the problem?

at the bottom of the tools panel click the pencil mode icon and choose ink or, use the brush tool if you want no adjustment to your drawing.

Drawing with the Pen tools

This question was posted in response to the following article: http://help.adobe.com/en_US/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-73a0a.h tml

Correction: same issue -- pen tool drawing shows up only on the digital image on the screen. Not when printed. Well sounded like a good theory.
Problem remains: how to get pen tool drawing, made on photographs, to print.
From: [email protected]
To: [email protected]
Subject: Drawing with the Pen tools o photographi
Date: Sat, 5 May 2012 20:08:05 +0000
Curt, believe I found the answer:
Create a new blank page, the size of the photograph to be worked on. The blank page is what the pen tool responds to only.
Add the photographic image to the new blank page (same size).
Now you can use the pen tool over the photographic image. When finished drawing, flatten the image with drawing, and print.
Date: Fri, 4 May 2012 21:00:54 -0600
From: [email protected]
To: [email protected]
Subject: Drawing with the Pen tools
    Re: Drawing with the Pen tools
    created by Curt Y in Photoshop General Discussion - View the full discussion
Perhaps you are talking about stroking the line?
Set the color and size with brush, then in Path window click on Stroke Path with Brush.
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4380667#4380667
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4380667#4380667. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Photoshop General Discussion by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Drawing with Asterisk

does anyone know how to draw with asterisk on an applet? i am writing a program that asks a user for a size of a square and then draws the square on an applet using asterisk.

TextArea.Insert("******",10);

Drawing with mouse

Hi everybody,
I'm making a drawing application, everythings looks and works ok, except for one thing...
My mouse cursor is hidden and a paintbrush like cursor follows it. This cursor is a movieclip, because the user chooses a color, and the tip of this paintbrush changes to the selected color.
So far so good. But there's one problem... when I draw to the left the line is drawed with no problem, but when I draw to the right, the line is interrupted, and I don't understand why.
I made one experiment, and with no movieclip "attached" to the mouse cursor, the line is drawed with no problem, both to the right and left.
I'll give you the code that manages this feature, in hope that someone can help me on this.
Thanks for your time...

You're wright... it is here. The boardOut function is called too soon, but funny thing is that, if I don't have a movie clip following the mouse, it works OK. If there's a MC the mouse calls boardOut early, when the drawing movement is to the right.
To the left the movement has no problem

Drawing with a custom profile stroke is not working for me. Does it work for you?

Drawing with a custom profile stroke is not working for me. Does it work for you?
I can only apply it on an existing stroke but can't draw a new one with the selected profile. In fact if I change the profile to other than the default Uniform I also can't draw a new stroke with any other width than the default 1 point. This doesn't seem normal.
Using SC5 on a PC.

Another question on the same topic.
Once I add a new profile to the list is it possible to put it on top of the list. I need this because the Adobe people decided to put the list in a tiny scrollable window with only a few of the first profiles showing. If there is noting in the interface may be I have to modify some program files settings?

Delayed live screen drawing with tools in Photoshop. Video driver update?

Delayed live screen drawing with tools in Photoshop CS5 on my iMac running system 10.6.7.
Hi there. Recently, I've been having issues with the tools. There's a distinct DELAY in the live drawing. For example, if I open a random image, take the pencil, paintbrush, or even eraser tool, and I draw a large line across the image, I don't see anything. If I zoom in or out 1 click, I see the line. If I draw ANOTHER line, same thing - I need to zoom in or out to see it. With all of the tools. I've never had this issue before and it's incredibly frustrating (that might be an understatement as you can imagine - I use PS daily as I am a full-time designer.) Any ideas or solutions? I've already TRASHED my preferences and reset the tool. If it IS a driver issue (which is weird, because this issue just recently started happening) I contacted the driver manufacturer (AMD) and was told:
"Unfortunately, Apple does not authorize us to release drivers for their products.
All drivers are provided to Apple who then customize and release them to their customers.
You will need to contact Apple to obtain the most current drivers for your product."

You are correct - only Apple can deliver display drivers to you. That's what you get with a Mac as Apple wants to be your "one stop shop" for support..
Just curious: Are you painting with large brushes and very small Spacing values? That can cause some delay, though it normally catches up on its own - you don't have to do anything to make it happen.
Have you tried disabling OpenGL Drawing in your Photoshop Edit - Preferences - Performance menu. Restart Photoshop after making that change and before testing.
-Noel

Using a keyListener to draw with arrow keys

Hi!
I am trying to create an interactive game where the user can
draw a line using the arrow keys (similar to an etch-a-sketch). I
have a start point acting on keyListeners that will move around the
screen using the arrow keys, but I can't seem to figure out how to
get the listeners to draw a line. Here is the correct code that
moves the start point:
information_txt.text = "USE YOUR ARROW KEYS TO DRAW";
var speed:Number = 4;
start_mc.onEnterFrame = function() {
if (Key.isDown(Key.RIGHT)) {
this._x = this._x+speed;
} else if (Key.isDown(Key.LEFT)) {
this._x = this._x-speed;
if (Key.isDown(Key.UP)) {
this._y = this._y-speed;
} else if (Key.isDown(Key.DOWN)) {
this._y = this._y+speed;
How can I modify Action Script to get the keyListeners to
draw on the arrow keys?
Any help would be MUCH appreciated!!!
Thanks!

Thanks for your reply! That's awesome. you were right, my
script is in AS 2.0... I guess I posted to the wrong section. But I
could easily switch to AS 3.0. I am really just interested in
drawing with the arrow keys and using that action script to draw
onto my own stage/ image. I have tried messing with the script, but
can't seem to get the "drawing" portions of the script to work.
Any suggestions??
Thanks again for the help!!!

Jittery lines when drawing with pencil tool in Flash

When drawing with the pencil tool using an Intuos Wacom tablet, the lines are jagged and create several points along the jagged line, making the pencil tool unusable. Does not occur with any other program. Using Flash CC Pro 2014.

Hi Jessy,
Can you please provide the following details to understand the issue .
What is mode of pencil you have set to draw like straihgten ,Smooth or Ink ,and if it smooth mode what is the smothing value you have set .
Wacom driver version.
do you see this problem in any previous version of Flash.
Thanks!
Latha

Drawing with a graphics tablet in Flash

Hey community!
I recently got the newest version of Flash and wanted to do some drawing with my graphics tablet, but whenever i try to draw a freehand line, using the pencil or paintbrush tool, then for some reason, it draws a straight line leading to the bottom left side of the screen, and i have no idea why it is doing this.
When i use the tablet to draw in Photoshop, then it works absolutely fine, but not in Flash
Any help will be lovely!!
Thank you

Hi,
The issue is resolved in the latest update of Flash Pro.Please update Flash professional to 14.1.0.96 .Follow the instruction below for the same :
Installation instructions
Log out and log in to the CC desktop application. Update the application when prompted.
You should see the list of new updates as soon as the new CC desktop application is launched.
Install Flash Professional CC and Mobile Device Packaging app. On a high speed connection, it took me around 8 minutes.
After the application is installed, you can launch the application directly from the desktop app by clicking on it.
Thanks & Regards,
Sangeeta

When I try to copy a drawing with text, it only pastes the text, can anyone help me?

When I try to copy a drawing with text, it only pastes the text, can anyone help me?
adobe illustrator cs5

Are your drawing layers locked and the text layers unlocked? So far it sounds as if the "Copy" command isn't grabbing anything but the text. I've had a similar problem with text not coming across when I saved my vector art as a raster image: for that I had to remove a compound path or something from the text before it would come over.
Make sure your layers (and sublayers) aren't locked, and check your compound paths and clipping masks to see if there's something funny going on.

How to draw with mouse on Html 5 canvas inside browser (using createJs).

Hi Everyone,
In Flash AS2/3 we can draw with mouse in browser (of course inside Flash Player). How can we do that in Flash CC Canvas using CreateJs (result must be in canvas not in flash player). Something like this http://www.codicode.com/art/how_to_draw_on_a_html5_canvas_with_a_mouse.aspx
Thanks in Advance

This is a bit more of a JavaScript / Canvas question than a Flash question. I realize you're using the Flash product but Flash CC is just giving you an IDE with limited JavaScript automation.
In this mode you're expected to be familiar with JavaScript and CreateJS. Are you?
If not, what you might want to do is look at a sister product for HTML5 Canvas automation called EaselJS. It's a JavaScript library that makes using the Canvas very easy. Have a look at the commands here:
http://www.createjs.com/Docs/EaselJS/modules/EaselJS.html
You might find you don't need Flash CC to perform what you want. Otherwise this conversation may tip so deeply into JavaScript and CreateJS that it might be more prudent to use the Dreamweaver forum.

Very simple question-how to fill a shape I draw with color

hi. I am new to photoshop and having a lot of trouble selecting any shape that I draw. I am trying to do a tutorial that involves filling a canvas with gray, then drawing a smaller white rectangle inside of the larger gray canvas/rectangle. (I did not forget to unlock the background).
My question: how do i select and fill (with white) the second rectangle I draw on top of the larger gray rectangle???
In general, I cannot figure out how to select and/or fill any shape I draw using the rectangle tool. Likewise, the marque shape tools are no help as I cannot seem to draw a marque on my gray rectangle in order to select it and fill it with a white fill. I have also tried to use a "fill layer."
I am almost certain that something is wrong with my computer(I reset the settings), but then again I have not used photoshop in over a year. Any help will be greatly appreciated.

The Rectangle Tool sgould create a Work Path, Shape Layer or Fill Pixels according to the Settings in the Options Bar.
The Rectangular Marquee Tool should create a Selection, which you could Edit > Fill or use as a Layer Mask for a Solid Color Layer.
Could you please post a screenshot with the pertinent Panels visible?

Drawing with rollovers

Similar Messages

Maybe you are looking for