Dynamic effect
Posty: 6 Strona 1 z 1
Dynamic effect
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!
Re: Dynamic effect
please elaborate !Re: Dynamic effect
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!
Załączniki
-
ModeloPagina.GIF (63.95 KiB) Pobrane 2646 razy
ModeloPagina
Re: Dynamic effect
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
--
If you like my posts join my forum BzForum
If you like my posts join my forum BzForum
Re: Dynamic effect
check out following Example i think you are talking about this- Kod: Zaznacz cały
<!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>
Re: Dynamic effect
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.
Strona 1 z 1