Behaviour onClick

I'd like to know if it is possible to get 2 behaviours to work on one link!
Here is my page:
http://olleydesign.co.uk/Ashbourne%20site/about.html#
On the right hand side is a link called "Quicklinks" I've used a show/hide behaviour onClick to reveal a menu. I'd like to use the same behaviour onClick to hide it! (At first I thought I could use mouseOut, but then realised you'd never be able to use the menu!)
Help much desired!

Sorted with js!

Similar Messages

Dropdown on onclick behaviour in fireworks

Hi
I am using fireworks from many days but now i want dropdown
list on onclick behaviour (or any other method)in fireworks. i am
not sure that is it possible or not. I want this feature in
fireworks bcoz i want to use this file as html or swf also. so i
can put this swf in pdf also.
so please help me in this.
Thanks in advance

lee_design wrote:
> Hi
> I am using fireworks from many days but now i want
dropdown list on onclick
> behaviour (or any other method)in fireworks. i am not
sure that is it possible
> or not. I want this feature in fireworks bcoz i want to
use this file as html
> or swf also. so i can put this swf in pdf also.
It can't be done in Fireworks. You need to use an HTML editor
like
Dreamweaver for that.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
Design Aid Kits:
http://www.webdevbiz.com/pwf/index.cfm

Behaviours not working in PDF prototype [click-through]

I'm trying to create a click-through PDF using Behaviours to swap out images onClick. My aim is to create a prototype PDF of a website for my Portfolio by mimicking a Spry Widget. Please see image below.
FYI: I do have an issue with the Main-Nav which uses simple slices linked to their named page [via Link in Properties]. These are naturally shared in each page via Web Layer from a Master Page. This menu doesn't function in Preview mode or once exported or previewed in a browser.[Google]. However, it does click-through in PDF format! So all good there.
I'm concerned with the 2nd Nav set; 1.1 to 1.9. A simple set of rectangular Slices linking to the content area below - a single large rectangular Slice. These Slices are not in the Master Page but located in the Design page of my document, and in all the States of the Design page, of which there are 12 in total. This Nav bar has simple UP, OVER and DOWN States that swap-out and seem to work fine and click-through OK, if previewed in a browser and in Preview mode within Fireworks.
However, click-through does not function in a PDF. Each nav-tab Slice is using Behaviours: onMouseOver | Set Nav Bar Image and the second Behaviour being: onClick Swap Image, then names the correct slice to show onClick in the Behaviours' Panel.
I have tried variations such as adding a Hotspot to create a hand on rollover and clicked and unclicked various Behaviour options in the Behaviours Panel to no avail. I wondered if it was a PDF option that needed fixing much like when exporting a file from InDD but I can't find a suitable PDF option. I read elsewhere about not using Animated Gif as an Image File Type but that didn't work either. When I export to PDF, there aren't the Slice Save options available for PDF. Also Fireworks defaults to export to Acrobat Pro, though if I view in Pro or Reader the click-through still fails.
I'm fairly new to Fireworks but would really like to get to grips with it and I love this prototype wizardry. I'd like to know why the click-thru fails in PDF but functions in browser and FW Preview and why Main Nav functions in PDF but not browser?
So any help will be greatly appreciated.
Blanche

The original post did not indicate the method of creating the PDF. The result that was obtained was what happens when you print to the Adobe PDF printer. To get the hyperlinks embedded in the PDF, you have to use the PDF Maker (create PDF in WORD 2007).

Swap text as well as image with behaviours

Hi a..,
I am trying to create an interactive section of my site where a visitor can click on a small thumbnail and get a larger image to appear in a larger div (I can get this to work fine with the behaviour "swap image" so there are no problems there), but on the same onClick event I want some text to appear in another div relating to the image. I can get this to work once (using the behaviour "set text > set text to contianer" ), but when I clicks on another tumbnail to view the next image/text, the new text is added ontop of the old text and psuhes it down. What I really want is the old text to ve completely removed and the new text appear. I know this will work easily as an onMouseover/onMouseout effect, but I really want it to work as an onClick event.
I am really bad with javascript. I have tried this line of code in the start of the onClick event, it cleared the text fine, but wouln't allow any more text to be put in the div;
document.getElementByID('textcontainer').innerHTML=' ';
As I said, I am really bad with javascript. I pretty much can't write code myself, although to a certain degree, I can change code that is already written to suit my needs.
Can someone offer me any help with being able to make this work?
Thanks heaps,
Peter

Hi,
Here is the link to a version of the page;
http://pyrowebdesign.com.au/html/test-site/image-gallery.html
As I said, I am really queit bad with javascript. I have put in a few examples of what i have tried to get it to work.
The basics of it are;
1. I want the thumbnails on the left to swap the<div class="largethumbnialimage"> section which is working fine.
2. On the same click event, I want text to appear in the <div id="comments"> section on the right, and if therre is already text in there from somone clicking on one of the small thumbnails to see the comments, I want that text to disappear/swap/be replaced by the text of the clicked that thumbnail.
The things I have tried make the text appear for the new thumbnail, but the onld text wont disappear and the text stacks up. I know it would be much easier to use an onMouseover/onMouseout event, but I want to put some links in the text so I need the text to say up and have people free to move th emouse over to it.
Thanks for taking th etime to help.
Peter

Show Hide Behaviour

I am trying to assign a show hide behavior to my portfolio. I already have an image rollover in place on 15 individual images in a grid, basically a brighter version of the thumbnail when on hover.
What I also want to do is assign a show/hide behaviour to each individual thumbnail as well as the rollover which will show a paragraph about each piece of artwork when hovering over the thumbnail. I can implement the rollover easily enough but when the show hide is added the div I am trying to show just flickers briefly on hover then dissapears...
Any info would get greatly appreciated?
Heggie

I already have an image rollover in place on 15 individual images in a grid, basically a brighter version of the thumbnail when on hover.
FYI: You could do this with much less code and only one set of images using CSS opacity.
CSS:
#thumbnail img {opacity: 0.5 }
#thumbnail img:hover {opacity: 1.0}
HTML:
<div id="thumbnail">
<img src="image1.jpg">
<img src="image2.jpg">
<img src="image3.jpg">
<img src="image4.jpg">
</div>
Anyway, to answer your original question. IMO Show/Hide behaviors work best with onClick event triggers. onMouseover triggers are squirrely especially for touch screen devices.
See demo below, view source to see the code.
http://alt-web.com/DEMOS/Show-Hide-Layers.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

EP 6.0 SP2: Update a HTMLB TableView after onClick Event

Hello,
i generate a TableView from a JDBC database selection.
Outside this TableView there are 3 Buttons.
Now the problem:
If one of the buttons will click, the TableView has to be updated with a new database result. Have somebody an idea, how to update the TableView?
Stephan

Could you be more precise?
Default behaviour/coding is that an onClick event effects a request to the server - as your component/dynpage handles this request, you should be able to present anything that you like on this occasion. Maybe you code does not react to the HTMLB event properly?
Regards,
Armin

HTML Link -AS2 fine, AS3 weird behaviour

Hi Guys, I'm working on a project at the moment, and am
seeing weird behaviour with the way my swf handles html links
inside dynamic textboxes. When rendered as a AS2 file, the link
works on a release as expected. When its inside a AS3 file the link
will only work if the user right click and chooses 'open in new
window' was there a change in behaviour how AS3 handles these
links, or is there now an declaration needed to be made to allow
these link to have the old behaviour?
The project calls for xml data and embedded in that is a html
link. Originally I thought it might have been the way I'd formed
the xml so I tried with a hardcoded version instead (dynamic
textbox, add text -> highlight -> add link through properties
tab). But I still see the same behaviour between the as2 and as3
versions.
Any help would be greatly appreciated.
Cheers.

Actually, the ''href'' attribute is supposed to direct the browser to a new URL, etc., not run a script. Instead, use the ''onclick'' event attribute:
''<a onclick = “$('.div-feedback').fadeIn();”></a>''.
Happy coding!

How to apply Swap Image Restore for only one behaviour?

Hi, I have two behaviors for one hotspot..
the first, swaps another image on mouse over..
the second, swaps another image on click..
So, i want the "swap image restore" behaviour to apply only for the first, Is there a way to do that? cuz when i try it applies to both.

@ NancyO
I am trying to do the same thing as Magdi_alafifi - I have two swapImages on click that I want to stay and then another swapImage on mouseover with a "swap image restore" on mouse out.
Here is my code:
<img src="360.png" width="26" height="26" id="Image5" onclick="MM_swapImage('InnerSS','','innersolarsystemON.png',1);
MM_swapImage('outerSS','','outersolarsystemON.png',1)" onmouseover="MM_swapImage('Image5','','360ON.png',1)" onmouseout="MM_swapImgRestore('Image5','','360.png',1)" />
The first swapImage on click works fine, but the second one swaps on click, and resores on mouseout. The swapImage and swapImgRestore on mouseover and mouseout works fine.
I hope this makes sence.

Disable a button component onClick

hi,
I am work with JSF technology. I have a requirement based on command Button i.e..
can we create make a command button disabled on click and the request is to be send to the server
scenerio:
In my application if the user clicks multiple times the submit button. the application is throwing an exception. So I want to disable the submit button when the button is first clicked and the data is to be sent to the server.
I tryed this using JavaScript . I was able to disable the button on click but the request was not sent
can Anybody help me in solving this issue. I will be very thank full if i get the help.
thank you.

You can also use javascript instead.
onClick="window.setTimeout('document.getElementById(\'' + this.id + '\').disabled = true, 50);"
Dependent on the security requirements of your app you can't rely on this client side behaviour. The user could manipulate the request and invoke the action method, even if the button is disabled.

DW CS3 to CS4 : different behaviour on click event on TabbedPanels

Hi all,
In the CS3 spry tabbedpanels wingets, if they add a href link in a thumb-index, the directed page is correctly shown.
In CS4 ds'nt work, the tab is simply shown !
To try it, show the code below.
Is there a resolution to use HREF in them in CS4?
Best regards
Pascal
<!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>Document sans nom</title>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="0">Onglet 2</li>
      <li class="TabbedPanelsTab" tabindex="0"><a href="index.html">Click to go on index.html</a></li>
</ul>
<div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">Contenu 1</div>
    <div class="TabbedPanelsContent">Contenu 2</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Spry overwrites the "default" actions of the browser to allow different markup for the widget. To overcome this behaviour again you can add a small hack on your <a> element:
onclick="window.location = this.href;"

Hyperlinks cannot be configured to use "onclick" for javascript - causes failure in some browsers

When you tell Muse a hyperlink points to a javascript function it uses a direct href to invoke it rather than using the "onclick" attribute. Although there are philosophical debates about which is better, they should both do the same thing. i.e.
<a href="#" onclick="javascript:window.open('http://www.google.com','','scrollbars=yes,width=720,height=700')">onclick</a>
<a href="javascript:window.open('http://www.google.com','','scrollbars=yes,width=720,height=700')">href</a>
- should do the same thing, and open a separate window to display the content.
Trouble is, for some of the most popular browsers, they don't. In Chrome, they both do the same thing, but In IE8, and Firefox 24.x they don't. The href version opens a popup OK, but the original window goes blank. It probably varies between browsers and versions (and the correct behaviour is that it should work), but the bottom line is that the onclick method works all the time.
IT would be ideal if you could choose if the hyperlink uses onclick or href to call the javascript, perhaps in the same submenu that lets you select opening in a new window.

Boot into Recovery by holding down the key combination command-R at the startup chime. Release the keys when you see a gray screen with a spinning dial.
Note: You need an always-on Ethernet or Wi-Fi connection to the Internet to use Recovery. It won’t work with USB or PPPoE modems, or with networks that require any kind of authentication other than a WPA or WPA2 Personal password.
From the Recovery screen, select Get Help Online. A clean copy of Safari will launch. No plugins, such as Flash, will be available. Test. After testing, reboot as usual and post the results.

Open Browser Window Behaviour

Hi,
I want a client to be able to attach pop up window behaviours
to images on their web page. Is it possible to attach behaviours in
Contribute ?
thanks
Simon

I successfully opened every single text link that loads the
songs, and also
opened every single image link on the right hand side.
I don't see a problem here on Firefox w/ Windows XP Home SP2.
Shane H
[email protected]
http://www.avenuedesigners.com
"buzzzzzzzz" <[email protected]> wrote in
message
news:e20bkm$1uv$[email protected]..
> Hi........I have an issue with my DWMX open browser
window behaviour. I
> have
> about 10 text links and 5 image links (ahref#) on my
page using this
> behaviour.
> It would seem this intermittently works with each link,
however it is
> typical
> for it work 2 or 3 times, then - nothing. No further
windows/links will
> open,
> the page will stop working (can't even refresh)
> The code for each image link is:
> ...... <td width="6%" rowspan="16"
valign="top"><div align="left"><a
> href="#"><img src="assets/demoVox.jpg" alt="Renae
Suttie" width="70"
> height="84" border="0"
> onClick="MM_openBrWindow('
http://www.swingcollective.com/assets/audio/demoVx.htm
> ','','width=275,height=250')"></a> .......
>
> The page is
http://www.swingcollective.com
- go to demos page and see.
> Thanks in advance for any help.
>
> DC
>

OnClick javascript.

L.S.
I implemented a master-detail relationship in my app using the following lines of code in the onClick Javascript property of a hyperlink in a table:
window.open(�/Fitwise/faces/OnderneminDetails.jsp?idBedrijf=#{currentRow.value[�bedrijf.idBedrijf�]}�, �_blank�, �height=432, resizable=yes, scrollbars=yes, toolbar=yes, width=576�); return false;
This works fine. In the details page I get the idBedrijf from the parameter and set it as the value of a private property idBedrijf with its own getter and setter methods.
Now I would like to open another window when the user clicks an ImageHyperlink in the detailspage. For this to work properly I have to transfer the idBedrijf to that page. I used the following lines of code in the onClick Javascript property of the ImageHyperlink:
window.open(�/Fitwise/faces/ODLesrooster.jsp?idBedrijf=#{getIdBedrijf()]}�, �_blank�, �height=600, resizable=yes, scrollbars=yes, toolbar=yes, width=800�); return false;
This does not work. I suppose it is the getIdBedrijf() bit of code that is wrong, what do I have to replace it with to get the onClick thing working.
Thanks,
Annet.

Thanks for your reply yossarian,
I replaced the Image Hyperlink with a Hyperlink and got the code working. However I cannot figure out why it does not work when I use an Image Hyperlink. I replaced the code with the simple window.close(); return false; bit of code,of which I am sure it works fine with a Hyperlink, but when I run the project, clicking on the Image Hyperlink does not have any effect at all. I did use an Image Hyperlink with an action event on another occassion, but, since I would like to open a new window, I would rather use the onClick javascript option to implement this behaviour.
Any ideas what the problem is?
Thanks,
Annet.

Behaviour open browser window

basically what i´m trying to do is to map part
of an image so when clicking on it a small browser window opens.
i´ve read the using dremawaver help but.. didn´t help me.
have googled it but still can´t get it to work. i´m not
sure exactly what to do, do I save a file first and then give it
the behaviour? do i link this file to the mapped image? well,
obviously that´s not the way its done cause it is not
working...
if anyone could give me just the steps from the moment i map
the image to the moment when i press f12 and !voila! a browser
window opens, I would be more than happy and appreciative. Thanx so
much in advance.

plinares wrote:
>
basically what i?m trying to do is to map part of an
image so when
> clicking on it a small browser window opens. i?ve read
the using dremawaver
> help but.. didn?t help me. have googled it but still
can?t get it to work. i?m
> not sure exactly what to do, do I save a file first and
then give it the
> behaviour? do i link this file to the mapped image?
well, obviously that?s not
> the way its done cause it is not working...
>
> if anyone could give me just the steps from the moment i
map the image to the
> moment when i press f12 and !voila! a browser window
opens, I would be more
> than happy and appreciative. Thanx so much in advance.
>
select the image-map.
In the property inspector, in the link box, write
javascript:;
Open the behavior panel. Click on the + sign. Select "Open
Browser Window". follow the steps.
When you have applied the behavior, look in your behavior
panel, your behavior should show.
(note that ALL this time, your image map is still selected)
Next to the shown behavior, you see the action that triggers
it; it's a drop-down select menu.
Select onClick.
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List

Tag behaviours

I am trying to get a new page opening with some settings i.e.
url with
parameters, height, width, borders etc. I know I can do this
with tag on
click behaviour but the text does not have an underline. How
do I make the
client aware that he can click the text for a link>
Cheers
SteveW

>>I know I can do this with tag on click behaviour
Option 1
<td onclick="....>
Option 2
<td><a href="newpage.htm" target="_blank" onclick="
.....; return false">
The second option would allow you to provide a working link
even if the viewer has javascript disabled. The page width etc
won't work but the new page will open. Also your link would have
the properties of the anchor tag applied to it.
Option 1, incase the viewer has javascript disabled, nothing
will happen
I would recommend Option 2

Behaviour onClick

Similar Messages

Maybe you are looking for