Content Display | JavaScriptSource

Content Display

JavaScriptSource Staff Jun 15, 2007

General

Display a block of text, a graphic, or combination of both, by clicking on a link or a graphic. This script can be used in different circumstances, such as for informational purposes, or displaying pictures with captions. Very easy to use.


Apache | Linux | PHP

[ click on a link above for further information ]

The Apache Software Foundation provides support for the Apache community of open-source software projects.
Want to learn Linux? Have questions? Just Linux will get you started in the right direction to a superior operating system.
PHP is a widely-used general-purpose scripting language that is especially suited for Web development and can be embedded into HTML.

[ click on an image above for further information ]

The Apache Software Foundation provides support for the Apache community of open-source software projects.
Want to learn Linux? Have questions? Just Linux will get you started in the right direction to a superior operating system.
PHP is a widely-used general-purpose scripting language that is especially suited for Web development and can be embedded into HTML.

[ click on an image to see the big picture ]


Trying to move some dirt

Finally got the house built

A nice family shot

Notes

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: contentDisplay.js


CSS

Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.


Head

Paste this code into the HEAD section of your HTML document.


Body

Paste this code into the BODY section of your HTML document


Leave a Response

(3 comments)

I had the same problem and correced it in basically the same mannor by placing an anchor:[br /]<a name="advertising_services" id="advertising_services"></a> where I wish the page to display - it works perfect.[br /][br /]I think what happens is that when you place the display "box" divs well below the links to the display it moves back .[br /][br /]I love the script!

sharon Apr 8, 2009

I'm not sure what to tell you. As you can see, it works fine here. If you need additional help, you'll need to post your question [a href="http://www.webdeveloper.com/forum/forumdisplay.php?f=3"]over on the forums[/a].

Lee Jun 26, 2008

I have been trying to implement this fantastic little bit of code but when I click on the link to show the descriptive text, the browser goes up to the top of the page. I tried correcting this using the code <A name="#gohere"> which works fine but still the page moves even if only to the "gohere" place, which is near to the links and descriptive text.[br /][br /]Apart from this, it all works really well, but I can't really show the problem, except for a few minutes, because of using PHP includes and risking messing the site up.

Ian Feb 24, 2008