Zaloguj | Zarejestruj | FAQ
Anonymous

Dynamic effect

+ Odpowiedz

Posty: 6 Strona 1 z 1


Dynamic effect

przez Pedro » Pn maja 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!
Avatar użytkownika

Pedro

  • Posty: 17
  • Dołączył(a): Pn maja 21, 2012 10:52 am

Re: Dynamic effect

przez XainPro » Pn maja 21, 2012 4:02 pm

please elaborate !
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: Dynamic effect

przez Pedro » Śr maja 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!

Załączniki

  1. ModeloPagina.GIF (63.95 KiB) Pobrane 2614 razy
    ModeloPagina

Avatar użytkownika

Pedro

  • Posty: 17
  • Dołączył(a): Pn maja 21, 2012 10:52 am

Re: Dynamic effect

przez bzforum » Wt maja 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
Avatar użytkownika

bzforum

  • Posty: 6
  • Dołączył(a): N maja 20, 2012 2:59 pm
--
If you like my posts join my forum BzForum

Re: Dynamic effect

przez XainPro » So cze 02, 2012 5:26 am

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>
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: Dynamic effect

przez soccerwebsitemaker » Cz cze 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.
Avatar użytkownika

soccerwebsitemaker

  • Posty: 138
  • Dołączył(a): So gru 31, 2011 6:25 pm
--
Coins. Profile. Games. Chat. Fun.

CoinAwards.

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


+ Odpowiedz

Strona 1 z 1