Solved: Text Drops down to Video - Code?

r3drock3t88 · 08-Oct-2007, 12:43 PM #1

Hey all,

What I am trying to do is have a setup something like this...

[Text to be clicked for video to drop]
*
*
* the page slides somewhat down, enough room for a video to be displayed here.

Here's an example on a website of the basic idea...

http://wp-plugins.net/plugin/gravatars/

Instead of text where the menu drops down, I'd like a video to be displayed. Any ideas on how I could go about doing this? Thank you all in advance!

r3drock3t88 · 09-Oct-2007, 12:30 PM #2

hmm, no ideas whatsoever?

tomdkat · 09-Oct-2007, 04:06 PM #3

Quote:

Originally Posted by r3drock3t88

hmm, no ideas whatsoever?

Here's one idea: use a tad of JavaScript to display/hide DIVs containing the video as people click. Here is a half-working example:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>video</title>
  <style type="text/css">
#video {
border-style: ridge;
border-width: 5px;
position: relative;
width: 200px;
height: 200px;
display: none;
}
  </style>
</head>
<body>
<div>Click <a
 onclick="document.getElementById('video').style.display='block'"
 href="#">here</a> for video!</div>
<div id="video">Video goes here!</div>
</body>
</html>

When you load this page in your browser, you only see "Click here for video". When you click the word "here", some magic happens.

To make the video area disappear, you'll have to refresh the page (hence the half-working example). What you would actually need is a JavaScript function to toggle the display of the video section(s) as people clicked on stuff on the page. You might be able to find a fully functional script on DynamicDrive.com.

The above should give you and idea of my idea.

Peace...

r3drock3t88 · 12-Oct-2007, 02:18 PM #4

ahh, thanks for the response, I looked on the dynamic page and found the code I was looking for! Thanks again, it was much appreciated

Search
Search in:
Show Threads Show Posts
Advanced Search

Tag Cloud
acer black screen boot computer connection crash css dell display driver drivers email error ethernet excel explorer firefox firefox 3 game hard drive internet internet explorer itunes laptop lcd linux malware monitor network networking nvidia outlook outlook 2003 outlook express partition password printer problem router slow software sound trojan usb video virus vista windows windows xp wireless

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)