Arrow cursor for Show/Hide behavior?
Is there a way to make the cursor become an arrow when rolled over on a show/hide behavior? I'm afraid people won't know the behavior is functioning if the cursor doesn't become an arrow or finger pointer. I'm referring to the "Next in Series" on the portfolio page at this site:
http://www.bryant-creative.com/portfolio.htm
Thanks in advance,
Keith
Goodness. There are ~3000 lines of code on that page, and most of it is CSS for absolutely positioned elements? Wow - there has to be a better way,
Anyhow, here's an example of what you have -
<div id="apthumb1"><img src="images/thumbnail_1.gif" alt="Auction2Auction" name="auctionthumb" width="73" height="64" id="auctionthumb" onclick="MM_showHideLayers('apPortfolioGraphic','','hide','apA2A2','','hide','apA2A_3','','hide',' apA2A4','','hide','apA2A5','','hide','apCMC1','','hide','apCMC2','','hide','apFed1','','hi de','apFed2','','hide','apFed3','','hide','apFed4','','hide','apFICS_1','','hide','apFICS_ 2','','hide','apFirethorn','','hide','apFirethorn2','','hide','apFirethorn3','','hide','ap GEC_1','','hide','apGEC2','','hide','apKanawha1','','hide','apKanawha2','','hide','apPineI sland1','','hide','apPineIsland2','','hide','apPCC1','','hide','apSybase1','','hide','apPC C2','','hide','apSybase2','','hide','apStonecroft1','','hide','apStonecroft2','','hide','a pStonecroft3','','hide','apStonecroft4','','hide','apA2A_1','','show')" onmouseover="MM_swapImage('auctionthumb','','images/thumbnail_rollover_1.gif',1)" onmouseout="MM_swapImgRestore()" /></div>
Change it as follows -
<div id="apthumb1"><a href="#" onclick="MM_showHideLayers('apPortfolioGraphic','','hide','apA2A2','','hide','apA2A_3','','hide',' apA2A4','','hide','apA2A5','','hide','apCMC1','','hide','apCMC2','','hide','apFed1','','hi de','apFed2','','hide','apFed3','','hide','apFed4','','hide','apFICS_1','','hide','apFICS_ 2','','hide','apFirethorn','','hide','apFirethorn2','','hide','apFirethorn3','','hide','ap GEC_1','','hide','apGEC2','','hide','apKanawha1','','hide','apKanawha2','','hide','apPineI sland1','','hide','apPineIsland2','','hide','apPCC1','','hide','apSybase1','','hide','apPC C2','','hide','apSybase2','','hide','apStonecroft1','','hide','apStonecroft2','','hide','a pStonecroft3','','hide','apStonecroft4','','hide','apA2A_1','','show');return false" onmouseover="MM_swapImage('auctionthumb','','images/thumbnail_rollover_1.gif',1)" onmouseout="MM_swapImgRestore()"><img src="images/thumbnail_1.gif" alt="Auction2Auction" name="auctionthumb" width="73" height="64" id="auctionthumb" /></a></div>
You will now get the proper cursor. Anytime you are applying behaviors to images, you should always either first surround the image with an anchor tag, and apply the behavior to the anchor instead, or just always select the desired "<A> onmouse/onclick" event after applying the behavior. The 'return false' prevents the browser from thinking you want to jump to the top of the page.
Similar Messages
-
Hey, I m trying to use show - hide behavior , but it's not
working in IE7 ?? Anybody help please !
In details - I use it for onmousover <li> supposed to
show img in <ApDiv> , works in Firefox just a perfect, but in
IE7 - nothing !I'm sorry to tell you that the location of the script would
make no
difference whatsoever. If you are finding it does, then you
have arrived at
the wrong conclusion, and implicates some other associated
problem with your
page. Did you fix the code (the missing tags)?
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
==================
"niksveler" <[email protected]> wrote in
message
news:gaphcm$62$[email protected]..
> Thank you, I did find the problem, if javascript located
above the apDiv
> style
> sheet the behavior dosn't working, if after style it's
working just fine !
> In my case the dreamwever put the script above the apDiv
css location !
>
> Not working
>>>>>>>>>>>>>>>>>>>>>>>>>>
>
> <script type="text/javascript">
> function MM_showHideLayers()
> </script>
>
> <style type="text/css">
>
>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>
> Working
!!!>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>
> <style type="text/css">
>
> <script type="text/javascript">
> function MM_showHideLayers()
> </script>
>
>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
>
>
> -
Why does default keyboard shortcut for show/hide baseline grid (opt+command+') not work?
Here's where you need to change the settings: System Preferences > Keyboard > Keyboard Shortcuts:
-
Show/hide behavior is gray
I have a series of VERY simply constructed pages to which I
would like to add hidden layers that appear on selection of text.
Two things seem out of the ordinary to me. First, my behaviors menu
doesn't allow me to select "show/hide layer." I haven't run into
this problem on other pages I've built recently (for example,
http://www.allnumbedup.com/numb/cart.shtml).
Secondly, none of my layers show up in the "Layers" panel, so that
I cannot toggle the eye icon.
Any ideas why this is happening? An example can be found at
http://www.karisteeves.net/lying/hurricane.shtml
The layer in question appears at the top of the page with a
painting by Titian in it. I'd like to position it absolutely at
some point.
Many thanks for any light you can shed.
KariAnd by the way, you'd be well advised to give layers a
complete 'bye' until
you have a better grasp of all the reasons why you WOULDN'T
want to use
them! Here's one of the more important ones -
http://www.great-web-sights.com/g_layer-overlap.asp
Give this page a read for alternatives -
http://apptools.com/examples/pagelayout101.php
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
==================
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> There are no layers on that page. That would explain why
you see none of
> them in the Layers panel.
>
> Just so you'll know, a 'layer' is an absolutely
positioned page element.
> You have none on your page. Probably that's why you
can't select the
> show/hide as well.
>
> --
> 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
> ==================
>
>
> "skleeves" <[email protected]> wrote in
message
> news:[email protected]...
>>I have a series of VERY simply constructed pages to
which I would like to
>>add
>> hidden layers that appear on selection of text. Two
things seem out of
>> the
>> ordinary to me. First, my behaviors menu doesn't
allow me to select
>> "show/hide
>> layer." I haven't run into this problem on other
pages I've built
>> recently (for
>> example,
http://www.allnumbedup.com/numb/cart.shtml).
Secondly, none of
>> my
>> layers show up in the "Layers" panel, so that I
cannot toggle the eye
>> icon.
>> Any ideas why this is happening? An example can be
found at
>>
http://www.karisteeves.net/lying/hurricane.shtml
>> The layer in question appears at the top of the page
with a painting by
>> Titian
>> in it. I'd like to position it absolutely at some
point.
>> Many thanks for any light you can shed.
>> Kari
>>
>>
> -
We have used the show hide layer behavior on this image map
and it works on most browsers except IE7. Can anyone tell me if we
can make it work on IE7. If you click on the little yellow marker
on the bottom of the page a graph will open. The students will be
making better visual marker later. I just would like this to work
in IE7 if possible.
<
http://www.msad54.org/sahs/socialstudies/feeney/climate/websiteworldmap2.htm
>
Thanks,
NancySee this demo. 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/ -
"Command I" shortcut in Preview - designated for show/hide toolbar AND show inspector?
In the Mac Preview App, I tried using the the 'command I' shortcut to show/ hide the toolbar, but it brings up the inspector instead. Is the shortcut is designated for both these functions?
Actually the Toolbar hide/show isn't "cmd i" it's "cmd shift |"
That little key on the far right edge between the "delete" and "return" keys. The same key that has "\" as the main function.
KOT -
What is the safari keyboard shortcut for "show/hide address bar"?
I have been unable to identify the second of the two keys for the "show/hide address bar" shortcut in Safari.
It shows the command key and then a verticle line which I can not find on my keyboard. I tried i, l, and
1, but its none of those.
That would be a handy shortcut for me, but it seems to use a key I don't have!It's ShiftCommand\ in U.S. and Canadian English. If you look at the backslash key in those layouts, there's a vertical bar above it.
(41613) -
I have created a form that depending on what is seleced in a drop down menu it should determine what subform is displayed. The code I am pasting below only works with one (4 total) of the selections in the dropdown.
I am not a scriptor by any strectch of the imagination! Can anyone see what I need to fix in the below to get this to work. It is almost like I am missing some sort of "or" statement... Any suggestions?
Here is the current javascript associated with the dropdown field:
form1.jobselection.customjob::change - (JavaScript, client)
customprint.presence = "hidden";
frontpagenote.presence = "hidden";
weprint.presence = "hidden";
preprint.presence = "hidden";
if (xfa.event.newText == "CustomPrint"){customprint.presence = "visible";}
else {frontpagenote.presence = "hidden";
weprint.presence = "hidden";
preprint.presence = "hidden";}
if (xfa.event.newText == "PrePrint"){preprint.presence = "visible";}
else {frontpagenote.presence = "hidden";
weprint.presence = "hidden";
customprint.presence = "hidden";}
if (xfa.event.newText == "FrontPageNote"){frontpagenote.presence = "visible";}
else {preprint.presence = "hidden";
weprint.presence = "hidden";
customprint.presence = "hidden";}
if (xfa.event.newText == "WePrint"){weprint.presence = "visible";}
else {frontpagenote.presence = "hidden";
preprint.presence = "hidden";
customprint.presence = "hidden";}
form1.jobselection.customjob::click - (JavaScript, client)
if (customjob.rawValue == CustomPrint)
xfa.resolveNode(form1.jobselection.customprint).presence="visible";
else
xfa.resolveNode(form1.jobselection.customprint).presence="hidden";First of all i suggest you clean up the code a bit. Use this for example.
var strSelectedText = xfa.event.newText;
customprint.presence = (strSelectedText == "CustomPrint") ? "visible" : "hidden";
preprint.presence = (strSelectedText == "PrePrint") ? "visible" : "hidden";
frontpagenote.presence = (strSelectedText == "FrontPageNote") ? "visible" : "hidden";
weprint.presence = (strSelectedText == "WePrint") ? "visible" : "hidden";
//Optional code for checking values. You might want to put this in the exit-event.
console.show();
console.println("value = " + strSelectedText );
console.println("customprint.presence = " +customprint.presence );
console.println("preprint.presence = " + preprint.presence );
console.println("frontpagenote.presence = " + frontpagenote.presence );
console.println("weprint.presence = " + weprint.presence );
// End optional code.
What the above does is just have the same if/else you use, it just does it in much less code/scripting.
The optional code is for you to verify what actually goes on. Wich values are changed or given, etc.
What also might help is to write down the full path off the subform you want to change the presence of.
So instead of "frontpage.presence" you write down "form1.frontpage.presence".
Hope this helps.
Rien. -
Show/hide bahavior not working in firefox or safari
Here is my problem. The show hide behavior incorporated in DW
CS3 is working fine in IE6 and 7 but not working at all in firefox
and safari (both latest version). I have tried it on different
event but nothing.
My web site is configured that if someone click on details, a
layer will become visible and the details will be showed. I know
there is a work around and the simplest would be to have a new
window open but this is not the style I want.
Any help would be much appreciated.
Thanks
ASP<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
visibility:hidden;
left:16px;
top:14px;
width:512px;
height:394px;
z-index:1;
background-color: #FFFF00;
#apDiv2 {
position:absolute;
left:14px;
top:431px;
width:513px;
height:88px;
z-index:2;
-->
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4
resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW ||
innerHeight!=document.MM_pgH) location.reload();
MM_reloadPage(true);
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById &&
((obj=getElementById(args
))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style;
v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
//-->
</script>
<script src="../Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
</head>
<body>
<div id="apDiv1"></div>
<div id="apDiv2">
<p>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','130','height','20','title','test','onfocus','MM_showHideLayers(\'apDiv1\',\'\',\'show \')','src','../Flash/liendurabilte','quality','high','pluginspage','http://www.adobe.com/s hockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../Flash/liendurab ilte'
); //end AC code
</script>
<noscript>
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="130" height="20" title="test"
onfocus="MM_showHideLayers('apDiv1','','show')">
<param name="movie" value="../Flash/liendurabilte.swf"
/>
<param name="quality" value="high" />
<embed src="../Flash/liendurabilte.swf" quality="high"
pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="130"
height="20"></embed>
</object>
</noscript>
Click here to show layer</p>
<p>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','130','height','20','onfocus','MM_showHideLayers(\'apDiv1\',\'\',\'hide\')','src','../ Flash/lienGarantie','quality','high','pluginspage','http://www.adobe.com/shockwave/downloa d/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../Flash/lienGarantie'
); //end AC code
</script><noscript><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="130" height="20"
onfocus="MM_showHideLayers('apDiv1','','hide')">
<param name="movie" value="../Flash/lienGarantie.swf"
/>
<param name="quality" value="high" />
<embed src="../Flash/lienGarantie.swf" quality="high"
pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="130"
height="20"></embed>
</object></noscript>
Click here to hide layer
</p>
</div>
</body>
</html> -
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?
HeggieI 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/ -
"Loaded Divs" copy block, photo, UL Show/Hide
Hello,
I know that the "Show/Hide" behavior allows one to
reveal/hide photos in a div. Like the old "Frames" I want to have 5
links in a left col. When one clicks one, the right larger col.
loads a .div. But, it has a copy block, bullet copy, photo, logo,
etc.
Is this possible?
Thanks.
GregSure. It can. The trick will be to grab the required HTML for
each of
those configurations to paste into the dialog for the
behavior application
on each button. I usually do this by creating a dummy page
with the desired
div/image/ul, etc., already in place, and then just
copy/paste the HTML.
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
==================
"Greg Pechauer" <[email protected]> wrote in
message
news:fv6unh$34o$[email protected]..
> Thanks Murray,
>
> So my right div can contain other divs, or UL, photo and
when a link is
> clicked the main div. reveals with all the other stuff
in place in the
> right
> col? Click another button, and a new div. with it's own
copy block, photo,
> bullet list reveals.
>
> Just want to make sure I can have all of the elements in
the main div. as
> listed above, not just text or not just a pic.
>
> Thanks for your time and help!
>
> Greg
> -
Home Page loads slowly because of too many show/hide images.
I was asked to create a home page that displayed the correct product image in the background as you mouse over the menu item in the product portfolio navigation. I built the page using quite a few show/hide behaviors displaying the correct image. Now I have a HUGE home page that loads very slowly. Is there a better way to accomplish the same affect or do I need to scrap this idea and keep the images on the individual pages?
You can see this page here: http://www.keystonewalls.com
(mouseover the PRODUCT PORTFOLIO button and scroll down the menu to see the affect)
The client loves the fact that you don't have to leave the home page to get a good idea of what each product looks like but they aren't happy with how long it takes to load.
Help!Yup. You've got some trimming to do.
http://www.websiteoptimization.com/services/analyze/
On a T1 connection (1.41 MB/sec) your home page takes 18.50 seconds to load. For dial-ups it's a very painful 395 seconds.
Page size: 1,943,483 bytes. Should be closer to 200 KB.
HTTP server requests: 41. This should be around 10.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
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
> -
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!
>
> -
Can we hide the arrow icon in the hide/show link ?
well
i need to hide the arrow icon in the hide/show link because this icon makes the printer prints many page for only one page print request
so if anybody have any idea about this please inform ...
thanks in advancei alreay use printable page and when i print the page prints many pages the first one with the page itself while the others blank white papers but have only the arrow of hide and show links
???
Maybe you are looking for
-
Every time I try to look at my purchase history on my account, I keep getting a message saying that my session has timed out. How do I fix this problem?
-
Even after turning ON Reduce motion the icons and the windows and the apps zoom motion in and out is still giving me a lot of head ache and dizziness and motion sickness... Please fix it!!
-
I am trying very simple operation ora:parseEscapedXML(bpws:getVariableData('final_project_write_xml_data_as_string')) but getting the below exception... <XPathUtil::evaluate> XPathQuery:ora:parseEscapedXML(bpws:getVariableData('final_project_write_xm
-
MediaSource Organizer - system cr
Allways when I try to open one special folder in which i have my downloaded files (soulseek), the media source player/organizer breaks down and it is not possible to start it again until I remove it in the windows taskmanager. When I import the files
-
Parameter Usage ------- Urgent please
Hi, I have question regarding the usage of Parameters in the query of business view. I am using the following query to get results between specified period of date and for a particular devicename: SELECT to_char(A.dev_usg_date,'MM-DD-YYYY'),to_char(A