Behaviors for layers

R

RSchatzman

I recently added some behaviors to some layers of interactive buttons I
created in a website I am developing. Now when I go into the same website to
try to add additional layers and then try to add behaviors to the new layers,
the Insert and Delete buttons in the Behaviors task pane are grayed out. I'm
sure I probably made a change that limited the behaviors portion of the
FrontPage program but now I cannot figure out how to turn on this
functionality again. Any guidance would be greatly appreciated!
 
R

RSchatzman

I tried to send a copy of a page that is a problem to you at the email
address in your user profile but my message was returned as undeliverable
because 'the destination computer could not be found'. But it's not just this
page that's a problem. Even a new page in a new site on my system doesn't
give me the option to insert a behavior for a layer. Did I somehow
inadvertently turn off behaviors???
 
S

Stefan B Rusynko

Make sure in Tools Page Options Authoring that CSS 1 & 2 are turned on and you have selected your layer before trying the behaviors

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


|I recently added some behaviors to some layers of interactive buttons I
| created in a website I am developing. Now when I go into the same website to
| try to add additional layers and then try to add behaviors to the new layers,
| the Insert and Delete buttons in the Behaviors task pane are grayed out. I'm
| sure I probably made a change that limited the behaviors portion of the
| FrontPage program but now I cannot figure out how to turn on this
| functionality again. Any guidance would be greatly appreciated!
 
R

RSchatzman

Unfortunately, I'm a bit of a novice with this so please bear with me. I am
working on the site as a disk-based site. My understanding is that unless I
publish it, you'll be unable to link to it. My understanding is also that
since I am not quite ready to publish the site nor do I as yet have anyone to
picked to host it, I've got nowhere to upload it to. Is there another way I
can get my site to where you can view it?
 
R

RSchatzman

Stephan, Thanks for responding. CSS 1 & 2 are on and, yes, I have selected
the layer before trying the behaviors. This is happening with multiple layers
which makes me think I accidentally changed something in Tools but I cannot
figure out what.
 
M

Murray

Your understanding is correct. The only two other ways I can think of would
be to a) ship me your computer, or b) paste the code for the page into a
reply here.

I think the latter might be more expedient....
 
R

RSchatzman

Murray, I sure am glad you didn't choose "a". Here's the code. I think this
is faster not to mention cheaper! Thanks so much for helping me!

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Main Page</title>
<script language="JavaScript">
<!--
function FP_changeProp() {//v1.0
var args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1];
s="o";
ao=args.split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j];
if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById)
el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return
el; } }
return null;
}

function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2;
n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) {
doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image;
d.FP_imgs.src=a; }
}
// -->
</script>
</head>

<body onload="FP_preloadImgs(/*url*/'Graphics/button45.jpg',
/*url*/'Graphics/button44.jpg', /*url*/'Graphics/button48.jpg',
/*url*/'Graphics/button47.jpg', /*url*/'Graphics/button40.jpg',
/*url*/'Graphics/button39.jpg', /*url*/'Graphics/button4B.jpg',
/*url*/'Graphics/button4A.jpg', /*url*/'Graphics/button36.jpg',
/*url*/'Graphics/button35.jpg', /*url*/'Graphics/button3C.jpg',
/*url*/'Graphics/button3B.jpg', /*url*/'Graphics/button3F.jpg',
/*url*/'Graphics/button3E.jpg', /*url*/'Graphics/button5.jpg',
/*url*/'Graphics/button4.jpg', /*url*/'Graphics/button12.jpg',
/*url*/'Graphics/button11.jpg', /*url*/'Graphics/button15.jpg',
/*url*/'Graphics/button14.jpg', /*url*/'Graphics/button1E.jpg',
/*url*/'Graphics/button1D.jpg', /*url*/'Graphics/button21.jpg',
/*url*/'Graphics/button20.jpg', /*url*/'Graphics/button24.jpg',
/*url*/'Graphics/button23.jpg', /*url*/'Graphics/button8.jpg',
/*url*/'Graphics/button7.jpg', /*url*/'Graphics/button16.jpg',
/*url*/'Graphics/button9.jpg', /*url*/'Graphics/button85.jpg',
/*url*/'Graphics/button86.jpg')" bgcolor="#5F3975">

