Is there a way to make or add a scrolling feature to a window? We have a client who wants to add testimonials
but they don't want a window that is 10" long in the page.
I will be TRYING to do this from a page made (I believe) with Site Builder?
I'm on a mac using Dreamweaver CS4
Skip
Something like this JQuery script might do the trick: http://logicbox.net/jquery/simplyscroll/custom.html
Why not try a 'randomizer' script to display random testimonials every time the page loads? Your JS will be something like this:
// display random testimonial
var list = $(".testimonials ul li").toArray();
var elemlength = list.length;
var randomnum = Math.floor(Math.random()*elemlength);
var randomitem = list[randomnum];
$(randomitem).css("display", "block");
Your HTML will be something like this:
<div class="testimonials">
<h2>Testimonials</h2>
<ul>
<li>
<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
<p><strong>John Smith</strong></p>
</li>
<li>
<p>Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
<p><strong>John Smith</strong></p>
</li>
<li>
<p>Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</p>
<p><strong>John Smith</strong></p>
</li>
</ul></div>
Your CSS can be customized to whatever you want. Something similar to this to start with:
.testimonials ul li {display:none;}
.testimonials ul li strong {font-weight:bold;}
Hello and thank you to all who have responded. I think I've asked for the wrong thing:(
What the client would like us to do, is have the testimonails in one window that has a Up & Down bar on the side, for scrolling / siding
up and or down to testimonials - not a scrolling window like a video screen.
Thank you again, and is this the rightterminologie for this feature?
Skip
Lookup "jquery carousel". There are many different variations of examples out there. Personally I'd go back to your client and ask for an example website and just view the source code of that site to see what they are using or do the Google search and find something as close to that as you can.
If you don't want anything fancy, just basic, use a simple div whose overflow has been set to auto (see example below)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
#scroll {
width: 350px;
height: 200px;
overflow: auto;
}
</style>
</head>
<body>
<div id="scroll">
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
<p>Scroll this text at 200px high</p>
</div>
</body>
</html>
This is what I'm talking about:) (http://baijs.nl/tinyscrollbar/)
Now where do I place the code? When I copy and paste it all, then go to view mode, nothing? Do I need to first place a text box?
Skip
ncc download code from here weblink
Ok, so one more time, I'm doing something wrong. when I go and get the source code, copy and paste into a new document in Dreamweaver, I get the box but not as a scrolling box?
Skip
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="css/website.css" type="text/css" media="screen"/>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#scrollbar1').tinyscrollbar();
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body><div id="scrollbar1">
<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
<div class="viewport">
<div class="overview">
<h3>Origins of Massage</h3>
<p align="justify"><span class="innerfonts">Writings on massages have been found in many ancient civilizations including <em>Rome, Greece, India, Japan, China, Egypt and Mesopotamia</em>. A biblical reference from 493 BC documents daily massage with olive oil and myrrh as a part of the beauty regimen of the wives of Xerxes (Esther, 2:9-12). Hippocrates wrote in 460 BC that "the physician must be experienced in many things, but assuredly in rubbing".</span></p>
<h3>Traditional Thai Yoga Massage</h3>
<p align="justify"><span class="innerfonts">Traditional Thai Yoga MassageKnown in Thailand as Nuat Phaen Boran, meaning "Ancient/Traditional Massage", Thai massage originated in India and is based on Ayurveda and Yoga. The techniques combine massage with yoga-like positions during the course of the massage; the northern style emphasizes stretching while the southern style emphasizes acupressure.</span></p>
<h3>What is a Massage</h3>
<p align="justify"><span class="innerfonts">Massage is the practice of soft tissue manipulation with physical (anatomical), functional (physiological), and in some cases psychological purposes and goals. The word comes from the French masser meaning "to knead", or from the Arabic massa meaning "to touch, feel or handle" or from the Latin massa meaning "mass, dough". An older etymology may even have been the Hebrew me-sakj "to anoint with oil". In contrast, the ancient Greek word for massage wasanatripsis, and the Latin was frictio.<br />
<br />
Massage involves acting on and manipulating the body with pressure – structured, unstructured, stationary, or moving – tension, motion, or vibration, done manually or with mechanical aids. Target tissues may include muscles, tendons, ligaments, skin, joints, or other connective tissue as well as lymphatic vessels, or organs of the gastrointestinal system. Massage can be applied with the hands, fingers, elbows, knees, forearm, and feet. There are over eighty different recognized massage modalities. The most cited reasons for introducing massage as therapy have been client demand and perceived clinical effectiveness.<br />
<br />
In professional settings, massage involves the client being treated while lying on a massage table, sitting in a massage chair, or lying on a mat on the floor. The massage subject may be fully or partly unclothed. Parts of the body may be covered with towels or sheets</span></p>
</div>
</div>
</div>
</body>
</html>
Thats most likey because you have not downloaded the two jquery scripts you need to make it work.
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.tinyscrollbar.min.js"></script>
Download the COMPLETE zip file from the link below:
North America
Europe, Middle East and Africa
Asia Pacific