Login | Register | FAQ
Anonymous

Dynamic effect

+ Post a reply

6 posts Page 1 of 1


Dynamic effect

by Pedro » Mon May 21, 2012 1:01 pm

Hello!

I'm new on the subject web page.
I'm building a web page with the following structure "divs"
- Div "Header";
- Div: "Menu";
- Div: "Body";
- Div: "Footer";

I want to create the following dynamic effect, that when you click an item in the div "Menu", so change the div section of "Body". All else remains.

Can you help me?

Thank you!
User avatar

Pedro

  • Posts: 17
  • Joined: Mon May 21, 2012 10:52 am

Re: Dynamic effect

by XainPro » Mon May 21, 2012 4:02 pm

please elaborate !
User avatar

XainPro

  • Posts: 3583
  • Joined: Fri Feb 17, 2012 8:10 pm

Re: Dynamic effect

by Pedro » Wed May 23, 2012 4:28 pm

Thank you for your attention.
I will show a "model" plan to do with an image:

Name the file "ModeloPagina" in Portuguese.

Now.

There are four sections (or "divs"):

- Header> Menu> mainContent> Footer

I want to create a "Top Content" slide show type that changes according to click an item in div "menu" (menu with several items).

All divs is fixed, except for the div "main content" that changes according to an item click the "Menu" button ("Menu" with multiple items) ..

Specifically I want to change only the content.

- Idea: click on an item in div "Menu" appears in the div "mainContent" and their contents.

In the background is the idea of ​​tags "frameset".

Do you understand? And can you help me?

I do not understand English very well ... I am using a translator.
Sorry for the mistakes!

Thank you!

Attachments

  1. ModeloPagina.GIF (63.95 KiB) Downloaded 1020 times
    ModeloPagina

User avatar

Pedro

  • Posts: 17
  • Joined: Mon May 21, 2012 10:52 am

Re: Dynamic effect

by bzforum » Tue May 29, 2012 5:43 am

You can try DynamicDrive.com as there are lots of examples which let you do lots of thing with JavaScript...and i think you will find each and every thing which you require there...they will not be together but there are examples for each over there..

Example of dynamic content slider is here
http://www.dynamicdrive.com/dynamicinde ... slider.htm
User avatar

bzforum

  • Posts: 6
  • Joined: Sun May 20, 2012 2:59 pm
--
If you like my posts join my forum BzForum

Re: Dynamic effect

by XainPro » Sat Jun 02, 2012 5:26 am

check out following Example i think you are talking about this

Code: Select all
<!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>The Javascript Example </title>
<script type="text/javascript">
function contactUs() {
   document.getElementById("Content").innerHTML = "<h1>This is Contact Us Text</h1>"
   }
function aboutUs() {
   document.getElementById("Content").innerHTML = "<h1>This is About Us Text</h1>"
   }
</script>
</head>

<body>

<div id="header"></div>
<div id="Menus">
<a href="#" onclick="contactUs()">Contact Us</a>
<a href="#" onclick="aboutUs()">About  Us</a>
</div>
<div id="Content">
<h1>This is Main Content Div</h1>
</div>

</body>
</html>
User avatar

XainPro

  • Posts: 3583
  • Joined: Fri Feb 17, 2012 8:10 pm

Re: Dynamic effect

by soccerwebsitemaker » Thu Jun 07, 2012 1:39 am

Hey, soccerwebsitemaker here.

You also might want to incorporate some cutting-edge HTML5 elements on your site! Some of those tags include header, footer, and section.

I use section for a very large portion of the site, divs inside that section. header for...the head of the page!

Of course, footer for copyright info and other notes.

just try adding those elements like this: <header>, <footer>, etc.

Follow XainPro's excellent advice and see what you get.
User avatar

soccerwebsitemaker

  • Posts: 139
  • Joined: Sat Dec 31, 2011 6:25 pm
--
Coins. Profile. Games. Chat. Fun.

CoinAwards.

Check it out at http://www.coinawards.net63.net/


+ Post a reply

Page 1 of 1

?>