<table border="0" cellpadding="0" cellspacing="0" width="897" height="553"
style="background-image: url('Graphics/1977_630_2_2140_K_copy(2');
background-repeat: no-repeat" id="table2">
<!-- MSTableType="layout" -->
<tr>
<td align="center">
<!-- MSCellType="ContentHead" -->
<p align="center">
<img border="0" src="Graphics/HealthScreen_revised_logo.gif" width="420"
height="164"></td>
<td height="205" valign="top">
<div style="position: absolute; width: 199px; height: 241px; z-index: 3;
left: 506px; top: 99px" id="MainMenu"
onmouseout="FP_changeProp(/*id*/'AboutUsSubMenu',0,'style.visibility','hidden'); FP_changeProp(/*id*/'StrokeSubMenu',0,'style.visibility','hidden')">
<div style="position: absolute; width: 202px; height: 99px; z-index: 1;
left: 195px; top: -1px; visibility: hidden; padding-left: 4px; padding-right:
4px; padding-top: 1px; padding-bottom: 1px; " id="AboutUsSubMenu"
onmouseout="FP_changeProp(/*id*/'AboutUsSubMenu',0,'style.visibility','hidden')">
<font color="#320064">
<a href="Who_we_are.htm">
<img border="0" id="img12" src="Graphics/button43.jpg" height="30"
width="200" alt="Who We Are"
onmouseover="FP_swapImg(1,0,/*id*/'img12',/*url*/'Graphics/button44.jpg');
FP_changeProp(/*id*/'AboutUsSubMenu',0,'style.visibility','visible')"
onmouseout="FP_swapImg(0,0,/*id*/'img12',/*url*/'Graphics/button43.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img12',/*url*/'Graphics/button45.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img12',/*url*/'Graphics/button44.jpg')"
fp-style="fp-btn: Border Left 6; fp-font-size: 12; fp-proportional: 0;
fp-orig: 0" fp-title="Who We Are"></a><br>
<a href="What_we_do.htm">
<img border="0" id="img13" src="Graphics/button46.jpg" height="30"
width="200" alt="What We Do"
onmouseover="FP_swapImg(1,0,/*id*/'img13',/*url*/'Graphics/button47.jpg');
FP_changeProp(/*id*/'AboutUsSubMenu',0,'style.visibility','visible')"
onmouseout="FP_swapImg(0,0,/*id*/'img13',/*url*/'Graphics/button46.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img13',/*url*/'Graphics/button48.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img13',/*url*/'Graphics/button47.jpg')"
fp-style="fp-btn: Border Left 6; fp-font-size: 12; fp-proportional: 0;
fp-orig: 0" fp-title="What We Do"></a><br>
<a href="Quality.htm">
<img border="0" id="img19" src="Graphics/button41.jpg" height="30"
width="200" alt="Committed to Quality"
onmouseover="FP_swapImg(1,0,/*id*/'img19',/*url*/'Graphics/button39.jpg');
FP_changeProp(/*id*/'AboutUsSubMenu',0,'style.visibility','visible')"
onmouseout="FP_swapImg(0,0,/*id*/'img19',/*url*/'Graphics/button41.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img19',/*url*/'Graphics/button40.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img19',/*url*/'Graphics/button39.jpg')"
fp-style="fp-btn: Border Left 6; fp-font-size: 12; fp-proportional: 0;
fp-orig: 0" fp-title="Committed to Quality"></a><br>
<a href="How_to_contact_us.htm">
<img border="0" id="img14" src="Graphics/button49.jpg" height="30"
width="200" alt="Contact Us"
onmouseover="FP_swapImg(1,0,/*id*/'img14',/*url*/'Graphics/button4A.jpg');
FP_changeProp(/*id*/'AboutUsSubMenu',0,'style.visibility','visible')"
onmouseout="FP_swapImg(0,0,/*id*/'img14',/*url*/'Graphics/button49.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img14',/*url*/'Graphics/button4B.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img14',/*url*/'Graphics/button4A.jpg')"
fp-style="fp-btn: Border Left 6; fp-font-size: 12; fp-proportional: 0;
fp-orig: 0" fp-title="Contact Us"></a></font></div>
<div style="position: absolute; width: 208px; height: 126px; z-index: 1;
left: 195px; top: 58px; visibility: hidden; padding-left: 4px; padding-right:
4px; padding-top: 1px; padding-bottom: 1px; " id="StrokeSubMenu"
onmouseout="FP_changeProp(/*id*/'StrokeSubMenu',0,'style.visibility','hidden')">
<font color="#320064">
<a href="Stroke_risk_factors.htm">
<img border="0" id="img6" src="Graphics/button34.jpg" height="30"
width="200" alt="Stroke Risk Factors"
onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'Graphics/button35.jpg');
FP_changeProp(/*id*/'StrokeSubMenu',0,'style.visibility','visible')"
onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'Graphics/button34.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'Graphics/button36.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'Graphics/button35.jpg')"
fp-style="fp-btn: Border Left 6; fp-font-size: 12; fp-proportional: 0;
fp-orig: 0" fp-title="Stroke Risk Factors"></a><br>
<a href="Stroke_warning_signs.htm">
<img border="0" id="img7" src="Graphics/button3A.jpg" height="30"
width="200" alt="Stroke Warning Signs"
onmouseover="FP_swapImg(1,0,/*id*/'img7',/*url*/'Graphics/button3B.jpg');
FP_changeProp(/*id*/'StrokeSubMenu',0,'style.visibility','visible')"
onmouseout="FP_swapImg(0,0,/*id*/'img7',/*url*/'Graphics/button3A.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'Graphics/button3C.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img7',/*url*/'Graphics/button3B.jpg')"
fp-style="fp-btn: Border Left 6; fp-font-size: 12; fp-proportional: 0;
fp-orig: 0" fp-title="Stroke Warning Signs"></a><br>
<a href="Stroke_FAQs.htm">
<img border="0" id="img8" src="Graphics/button3D.jpg" height="30"
width="200" alt="Stroke FAQs"
onmouseover="FP_swapImg(1,0,/*id*/'img8',/*url*/'Graphics/button3E.jpg');
FP_changeProp(/*id*/'StrokeSubMenu',0,'style.visibility','visible')"
onmouseout="FP_swapImg(0,0,/*id*/'img8',/*url*/'Graphics/button3D.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img8',/*url*/'Graphics/button3F.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img8',/*url*/'Graphics/button3E.jpg')"
fp-style="fp-btn: Border Left 6; fp-font-size: 12; fp-proportional: 0;
fp-orig: 0" fp-title="Stroke FAQs"></a></font><br>
<a href="Carotid_Screen_FAQs.htm">
<img border="0" id="img16" src="Graphics/button6.jpg" height="30"
width="200" alt="Carotid Screen FAQs" fp-style="fp-btn: Border Left 6;
fp-font-size: 12; fp-proportional: 0; fp-orig: 0" fp-title="Carotid Screen
FAQs"
onmouseover="FP_swapImg(1,0,/*id*/'img16',/*url*/'Graphics/button4.jpg');
FP_changeProp(/*id*/'StrokeSubMenu',0,'style.visibility','visible')"
onmouseout="FP_swapImg(0,0,/*id*/'img16',/*url*/'Graphics/button6.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img16',/*url*/'Graphics/button5.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img16',/*url*/'Graphics/button4.jpg')"></a></div>
<p>
<img border="0" id="img1" src="Graphics/button10.jpg" height="30"
width="200" alt="About Us" fp-style="fp-btn: Border Left 1; fp-font-size: 12;
fp-proportional: 0; fp-orig: 0" fp-title="About Us"
onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'Graphics/button11.jpg');
FP_changeProp(/*id*/'AboutUsSubMenu',0,'style.visibility','visible')"
onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'Graphics/button10.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'Graphics/button12.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'Graphics/button11.jpg')"><br>
<a href="General_Questions.htm">
<img border="0" id="img2" src="Graphics/button13.jpg" height="30"
width="200" alt="General Questions" fp-style="fp-btn: Border Left 1;
fp-font-size: 12; fp-proportional: 0; fp-orig: 0" fp-title="General
Questions"
onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'Graphics/button14.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'Graphics/button13.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'Graphics/button15.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'Graphics/button14.jpg')"></a><br>
<img border="0" id="img3" src="Graphics/button1C.jpg" height="30"
width="200" alt="Stroke / Carotid Screen" fp-style="fp-btn: Border Left 1;
fp-font-size: 12; fp-proportional: 0; fp-orig: 0" fp-title="Stroke / Carotid
Screen"
onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'Graphics/button1D.jpg');
FP_changeProp(/*id*/'StrokeSubMenu',0,'style.visibility','visible')"
onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'Graphics/button1C.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'Graphics/button1E.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'Graphics/button1D.jpg')"><br>
<a href="AAA.htm">
<img border="0" id="img4" src="Graphics/button1F.jpg" height="30"
width="200" alt="Abdominal Aneurysms" fp-style="fp-btn: Border Left 1;
fp-font-size: 12; fp-proportional: 0; fp-orig: 0" fp-title="Abdominal
Aneurysms"
onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'Graphics/button20.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'Graphics/button1F.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'Graphics/button21.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'Graphics/button20.jpg')"></a><br>
<a href="cardiovascular_educational_workshops.htm">
<img border="0" id="img5" src="Graphics/button22.jpg" height="30"
width="200" alt="Educational Workshops"
onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'Graphics/button23.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'Graphics/button22.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'Graphics/button24.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'Graphics/button23.jpg')"
fp-style="fp-btn: Border Left 1; fp-font-size: 12; fp-proportional: 0;
fp-orig: 0" fp-title="Educational Workshops"></a><br>
<a href="Definitions.htm">
<img border="0" id="img17" src="Graphics/button17.jpg" height="30"
width="200" alt="Definitions" fp-style="fp-btn: Border Left 1; fp-font-size:
12; fp-proportional: 0; fp-orig: 0" fp-title="Definitions"
onmouseover="FP_swapImg(1,0,/*id*/'img17',/*url*/'Graphics/button7.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img17',/*url*/'Graphics/button17.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img17',/*url*/'Graphics/button8.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img17',/*url*/'Graphics/button7.jpg')"></a><br>
<a href="Links.htm">
<img border="0" id="img18" src="Graphics/button18.jpg" height="30"
width="200" alt="Informational Links" fp-style="fp-btn: Border Left 1;
fp-font-size: 12; fp-proportional: 0; fp-orig: 0" fp-title="Informational
Links"
onmouseover="FP_swapImg(1,0,/*id*/'img18',/*url*/'Graphics/button9.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img18',/*url*/'Graphics/button18.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img18',/*url*/'Graphics/button16.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img18',/*url*/'Graphics/button9.jpg')"></a><br>
<a href="Tests_included.htm">
<img border="0" id="img20" src="Graphics/button87.jpg" height="30"
width="200" alt="Tests Included" fp-style="fp-btn: Border Left 1;
fp-font-size: 12; fp-proportional: 0" fp-title="Tests Included"
onmouseover="FP_swapImg(1,0,/*id*/'img20',/*url*/'Graphics/button85.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img20',/*url*/'Graphics/button87.jpg')"
onmousedown="FP_swapImg(1,0,/*id*/'img20',/*url*/'Graphics/button86.jpg')"
onmouseup="FP_swapImg(0,0,/*id*/'img20',/*url*/'Graphics/button85.jpg')"></a></div>
<p> </td>
</tr>
<tr>
<td valign="top" width="512" rowspan="3">
<!-- MSCellType="ContentBody" -->
<table border="0" width="100%" id="table3">
<tr>
<td width="46%">
<p align="center">
<a href="BE_WELL.htm">
<img border="0" src="Graphics/BeWell_150x100.jpg" width="150" height="100"
align="right" alt="BE WELL"></a></td>
<td width="52%"><font size="7"> </font><font color="#320064"><a title="BE
WELL" href="BE_WELL.htm"><span style="text-decoration: none"><font
color="#320064" style="font-size: 30pt">BE WELL</font></span></a></font></td>
</tr>
<tr>
<td align="left" height="114">
<p align="right"><font color="#320064">
<span style="text-decoration: none">
<a title="BE AWARE" href="BE_AWARE.htm">
<font color="#320064" style="font-size: 30pt">
<span style="text-decoration: none">BE
AWARE</span></font></a></span></font><font size="7">
</font></td>
<td align="left" height="114"><font size="7">
<a href="BE_AWARE.htm">
<img border="0" src="Graphics/BeAware_150x100.jpg" width="150"
height="100" alt="BE AWARE"></a></font></td>
</tr>
<tr>
<td width="46%">
<a href="BE_ASSURED.htm">
<img border="0" src="Graphics/BeAssured_150x100.jpg" width="150"
height="100" align="right" alt="BE ASSURED"></a></td>
<td width="52%"><font size="7"> </font><font color="#320064"><span
style="text-decoration: none"><a title="BE ASSURED"
href="BE_ASSURED.htm"><font color="#320064" style="font-size: 30pt"><span
style="text-decoration: none">BE ASSURED</span></font></a></span></font></td>
</tr>
</table>
</td>
<td height="6"></td>
</tr>
<tr>
<td height="303"> </td>
</tr>
<tr>
<td height="39" width="336"> </td>
</tr>
</table>

</body>

</html>
 
M

Murray

One thing you will want to change is this -

<td height="205" valign="top"><div style="position: absolute;

Read this page about such things -

http://www.great-web-sights.com/g_layerlaws.asp

I'm not sure why you are not able to manage these layers in FP. I do not
see anything in the code that would be preventing it.

(for what it's worth, I look on event handlers applied directly to div tags
with a very jaundiced eye - I'd much rather see you implement the methods
described here - http://www.interlacken.com/winnt/tips/tipshow.aspx?tip=28)
 
R

RSchatzman

I do appreciate this advice and I will implement it. I'm still trying to
figure out why the behaviors functions (such as Insert and Delete) are still
'grayed-out'. If you have any other thoughts to that regard, I'd appricate
that as well. Thanks for your help to this point!
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Behaviors and Insert 9
Layers 2
fly out menu/ layers 2
Layers/Behaviors....Positions 4
Help with layers and behaviors 20
submenu mouseover effect 7
Grouping objects within a centered table 3
Why is my page so slow to load especially buttons? 4

Top