Bookmark in uneditable DWT space

G

Guest

I am an admitted newbie. FP 2003. From a "Return to Top" hyperlink in the
editable portion of a page attached to a DWT, I would like to have the page
return to the very top of the browser window. If the top of the page is not
editable, and if there is a bookmark placed in the DWT in that uneditable
space, a hyperlink in the editable space to that bookmark does not seem to
work.

If the top of the page is not editable, is there a way I can have the user
from the depths of the editable space return to the top of the editable page
with the top of the entire page positioned at the top of the browser window?
(What a sentence--sorry!)

Many Thanks.
 
T

Thomas A. Rowe

For Top of Page, just use the following as your link:


<a href="#Top">Top of Page</a>

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
G

Guest

Thanks. A little intimidating working with code, but I hung in there.

If I place your code in the editable section, with a bookmark #Top at the
top of the editable section, the page scrolls to the top of the editable
section. If I place a bookmark called #Top at the top of the page in the
uneditable portion of the DWT and attach the DWT, then clicking on "Top of
the Page" in the editable section does nothing.

I must be doing something wrong.
 
T

Thomas A. Rowe

You would just place the link at the bottom of your page, nothing needs to be in the top editable
region of the page.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
G

Guest

My DWT has an uneditable row at the top border; the editable region is
immediately below that border. If I place your code at the bottom of the
page as you suggest, it indeed takes me to the top: but to the top of the
editable region below the top border, not the top of the actual page.

If I edit the DWT and split the top row such that the far right portion of
the top becomes editable (with a different name than the original editable
region), and if I leave that region empty, your code takes me to the very top
of the page. It is as if the code does not "see" the uneditable region in
the DWT.

Go Figure.
 
T

Thomas A. Rowe

The code doesn't need to be in a editable region, if that is where you are inserting it.

However the error doesn't make sense, but I will leave help for actual using the DWT to someone else
that used them on a regular basis.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
G

Guest

Many thanks for your help.

Thomas A. Rowe said:
The code doesn't need to be in a editable region, if that is where you are inserting it.

However the error doesn't make sense, but I will leave help for actual using the DWT to someone else
that used them on a regular basis.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
Click to expand...
 
R

Ronx

Do you have a URL to the published site?

The problem could be that the non-editable row contains an image, and the
scroll is going to the base of that image - this happens in Netscape, but
normally does not in IE.

I cannot reproduce the problem (other than the Netscape bit).

Seeing a page that has the DWT attached may shed more light on the mystery.
 
G

Guest

Thanks for your perseverence.

The URL of the page in question is : http://missyandba.com/Links.htm.

The code for the DWT which works and which has an editable region in the
upper right hand corner follows. The DWT which does not work differs only in
the absence of the upper right hand cornder editable region:

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
<script language="JavaScript">
<!--
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; }
}

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;
}
// -->
</script>
<link rel="stylesheet" type="text/css" href="style1.css">
</head>

<body onload="FP_preloadImgs(/*url*/'Buttons/button2.gif',
/*url*/'Buttons/button3.gif')">

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="588">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" colspan="2">
<!-- MSCellType="DecArea" -->
<font size="5"><b>Missy and BA Finstead</b>--</font><b><font
face="Arial">Sharing
Our Lives</font></b></td>
<td valign="top" height="44">
<!-- MSCellType="ContentHead" -->
<!-- #BeginEditable "Upper%20Right" --> <!-- #EndEditable --></td>
</tr>
<tr>
<td valign="top" width="234">
<!-- MSCellType="NavBody" -->
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align="center"><a href="Index.htm">
<img border="0" id="img3" src="Buttons/button1.gif" height="20"
width="100" alt="Home" fp-style="fp-btn: Braided Row 1; fp-transparent: 1"
fp-title="Home"
onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'Buttons/button2.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'Buttons/button1.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'Buttons/button3.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'Buttons/button2.gif')"></a></td>
<td valign="top" height="544" width="696">
<!-- MSCellType="ContentBody" -->
<!-- #BeginEditable "Content" --> <!-- #EndEditable --></td>
<td valign="top" height="544" width="183">
<!-- MSCellType="ContentBody" -->
</td>
</tr>
</table>

</body>

</html>

