Open something in a div

damy · #1 07-Feb-2009, 06:29

Hi, I want to know how, if I have a site structured like that, a header div, a menu div in left, and a container div in right, how I do like by clicking a link in the menu div, in container div do be opened a page.

Thank you.

Blake · #2 07-Feb-2009, 09:44

As far as I know, it isn't possible to load the content of an external file inside a div tag (someone please correct me if I'm wrong). All the content that displays in the div tags needs to be there in your page. That being said, you could do something like this:

HTML Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Hello!</title>
  <script type="text/javascript">
    function TagSet(numTags, name)
    {
      this.numTags = numTags;
      this.name = name;
    }

    TagSet.prototype.showDiv = function(id)
    {
      for (var i=0; i<this.numTags; i++)
      {
        var tag = document.getElementById(this.name + i);
        if (tag)
        {
          if (i == id) tag.style.display = "block";
          else tag.style.display = "none";
        }
      }
    }

    var T = new TagSet(3, "foo");

  </script>
</head>

<body>

    <div id="foo0">Hello!</div>
    <div style="display: none;" id="foo1">Greetings!</div>
    <div style="display: none;" id="foo2">Salutations!</div>

    <a href="javascript:T.showDiv(0)">Show div 0</a><br/>
    <a href="javascript:T.showDiv(1)">Show div 1</a><br/>
    <a href="javascript:T.showDiv(2)">Show div 2</a><br/>
</body>

</html>

I actually used 3 div tags, and I toggle which one is visible. All the variables are encapsulated in a TagSet object so that you can make multiple sets of switchable div tags.

EDIT: Just to clarify, you can easily use PHP to show content from an external file on your page. The problem is that you can't dynamically change what file the content is coming from after the page loads. If you want to go that route, you could use PHP and pass the name of the file to be displayed inside each div tag as parameters. However, you would have to reload the whole page every time you wanted to change the content of one of the divs, and it sounds like you don't want to do that.

damy · #3 07-Feb-2009, 10:18

No, my ideea is that my site to look like that: http://www.coco243.lx.ro/, and in the content div to display my informations, no others informations, after clicking links from my div menu, I'm a begginer in web design, and I wat to make a simple site with a menu and a right side where to show informations, my informasions structured after my menu. I hope to make myself understanded

Blake · #4 07-Feb-2009, 10:24

You could easily do that with the code I posted, unless I'm misunderstanding something about what you're trying to do.

damy · #5 07-Feb-2009, 10:35

ok, now I'm studying your code, thanks

damy · #6 07-Feb-2009, 10:59

Man!!, another way doesn't exist?, first of all I don't understand the code, it is very complex for me, I think you use javascript but I just have heard about javascript, I'm just want for now a simple site wrote in html and css, is it possible something like that? and second problem is that when I click the link on your menu of your page the informasion is displayed on header, I want like in the right div to be oppened a page from my pages. I don't know if you understand what I want, I don't know very well english, sorry

Blake · #7 07-Feb-2009, 11:31

Does your web host support PHP?

damy · #8 07-Feb-2009, 11:33

I think that it does, but with css is not possible what I want to do?

Blake · #9 07-Feb-2009, 11:34

That depends. If you need the code that will be in the content div to be in a separate file, then no. If you can put all the code in a single file, then yes it is.

damy · #10 07-Feb-2009, 11:46

Nasty, then I understand that html and css are unusefull, I wasted my time trying learn them, and I belived that doing web page structured in 3 divs is easy, but..., and to be able to make web pages I have to learn php with no discution?

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Windows Media Player doesn't open	Snowman	Computer Software Forum - Windows	3	24-Aug-2008 21:34
How to open files outside my program?	DeadOverlord	C++ Forum	5	30-Oct-2007 21:27
Apache default page can't be visited	satimis	Apache Web Server Forum	0	05-Apr-2007 05:40
[ANN] New script engine: Open Basic (Basic syntax)	MKTMK	Computer Programming Advertisements & Offers	0	01-Sep-2005 07:13
[Tutorial] Standard I/O	aaroncohn	C Programming Language	20	27-Feb-2004 22:07

Open something in a div

Re: Open something in a div

Re: Open something in a div

Re: Open something in a div

Re: Open something in a div

Re: Open something in a div

Re: Open something in a div

Re: Open something in a div

Re: Open something in a div

Re: Open something in a div