Dropdown Content

Alf Kalleland Sep 13, 2006

Information is "dropping" down when you click on the link. Excellent when you want to present information and not have to worry about popup blockers.

Click Here and Try it

Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues.

The JavaScript Source: Miscellaneous : Dropdown Content

Simply click inside the window below, use your cursor to highlight the script, and copy [Control]+C the script into a new file in your text editor (such as Note Pad) and save [Control+S]. The script is yours!!!

#dhtmlgoodies_contentBox {
  border:1px solid #317082;
  height:0px;
  visibility:hidden;
  position:absolute;
  background-color:#E2EBED;
  overflow:hidden;
  padding:2px;
  width:250px;
}

#dhtmlgoodies_content {
  position:relative;  
  font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
  width:100%;
  font-size:0.8em;
}

#dhtmlgoodies_slidedown {
  position:relative;
  width:250px;
}

/* This script and many more are available free online at
The JavaScript Source :: http://www.javascriptsource.com
Created by: Alf Magne Kalleland :: http://www.dhtmlgoodies.com/ */

/************************************************************************************************************
	(C) www.dhtmlgoodies.com, September 2005
	Terms of use: You are free to use this script as long as the copyright message is kept intact. However,
 you may not redistribute, sell or repost it without our permission.

Alf Magne Kalleland
************************************************************************************************************/		
	
var initHeight = 0;
var slidedown_direction = 1;
var slidedownContentBox = false;
var slidedownContent = false;
var slidedownActive = false;
var contentHeight = false;
var slidedownSpeed = 3;  // Higher value = faster script
var slidedownTimer = 7; // Lower value = faster script

function slidedown_showHide() {
  if(initHeight==0)slidedown_direction=slidedownSpeed; else slidedown_direction = slidedownSpeed*-1;
  if(!slidedownContentBox) {
    slidedownContentBox = document.getElementById('dhtmlgoodies_contentBox');
    slidedownContent = document.getElementById('dhtmlgoodies_content');
    contentHeight = document.getElementById('dhtmlgoodies_content').offsetHeight;
  }
  slidedownContentBox.style.visibility='visible';
  slidedownActive = true;
  slidedown_showHide_start();
}

function setslidedownWidth(newWidth) {
  document.getElementById('dhtmlgoodies_slidedown').style.width = newWidth + 'px';
  document.getElementById('dhtmlgoodies_contentBox').style.width = newWidth + 'px';
}

function setSlideDownSpeed(newSpeed) {
  slidedownSpeed = newSpeed;
}

<div id="dhtmlgoodies_slidedown">
 	<div id="dhtmlgoodies_control">
    <a href="#" onclick="slidedown_showHide();return false;">Try it</a>
  </div>
  <div id="dhtmlgoodies_contentBox">
  <div id="dhtmlgoodies_content">
			
Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues.<br><br>
			
  </div>
  </div>
</div>

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

Dropdown Content

Leave a Response

Attention JavaScript Coders

Go Deeper