DW: Show-Hide Layers
Hey, I’m having two issues with the Show-Hide Layers
behaviour in Dreamweaver and was wondering if someone else has had
the same problems and has a solution.
My test page is
http://www.petermcphee.com/dreamweaver/popup-layer.html
1) What I would like is to show the layer when the link is
hovered over, which works fine. However, I also want the layer to
remain visible while the mouse is over the layer and disappear when
the mouse leaves the layer.
I Googled for a while and found some tutorials that deal with
showing/hiding layers but they hide the layers once the mouse
leaves the original link, not the layer.
2) Also, the site that I want to apply this behaviour to has
an auto centering wrapper box, so I would like the layer to popup
right underneath the link every time without converting the entire
site to absolute positioning. As it is now, the popup appears at
different locations depending how wide my browser is.
Is this even possible with the current DW functionality?
Thanks a lot!
Peter.
> 1) What I would like is to show the layer when the link
is hovered over,
> which
> works fine. However, I also want the layer to remain
visible while the
> mouse is
> over the layer and disappear when the mouse leaves the
layer.
When you show the layer, also show an underlying layer that
contains a
transparent GIF image that is about 10px wider/taller than
the layer you
show. Apply a hide layer behavior to the GIF image that hides
both the
layer you just showed, and the underlying layer. Remove the
mouseout hide
event from the original trigger. Does that make sense?
> 2) Also, the site that I want to apply this behaviour to
has an auto
> centering
> wrapper box, so I would like the layer to popup right
underneath the link
> every
> time without converting the entire site to absolute
positioning. As it is
> now,
> the popup appears at different locations depending how
wide my browser is.
Change this -
</head>
to this -
<style type="text/css">
<!--
body { text-align:center; }
#wrapper { text-align:left; width:760px; margin:0
auto;position:relative; }
/* 760px will display on an 800px screen maximized browser
window without */
/* horizontal scrollbars. */
-->
</style>
</head>
change this -
<body ...>
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -
<!-- /wrapper -->
</div>
</body>
and see if that helps.
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
==================
"petertyler" <[email protected]> wrote in
message
news:[email protected]...
> Hey, I?m having two issues with the Show-Hide Layers
behaviour in
> Dreamweaver
> and was wondering if someone else has had the same
problems and has a
> solution.
>
> My test page is
http://www.petermcphee.com/dreamweaver/popup-layer.html
>
> 1) What I would like is to show the layer when the link
is hovered over,
> which
> works fine. However, I also want the layer to remain
visible while the
> mouse is
> over the layer and disappear when the mouse leaves the
layer.
>
> I Googled for a while and found some tutorials that deal
with
> showing/hiding
> layers but they hide the layers once the mouse leaves
the original link,
> not
> the layer.
>
> 2) Also, the site that I want to apply this behaviour to
has an auto
> centering
> wrapper box, so I would like the layer to popup right
underneath the link
> every
> time without converting the entire site to absolute
positioning. As it is
> now,
> the popup appears at different locations depending how
wide my browser is.
>
> Is this even possible with the current DW functionality?
>
> Thanks a lot!
>
> Peter.
>
Similar Messages
-
Can someone please help? Show/Hide layers
Hi there,
I am making a site for a friend and am having some weirdness
that I can't figure out. I have a series of layers that show/hide
based on various selections. Nothing complicated by any means. I am
using the Dreamweaver Show-hide layers functionality. I am sure I
have used it before in exactly the same way and not had this
problem.
So here is what it is. The page loads and most of the layers
are set to hidden and then they get toggled on/off based on various
selections. For some reason when the page loads in IE, all of the
layers are visible. In Firefox they are hidden as intended.
If someone has come across this before, or could take a
moment to look at the site, I would be very grateful. I have stared
at this and tweaked it so much that I am at a loss and I know that
my friend is really needing her site to just be up and running.
Also, now that I think of it, (and this is more of a nuisance
than a problem) I am using the snap layers extension to position my
layers. When you look at my site you will see that the layers look
crazy when the page loads and then eventually move into place. Is
there a way to make it so the layers are just already in place? Or
even if they could not become visible until after they have
snapped?
Thanks in advance. I really do appreciate any help you could
provide.
The address for the test server is
http://www.jcopple.com/rtc/index.html
JoshI agree with the honest answer. This is a very poor way to
make a page.
Nevertheless, in DW's design view, use the A/P Element panel,
and make sure
that the eyeball icon is CLOSED for each layer that you want
to be hidden
when the page loads. Then save and upload the page.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"CaptFlynn" <[email protected]> wrote in
message
news:fvdd2f$7t3$[email protected]..
> Hi there,
> I appreciate your honest answer (though it wasn't what I
wanted to hear,
> LOL)
> but for the sake of time I would like to find a solution
to the existing
> problem and then once I have her at least up and
running, I can go back
> and
> code it correctly.
> So if you have any suggestions as to why the layers
wouldn't be hidden,
> Iwould
> really like to hear them.
> Thanks,
> Josh
> -
I am creating a multimedia book. I want to have a button on the page that when clicked will bring up a flash movie in the center of the page and then a button to click that will make it go away.
I have done this quite easily in dreamweaver for websites by a show/hide layers button but do not see how to do it in indesign.
Thanks for any help...You can't build that functionality in with InDesign — but you can with Acrobat Pro. You've got to use the form builder functions to create a button that will show or hide another element.
d -
Disjointed Rollovers with show / hide layers
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...
-JesseDon'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
>
>
> -
Show Hide Layers - Can't do "onmouseout"
I'm trying to do a show/hide layers on an image map hot spot.
I select the <area> tag from the hotspot, and can set the
show layer "onmouseover" but it won't let me set the hide layer for
"onmouseout". In fact when I try to set the "onmouseout", dw justs
makes another "onmouseover" behavior just like the one I already
have. ??? Thanks for any help.Can you go to the behaviors panel and edit the second
"onmouseover" to
change it to an "onmouseout" ?
"lutherheggs" <[email protected]> wrote in
message
news:e5r3u1$nid$[email protected]..
> I'm trying to do a show/hide layers on an image map hot
spot. I select the
> <area> tag from the hotspot, and can set the show
layer "onmouseover" but
> it
> won't let me set the hide layer for "onmouseout". In
fact when I try to
> set the
> "onmouseout", dw justs makes another "onmouseover"
behavior just like the
> one I
> already have. ??? Thanks for any help.
> -
Show/hide layers no mouseover option
I have MX (2004) and am trying to create a simple show/hide
layer behavior on some thumbnails/main images and it is just not
working for me. The behavior has the show/hide option, but it does
not show the arrows active to choose the mouseover and other
events. I have the 'show 4.0 browsers and later' box
checked...anyone know what else it could be? Is there a simple code
I can drop in (I'm an artist, not a programmer, so be gentle)? Any
immediate help at [email protected] would be very much
appreciated!
nullmaggotsquibb wrote:
> I apologise if I am being really thick, but I need some
help!
>
> I have just purchased a copy of Dreamweaver CS3 to
discover that I can no
> longer work with layers as I used to on MX. I frequently
used the show-hide
> layers behaviour so that I can click on an image in one
frame to reveal a layer
> in another frame, however, if I select the image and and
then try to add the
> behaviour, the show hide elements is grey out so that I
cannot even select it
> as an otion.
Do you actually have any layers on the page. You need to put
a layer on
the page first and then apply the show-hide layer behaviour. -
Opera Show/Hide Layers (k)
We have a fairly complex navigation using layers to show
dropdowns. It
works in almost all browsers except for Opera on the
Mac(haven't tried PC).
I imagine it doesn't like the Show/Hide Layers code.
Any thoughts about a work around?
-KirkWhy bother? To post something, that is? 8)
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
==================
"Michael Fesser" <[email protected]> wrote in message
news:[email protected]..
> .oO(W. Kirk Lutz)
>
>>We have a fairly complex navigation using layers to
show dropdowns.
>
> Just curious - does it also work with JavaScript turned
off? Will the
> site still be usable?
>
>>It
>>works in almost all browsers except for Opera on the
Mac(haven't tried
>>PC).
>
> What Opera version?
>
>>I imagine it doesn't like the Show/Hide Layers code.
>
> Hardly. If something doesn't work in Opera, then in
_most_ cases there's
> something wrong in the HTML or the script.
>
>>Any thoughts about a work around?
>
> Can you post a URL?
>
> @Murray: Please don't post something along the lines of
"Why bother
> about Opera?" SCNR
>
> Micha -
Show/hide layers for repeated recordset data
Is there any product out there to assist with the creation of
show/hide layers for repeated recordset data?You can't build that functionality in with InDesign — but you can with Acrobat Pro. You've got to use the form builder functions to create a button that will show or hide another element.
d -
Dreamweaver CS3 & Show/Hide Layers Problem
I'm trying to use Dreamweaver CS3 and the Show/Hide Layers
behaviour to show or hide another layer on a click. However, when I
go to the behaviours window and click on the plus to get the drop
down list of behaviours to choose from, 'Show/Hide Layers' isn't
there - can anybody help me?! I need this to get an assignment done
due in really soon.
ThanksIt goes well beyond DW's Show/hide, however....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"twocans" <[email protected]> wrote in message
news:fna57u$51a$[email protected]..
>
http://www.projectseven.com/extensions/info/autoshowhide/index.htm
>
> its a great free extension and simple to use.
>
> regards
>
> k
>
>
>
>
> "xxtotallycrazy" <[email protected]>
wrote in message
> news:fna51o$4so$[email protected]..
>> What I mean by needing help is, does anybody know
where the option for
>> 'Show/Hide Layers' actually is? Please help!
>
> -
Making links that show/hide layers?
Hi all,
I created an InDesign cs4 file which is pretty much a guide for users of my liveCicle form. I have a bunch of layers in the file.
I'm trying to make links associated with images that are in its own layers. So when i export the file to pdf and hit certain link, layer associated with that link shows up. I tryed to do this in acrobat 9 pro. I created links, but the problem is that links in non visible layers work behind the scene when i hover over.
Is there a way to set layer visability in inDesign CS4?
Thanks in advanceNo you can´t toggle layer visibility with buttons made in indesign. You have to finish it in Acrobat....
Only way to make something appear or disappear in ID is to use show/hide buttons action...
You can convert those images you want to show&hide to buttons. Then you can create another buttons to show or hide them.
If you export as PDF, default state of a button can be hidden... -
Show/Hide Layers or Divs "onclick"
I'm trying to create a page of thumbnail images in a chess
board affect. I want to be able to click on a thumbnail and have a
larger version appear on the top left of the thumbnails covering
about 4 of them. The larger version needs to have some text and a
"close" button to hide the large image again. Similar to the image
gallery example on:
http://pmob.co.uk/pob/disjointed1.htm#null
Can anyone advise me?
ThanksUse DW's Show/Hide behavior.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"maffew" <[email protected]> wrote in
message
news:fke7td$ep5$[email protected]..
> I'm trying to create a page of thumbnail images in a
chess board affect. I
> want
> to be able to click on a thumbnail and have a larger
version appear on the
> top
> left of the thumbnails covering about 4 of them. The
larger version needs
> to
> have some text and a "close" button to hide the large
image again. Similar
> to
> the image gallery example on:
http://pmob.co.uk/pob/disjointed1.htm#null
> Can anyone advise me?
> Thanks
> -
How do I show hide layers in dreamweaver CS6?
I'd like to use this instead of image swap, becuase I have images of different aspect ratios.
how do I stack images ontop of each other in the same place.
With CSS absolute positioning. Also be sure to apply position:relative to your parent container or #wrapper div.
#wrapper {
width: 90%;
position:relative;
#Layer1,
#Layer2,
#Layer3,
#Layer4 {
width: xxpx; /*your widest image*/
height:xxpx; /your tallest image*/
top: xxpx; /*position from top*/
left:xxpx; /*position from left*/
position: absolute;
Nancy O. -
How to SHOW/HIDE a dreamweaver layer from a flash button?
I have almost 2 weeks tying to find a solution for this. Please help...
-How can you SHOW/HIDE an thml-dreamweaver layer from a flash movie button.
My html layer name is LAYER1, and my FlashMC botton name is FLBOT1
Now, what is the actionscript that im suppouse to place in the flash button?
Please respond, ThanksAdobe removed Flash Text and Flash Buttons from CS4 for accessibility reasons. Flash buttons aren't web friendly. And if you use this approach, you'll need to work in Flash because DW doesn't write Action Script for you.
That said, you could do something similar without Flash.
Pure CSS Disjointed Menu Rollovers
http://alt-web.com/DEMOS/CSS-Disjointed-Menu-Rollover.shtml
Pure CSS Disjointed Text Rollovers
http://alt-web.com/DEMOS/CSS-Disjointed-Text-Rollover.shtml
Show/Hide Layers with DW behaviors:
http://www.cbtcafe.com/dreamweaver/showhidelayers/index.html
Walter Zorn's Tooltips
http://www.walterzorn.com/tooltip/tooltip_e.htm
FloatBox Demos
http://randomous.com/floatbox/demo
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.com/blogspot.com -
Show/hide elements in DW CS3
I've just posted this question and got a reply from John
Waller, thanks John, but what I mean is that I don't want to use
layers, this has to do with the positioning in a table. I want to
add images to a table which is in a layer so I can put margin-left
and margin-right for the layer to "auto" so the whole table
(including images) will always be centered. If I add layers to the
table and add images to the layers (to get the mouse-over effect)
the layers will not move with the table to the center of the page,
I hope you guys know what I mean.
Anybody knows if it would be possible in DW CS3 to do so, see
the original question underneath to get the picuture:
Thanks again.
Hi
In DW8 I often used the possibility to put several layers on
top of eachother with images in them, this way I could show/hide
layers so the images would be visible when having a mouse-over
action on a thumbnail for example.
Now DW-CS3 gives the option show/hide elements, however, I
can not simply put elements on top of eachother, which is what I
want.
Am I stuck on using DW8 and the show/hide layers option, or
is there a way to put multiple images (elements) on top of
eachother in DW-CS3?
Thanks, have a nice day
Ferrohead> table which is in a layer so
> I can put margin-left and margin-right for the layer to
"auto" so the
> whole
> table (including images) will always be centered.
You don't need to use a 'layer' for that, and I assume that
you mean a <div>
not a layer, since the latter implies absolute positioning.
> If I add layers to the table
I sure hope you are referring to just div tags and not
layers, because you
would never want to put an absolutely positioned element
directly into a
table cell.
> I hope you guys know what I mean.
Yes, I'm afraid I do. This whole scheme is just wrong.
It would be much better to use the SetText behavior to simply
dynamically
write the desired image link into a named container on the
page, much like
you can see being done here -
http://dreamweaverresources.com/tutorials/settextoflayer.htm
and a tutorial
http://www.dreamweaverresources.com/tutorials/settextoflayer.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Ferrohead" <[email protected]> wrote in
message
news:[email protected]...
> I've just posted this question and got a reply from John
Waller, thanks
> John,
> but what I mean is that I don't want to use layers, this
has to do with
> the
> positioning in a table. I want to add images to a table
which is in a
> layer so
> I can put margin-left and margin-right for the layer to
"auto" so the
> whole
> table (including images) will always be centered. If I
add layers to the
> table
> and add images to the layers (to get the mouse-over
effect) the layers
> will not
> move with the table to the center of the page, I hope
you guys know what I
> mean.
>
> Anybody knows if it would be possible in DW CS3 to do
so, see the original
> question underneath to get the picuture:
>
> Thanks again.
>
> Hi
> In DW8 I often used the possibility to put several
layers on top of
> eachother
> with images in them, this way I could show/hide layers
so the images would
> be
> visible when having a mouse-over action on a thumbnail
for example.
> Now DW-CS3 gives the option show/hide elements, however,
I can not simply
> put
> elements on top of eachother, which is what I want.
> Am I stuck on using DW8 and the show/hide layers option,
or is there a way
> to
> put multiple images (elements) on top of eachother in
DW-CS3?
>
> Thanks, have a nice day
>
> Ferrohead
>
> -
Buttons: show/hide feature
Hi,
I thing I know what the answer to my question will be, but I'm hoping that one of you InDesign gurus out there can provide me with a different answer to my question.
I'm putting together an interactive PDF of a directory of helpful links related to different topics. The topics are buttons that the user will click on that will display off to the side a list of links and their titles that can be either clicked on (hyperlink) or copied and pasted to an email. I've created the list of links as separate objects and to display each of these objects, I've converted them to buttons and used the Show/Hide buttons feature on the topic buttons so that when a topic button is clicked on, it will display that list of links to that topic. It works fine, but of course, now that the link lists are buttons, they can't be copied and worse yet, can't be clicked on to access the web page from that link. Obviously, by converting my link lists to buttons so that they can be displayed when the topic button is clicked, I've lost the capability of the link list to do what it was supposed to do.
The obvious solution would be to use object states, so that I maintain the original function of the link list for copying and accessing the web page of the link, but my reason for not using object states is that I don't want the output in a SWF file, which is the only way to use object states. Another solution would be to use separate pages to display each topic link list, but my concern about that is possible increase in overall file size if I have so many pages. Finally, I noticed that Adobe Acrabat has a show/hide layers feature that might work for my purpose, but I like the button creation of InDesign better.
Is there any other way to accomplish what I want done other than the above solutions, or am I just going to have to settle for one those solutions?
Any help would be greatly appreciated.I assume that you're talking about Show-Hide Fields in an interactive PDF. It's not likely that it will work given the limitations of most PDF readers on mobile devices.
I'm a user of an iPad and iPhone, and haven't worked with Android or Windows devices but I think the issues are the same on all platforms. Some PDF readers are better than others. You didn't say what PDF reader you were testing on.
Here are two articles I've written about the frustrations of getting interactivity to work on mobile devices, in this case, an iPad:
http://indesignsecrets.com/for-interactive-pdf-not-all-readers-are-equal.php
http://indesignsecrets.com/navigation-button-tricks-for-interactive-pdf-on-an-ipad.php
The best PDF reader for iOS devices is PDF Expert, but I don't believe that exists for Android or Windows devices. I can view interactivity that Adobe Reader doesn't support.
Maybe you are looking for
-
Tab and window restoration has FAILED after version 13.01 installation! Out of 7 windows open with multiple tabs, only ONE BROWSER WINDOW OPENED with NO reference to what happened to the normal session that had been in the previous version of FF. I'v
-
Open inbound deliveries in md04
Dear Experts, Please suggest how we can handle the qty differences arising from the goods receipt or return delivery in case of using the goods receipt w.r.t inbound delivery in system. In MD04 the diffrential quantities are shown as open shipping no
-
Down Payments with respect to PO
Dear all, Our client needs to pay down payments on a percentage basis on the PO's. But at the time of down payment, it the amount entered is more than the percentage stipulated, system should show an error message. For example, 30% Advance to be paid
-
Special G/L Indicator -- Validation of double documents
Hello!!! When we post a document with special G/L Indicator, table BSIP isnu2019t updated. The validation of double documents isnu2019t working for documents with special G/L Indicator. Do you know what we can do in order to validate duplicity for do
-
TS3988 iCloud not syncing across devices?
My devices are not syncing in iCloud. E-mails can be received but not deleted - I have to delete from each device separately. Fiona