Wednesday, May 28, 2008

Testing, Testing: HTML/Comments

We've got a new feature that I'm kinda proud of... A new setup for posting comments. If you check HHIR as a whole page (that is, showing all our recent posts on one page, not individual posts), you'll still have to click the 'comments' link at the end of each post to open up the pop-up comment box. But! Our new feature can be seen if/when you check individual posts. Like other sites such as Wordpress, we've now found a way to offer an inline/built-in comment box. This way you don't have to be hassled as much as before to leave a reply/comment.

Give it a shot (let's use this post as the guinea pig)... Lemme know what you think!

Thanks!

ISSUES:

1. I'm still not sure how to get rid of the scrollbar...
2. ...
at

13 comments:

  1. IvanMay 28, 2008 at 10:21 AM

    Site check...

    ReplyDelete
  2. IvanMay 28, 2008 at 10:21 AM

    1,2 .. 1,2

    ReplyDelete
  3. MpumiMay 28, 2008 at 1:36 PM

    This comment has been removed by the author.

    ReplyDelete
  4. MpumiMay 28, 2008 at 1:37 PM

    this kicks ass!! if you have access to the source code you might wanna take a look at the javascript parameters for scrollbars ...

    ReplyDelete
  5. IvanMay 28, 2008 at 1:54 PM

    Oh believe me... I spent about an hour trying to tweak it. I can only get rid of the scrollbar if I turn it off and set a high px length. But that's not effective because it can either be too long or too short.

    Do you know of an auto-sizing term in HTML that can get me to achieve that?

    ReplyDelete
  6. AnonymousMay 28, 2008 at 3:55 PM

    Hi Ivan, iframes are pain in html but if you have got full control over the html we can try a few thing, look for the following code in the page template.

    iframe height='100%' scrolling='yes' src='http://www.blogger.com/comment.g?blogID=3790021311115201711&postID=6795503742658502778&isPopup=true' style='border:none;' width='100%'>

    and try and replace it with

    iframe height='100%' scrolling='auto' src='http://www.blogger.com/comment.g?blogID=3790021311115201711&postID=6795503742658502778&isPopup=true' style='border:none; height: 100%' width='100%'>

    let me know how that goes if that doesn't work we could try some css stuff.

    ReplyDelete
  7. IvanMay 28, 2008 at 4:06 PM

    Tried that. For some reason, adding the "height 100%" thing does not. It tells the frame to be 100% of the possible size of the window screen (thus not going above or below it). You know what I mean?

    ReplyDelete
  8. AnonymousMay 28, 2008 at 4:08 PM

    Hey Ivan if you do have full control over the html and javascript you are are able to put into your templates, I am more than happy to write some custom JavaScrip and html to handle this for you.

    ReplyDelete
  9. IvanMay 28, 2008 at 4:15 PM

    Only if you don't mind. I really appreciate this.

    How can I help?

    ReplyDelete
  10. AnonymousMay 28, 2008 at 4:19 PM

    Nah all good, I am a web developer so I am sure I can get this sort for you today at work.

    ReplyDelete
  11. IvanMay 28, 2008 at 4:25 PM

    Awesome!

    For a much-need point of reference, I based it off of the work from this guy:

    http://www.jackbook.com/blogger-hack-blogspot-hack-blogger-templates-customizing/how-to-make-readers-leave-comment

    ReplyDelete
  12. AnonymousMay 28, 2008 at 4:58 PM

    Hey Ivan, I have done a basic show/hide example using jQuery.

    you can download the code from here.
    http://www.respectmine.com/resources/temp/comment-show-hide.zip

    All I am doing his hiding the comment div as the page loads, and then when you click the post comment link it then shows the comment div.

    The code is pretty simple but if you have got any questions feel free to hit me up on msn (dcconz@hotmail.com) or aim (dom@d-c.co.nz)

    ReplyDelete
  13. JackdellNovember 13, 2011 at 1:42 AM

    Latest Hip Hop & R&B Music, News, Interviews, Videos and Much More

    ReplyDelete