The css for the DWT is:
a:active { font-family: sans-serif; text-decoration: none; font-weight:
bold; color:#FFFFFF }
a:link { font-family: sans-serif; text-decoration: none; font-weight:
bold; color:#FFFFFF }
a:visited { font-family: sans-serif; text-decoration: none; font-weight:
bold; color:#FFFFFF }
a { font-family: sans-serif; text-decoration: none; font-weight:
bold; color:#FFFFFF }
body,td,th { color: #FFFFFF; background-color: #006699;
font-family:"Times New Roman"; font-size:14pt }
h1 { font-family: serif; font-size: 24pt; font-weight: bold }
h2 { font-family: sans-serif; font-size: 14pt }
-->
</style>
</head>

<body>

</body>

</html>


Thanks again.
 
R

Ronx

The only way I can reproduce the problem is by using Ctrl+Click on the link
in FrontPage Design view. In Design view I would expect the screen to
scroll to the first editable region, not the top of the page - in the page
that works, the first editable region is at the top of the page.

In all other browsers[1] (NN4, IE5, IE6, Mozzila 1.3, Firefox 1.0) the
return to top links work perfectly.

[1] Opera 7 failed. The page did not scroll at all. Opera requires an
actual target to be present in the page.
I suggest changing
<font size="5"><b>Missy and BA Finstead</b>
to
<font size="5"><a name="Top">&nbsp;</a><b>Missy and BA Finstead</b>

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


BA Finstead said:
Thanks for your perseverence.

The URL of the page in question is : http://missyandba.com/Links.htm.

The code for the DWT which works and which has an editable region in the
upper right hand corner follows. The DWT which does not work differs only
in
the absence of the upper right hand cornder editable region:

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
<script language="JavaScript">
<!--
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; }
}

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;
}
// -->
</script>
<link rel="stylesheet" type="text/css" href="style1.css">
</head>

<body onload="FP_preloadImgs(/*url*/'Buttons/button2.gif',
/*url*/'Buttons/button3.gif')">

<table border="0" cellpadding="0" cellspacing="0" width="100%"
height="588">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" colspan="2">
<!-- MSCellType="DecArea" -->
<font size="5"><b>Missy and BA Finstead</b>--</font><b><font
face="Arial">Sharing
Our Lives</font></b></td>
<td valign="top" height="44">
<!-- MSCellType="ContentHead" -->
<!-- #BeginEditable "Upper%20Right" --> <!-- #EndEditable --></td>
</tr>
<tr>
<td valign="top" width="234">
<!-- MSCellType="NavBody" -->
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align="center"><a href="Index.htm">
<img border="0" id="img3" src="Buttons/button1.gif" height="20"
width="100" alt="Home" fp-style="fp-btn: Braided Row 1; fp-transparent: 1"
fp-title="Home"
onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'Buttons/button2.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'Buttons/button1.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'Buttons/button3.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'Buttons/button2.gif')"></a></td>
<td valign="top" height="544" width="696">
<!-- MSCellType="ContentBody" -->
<!-- #BeginEditable "Content" --> <!-- #EndEditable --></td>
<td valign="top" height="544" width="183">
<!-- MSCellType="ContentBody" -->
</td>
</tr>
</table>

</body>

</html>

The css for the DWT is:
a:active { font-family: sans-serif; text-decoration: none;
font-weight:
bold; color:#FFFFFF }
a:link { font-family: sans-serif; text-decoration: none;
font-weight:
bold; color:#FFFFFF }
a:visited { font-family: sans-serif; text-decoration: none;
font-weight:
bold; color:#FFFFFF }
a { font-family: sans-serif; text-decoration: none;
font-weight:
bold; color:#FFFFFF }
body,td,th { color: #FFFFFF; background-color: #006699;
font-family:"Times New Roman"; font-size:14pt }
h1 { font-family: serif; font-size: 24pt; font-weight: bold }
h2 { font-family: sans-serif; font-size: 14pt }
-->
</style>
</head>

<body>

</body>

</html>


Thanks again.



Ronx said:
Do you have a URL to the published site?

The problem could be that the non-editable row contains an image, and the
scroll is going to the base of that image - this happens in Netscape, but
normally does not in IE.

I cannot reproduce the problem (other than the Netscape bit).

Seeing a page that has the DWT attached may shed more light on the
mystery.
Click to expand...
Click to expand...
 
G

Guest

Many Thanks!

BA Finstead

Ronx said:
The only way I can reproduce the problem is by using Ctrl+Click on the link
in FrontPage Design view. In Design view I would expect the screen to
scroll to the first editable region, not the top of the page - in the page
that works, the first editable region is at the top of the page.

In all other browsers[1] (NN4, IE5, IE6, Mozzila 1.3, Firefox 1.0) the
return to top links work perfectly.

[1] Opera 7 failed. The page did not scroll at all. Opera requires an
actual target to be present in the page.
I suggest changing
<font size="5"><b>Missy and BA Finstead</b>
to
<font size="5"><a name="Top"> </a><b>Missy and BA Finstead</b>

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


BA Finstead said:
Thanks for your perseverence.

The URL of the page in question is : http://missyandba.com/Links.htm.

The code for the DWT which works and which has an editable region in the
upper right hand corner follows. The DWT which does not work differs only
in
the absence of the upper right hand cornder editable region:

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
<script language="JavaScript">
<!--
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; }
}

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;
}
// -->
</script>
<link rel="stylesheet" type="text/css" href="style1.css">
</head>

<body onload="FP_preloadImgs(/*url*/'Buttons/button2.gif',
/*url*/'Buttons/button3.gif')">

