Hello,

I would like to display testimonials on a web site. I have quite a few and would like to initially display part of the testimonial and give the user the option to click on the last word of the visible text and then the complete testimonial would appear. Also, when the user clicks off can the testimonial return to the partial text?

Thank you,

Rose

Actually I can think of three ways to do this kind of affect.

1. Using a Javascript that would allow an expanded box ONCLICK or on
MOUSEOVER.

2. Using a "tab" that ONCLICK would expand to show the full comment.

3. Make the testimonials page a blog page and let users write their own
comments.

Testimonials are not considered a crucial element in most cases.
People pretty much always consider them to be faked.

here's an idea:

Credits: (very cool)

2) http://www.javascriptkit.com/script/...itscreen.shtml

-jaub

update: i also come across this while browsing the forum last night:

http://www.webmaster-talk.com/html-f...tml#post937737

The link provided to you by "Jaub" is the thing that you need for doing such a change. It is not difficult to do. If you are looking for an advice whether to show testimonials or not you can post them. They are harmless in return a few of the customers will trust them true.

Here's another couple of ways you could use.

disclaimer: Self promo links
http://www.modtalk.co.uk/_site/code/...oll-over-tabs/

http://www.modtalk.co.uk/article/c-a...gn/dhtml-tabs/
demo: http://www.modtalk.co.uk/_site/code/...ple-tab-boxes/

Rosef -

The basic idea behind this concept is changing the display property of an element to none. Here is an example.

function pop_visibility(){
   var hide = "Hide";
   var show = "Show";
   var txt = document.getElementById('ipop').innerHTML;
   if(txt==hide){
    document.getElementById('controllerlink').innerHTML = "Show";
    document.getElementById('ipop').style.display = "none";
   }
   if(txt==show){
    document.getElementById('controllerlink').innerHTML = "Hide";
    document.getElementById('ipop').style.display = "block";
   }
}

Call it with....

<a onClick="pop_visibility()"id="controllerlink">Hide</a>
<div id="ipop>
     These contents will dissapear and reappear.
     And hide will switch to show accordingly.
</div>