Pixelpost

steff · #1 05-31-2005, 02:30 PM

hi, in non-popup templates there's this function, which scrolls the page to show the add-comment area.
I modified my template to hide comments as well, as you can see:

http://steff.altervista.org/

but, how can I make the page scroll downwards? now the image is pushed upwards and disappears from screen; I would like the bottom div to scroll downward instead

hope someone can help!

**Joe[y]**+ · #2 05-31-2005, 02:37 PM

nothing is really scrolling up or down. all that is happening is you are revealing a section of code and then instructing the page to focus on <a name="addcomment"> through using the hyperling #addcomment.

however... if you don't want this link to focus straight on to the addcomment box then you just need to move the <a name="addcomment"> to a new location... wherever you move this tag is where the top of the screen will be when you click on the addcomment link.

#3 05-31-2005, 02:41 PM

Steff,

have a look:

there is an id [i]comments[i]:

Code:

&lt;div id="comments">
&lt;a href='#' onclick="flip('add-comment'); return false;">Add Comment&lt;/a>&lt;p />

when you click on the link, the click returns the parameter 'add-comment' to the function 'flip', which will parse the document for the id 'add-comment'
the text which is invisible first and will be visible after the click sits inside this
<div id="add-comment">, so this part will be made visible

in your comment-template, enclose your form into this div and close this div before the bottom of the page... and the function should find it

steff · #4 05-31-2005, 03:21 PM

thank you both!
I tried but unfortunately it didn't work: i moved the <a name="addcomment"> to the top of the image, but got no results...

my code is:

Code:

&lt;div id="image-info">

(snip)

Posted on: &lt;IMAGE_DATETIME> --- &lt;b>&lt;a href='#addcomment' onclick="flip('comments'); gotocomments(); return false;">&lt;IMAGE_COMMENTS_NUMBER> comments (add)&lt;/a>&lt;/b> --- &lt;a href="?showimage=&lt;IMAGE_ID>">Permalink&lt;/a> --- &lt;IMAGE_CATEGORY>&lt;br />

&lt;/div>

&lt;div id="comments">
 &lt;script type='text/javascript'>
 &lt;!--
 function gotocomments()
 {
	document.location = '#comments';
 }
 -->
 &lt;/script>

Please &lt;b>Add a Comment&lt;/b> to this image! &lt;img src="smileys/icon_razz.gif" border="0"> Comments and critiques are welcome&lt;br />

&lt;IMAGE_COMMENTS>

&lt;script language='javascript' type='text/javascript'>flip('comments');&lt;/script>

&lt;a name="addcomment">

&lt;form method='post' action='index.php?x=save_comment' name='commentform' accept-charset='UTF-8'>&lt;/a>
Message:&lt;br />

(snip)

I joined the 2 originaty DIVs of the light template: add-comment and comments, and used just one DIV to simplify my task...

what's wrong?

#5 05-31-2005, 03:27 PM

you have this javascript in your header:

Code:

&lt;script language='javascript' type='text/javascript'>
&lt;!-- BEGIN
function flip(rid)
{
    current=(document.getElementById(rid).style.display == 'none') ? 'block' : 'none';
    document.getElementById(rid).style.display = current;
}
// End -->
&lt;/script>

?

steff · #6 05-31-2005, 03:31 PM

yes of course I have

**Joe[y]**+ · #7 05-31-2005, 05:20 PM

i'm looking at your source right now....

<a name="addcomment"> is in it's original position still. :?

steff · #8 05-31-2005, 10:06 PM

yes I undid my changes

steff · #9 06-03-2005, 12:48 PM

I did it!
I remove the gotocomments() function and now it works

thanks to http://www.nauglevision.com/pix/index.php?showimage=319 where I copied the idea from

ops:

doffer · #10 06-05-2005, 11:52 AM

Fun... I wanted to do my comments in a bit different way, and endened up pretty much the same as described in this thread... If you guys take a look at it and tell me what you think, it would be great..

Pixelpost

Authentic Photoblog Flavour