<table border="0" cellpadding="0" cellspacing="0" width="100%"
height="588">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" colspan="2">
<!-- MSCellType="DecArea" -->
<font size="5"><b>Missy and BA Finstead</b>--</font><b><font
face="Arial">Sharing
Our Lives</font></b></td>
<td valign="top" height="44">
<!-- MSCellType="ContentHead" -->
<!-- #BeginEditable "Upper%20Right" --> <!-- #EndEditable --></td>
</tr>
<tr>
<td valign="top" width="234">
<!-- MSCellType="NavBody" -->
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align="center"><a href="Index.htm">
<img border="0" id="img3" src="Buttons/button1.gif" height="20"
width="100" alt="Home" fp-style="fp-btn: Braided Row 1; fp-transparent: 1"
fp-title="Home"
onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'Buttons/button2.gif')"
onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'Buttons/button1.gif')"
onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'Buttons/button3.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'Buttons/button2.gif')"></a></td>
<td valign="top" height="544" width="696">
<!-- MSCellType="ContentBody" -->
<!-- #BeginEditable "Content" --> <!-- #EndEditable --></td>
<td valign="top" height="544" width="183">
<!-- MSCellType="ContentBody" -->
</td>
</tr>
</table>

</body>

</html>

The css for the DWT is:
a:active { font-family: sans-serif; text-decoration: none;
font-weight:
bold; color:#FFFFFF }
a:link { font-family: sans-serif; text-decoration: none;
font-weight:
bold; color:#FFFFFF }
a:visited { font-family: sans-serif; text-decoration: none;
font-weight:
bold; color:#FFFFFF }
a { font-family: sans-serif; text-decoration: none;
font-weight:
bold; color:#FFFFFF }
body,td,th { color: #FFFFFF; background-color: #006699;
font-family:"Times New Roman"; font-size:14pt }
h1 { font-family: serif; font-size: 24pt; font-weight: bold }
h2 { font-family: sans-serif; font-size: 14pt }
-->
</style>
</head>

<body>

</body>

</html>


Thanks again.



Ronx said:
Do you have a URL to the published site?

The problem could be that the non-editable row contains an image, and the
scroll is going to the base of that image - this happens in Netscape, but
normally does not in IE.

I cannot reproduce the problem (other than the Netscape bit).

Seeing a page that has the DWT attached may shed more light on the
mystery.
--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


My DWT has an uneditable row at the top border; the editable region is
immediately below that border. If I place your code at the bottom of
the
page as you suggest, it indeed takes me to the top: but to the top of
the
editable region below the top border, not the top of the actual page.

If I edit the DWT and split the top row such that the far right portion
of
the top becomes editable (with a different name than the original
editable
region), and if I leave that region empty, your code takes me to the
very
top
of the page. It is as if the code does not "see" the uneditable region
in
the DWT.

Go Figure.

:

You would just place the link at the bottom of your page, nothing
needs
to be in the top editable
region of the page.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

Thanks. A little intimidating working with code, but I hung in
there.

If I place your code in the editable section, with a bookmark #Top
at
the
top of the editable section, the page scrolls to the top of the
editable
section. If I place a bookmark called #Top at the top of the page
in
the
uneditable portion of the DWT and attach the DWT, then clicking on
"Top
of
the Page" in the editable section does nothing.

I must be doing something wrong.

:

For Top of Page, just use the following as your link:


<a href="#Top">Top of Page</a>

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support
see:
http://www.net-sites.com/sitebuilder/newsgroups.asp

message
I am an admitted newbie. FP 2003. From a "Return to Top"
hyperlink
in the
editable portion of a page attached to a DWT, I would like to
have
the page
return to the very top of the browser window. If the top of the
page is not
editable, and if there is a bookmark placed in the DWT in that
uneditable
space, a hyperlink in the editable space to that bookmark does
not
seem to
work.

If the top of the page is not editable, is there a way I can have
the user
from the depths of the editable space return to the top of the
editable page
with the top of the entire page positioned at the top of the
browser
window?
(What a sentence--sorry!)

Many Thanks.
Click to expand...
Click to expand...
Click to expand...
 

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

dwt after crash 6
.DWT updating problem 3
DWT and left hand column 1
Nested DWT 3
DWT and Includes 2
Problems with DWT 8
FP2003 & DWT - too much white space! 10
Manage Editable Regions - DWT 3

Top