[Q] How to supply the source file for the DIV tag???

CyanBlue · 01-30-2005, 07:07 PM

Howdy...

I was reading this article...

http://www.devarticles.com/c/a/Web-S...ut-with-CSS/6/

It looks good... I was wondering if I could specify the external file for the content...

For example, it says...

HTML Code:

<div id="header">Header Section</div>
<div id="leftcol">Left Section</div>
<div id="content">Content Section</div>
<div id="rightcol">Left Section</div>
<div id="footer">Footer Section</div>

and I want it to be something like this(of course, not a valid syntax...)

HTML Code:

<div id="header">header.html</div>
<div id="leftcol">navigation.html</div>
<div id="content">content.html</div>
<div id="rightcol">extra.html</div>
<div id="footer">footer.html</div>

Thanks...

Laguana · 01-30-2005, 09:28 PM

I'm no expert at things like this, but i think that you need to use php for something like that... At least all the places where i can think of html being reused it seems to be php.

CyanBlue · 02-01-2005, 03:14 AM

Found it... DIV accepts source file the same way iframe does...

HTML Code:

div src="somefile.html"></div>

Gibberish · 02-01-2005, 05:25 PM

Thanks for the article link CyanBlue. Gave me the answer to a problem i was having as well.

CyanBlue · 02-01-2005, 07:33 PM

Hm... NOW... Does anybody know how I can refresh the content of one DIV from another???

Gibberish · 02-01-2005, 11:46 PM

I am creating something like that right now. I am going to use the onSelect function to tell a javascript to run a function that turns my other div visible.

In my case I have a select statement that when a certain item is selected a div is turned visible for more options.

I'll have something tommorrow if you dont find a solution.

CyanBlue · 02-01-2005, 11:53 PM

Here is abit more detailed version of that question if anybody can help me...

I have two DIV frames...

HTML Code:

<body>
    <div id="leftcol"><?php include("navL.html"); ?></div>
    <div id="content"><?php include("content.php"); ?></div>
</body>

and in the leftcol DIV frame, I have navL.html file loaded... (If you know of better way of doing it, please let me know...

)

This is the content of the navL.html file...

HTML Code:

<script type="text/javascript">
    <!--

    function load(arg)
    {
        alert(arg);
        document.getElementByID("content").src = arg + ".html";
    }

    //-->
</script>

<a href="#" onClick="javascript:load('test1');">test1</a>
<BR>
<a href="#" onClick="javascript:load('test2');">test2</a>

In there I have two links which I want to use to update the content DIV frame with either test1.html or test2.html depending on the link that is clicked, but somehow it is not working...

Does anybody know how I can solve this problem???

Thank you very much...

sreeni · 08-03-2007, 07:21 AM

<div src="fn.htm" ></div>
This is not wokring for me. Could somebody suggest me.

Best Regards
Sreeni

mmkader85 · 12-11-2007, 01:50 PM

Reply for Sreeni Ques..
It Wont work bcoz div doesn't an attrib called src..
Instead you can make use of the javascript+iframe to do the magic for you..

May be this could answer your question

================================================== =======================
<html>
<head>
<script type="text/javascript">
function setMyDiv(userFile)
{
document.getElementById("myDiv").innerHTML = "<iframe src='"+userFile+"' width=800 height=300 frameborder=0 scrolling=yes>";
}
</script>
</head>
<body onLoad="setMyDiv('http://www.altavista.com/')">
<div id="myDiv">
Default content for Div
</div>
<br />
<br />
<form>
<input type="button" onClick="setMyDiv('http://www.google.com/')" value="Google" />
<input type="button" onClick="setMyDiv('http://www.altavista.com/')" value="Altavista" />
</form>
</body>
</html>
================================================== =======================

01-30-2005, 07:07 PM	#1
CyanBlue Super Moderator Join Date: Jan 2002 Location: Centreville, VA Posts: 24,878	[Q] How to supply the source file for the DIV tag??? Howdy... I was reading this article... http://www.devarticles.com/c/a/Web-S...ut-with-CSS/6/ It looks good... I was wondering if I could specify the external file for the content... For example, it says... HTML Code: <div id="header">Header Section</div> <div id="leftcol">Left Section</div> <div id="content">Content Section</div> <div id="rightcol">Left Section</div> <div id="footer">Footer Section</div> and I want it to be something like this(of course, not a valid syntax...) HTML Code: <div id="header">header.html</div> <div id="leftcol">navigation.html</div> <div id="content">content.html</div> <div id="rightcol">extra.html</div> <div id="footer">footer.html</div> Thanks... __________________ CyanBlue / Jason Je / Macromedia Certified Flash Developer & Designer http://CyanBlue.FlashVacuum.com http://www.FlashVacuum.com http://tutorials.FlashVacuum.com Do NOT PM, Email or Call me... Your question belongs right in this forum...

02-01-2005, 03:14 AM	#3
CyanBlue Super Moderator Join Date: Jan 2002 Location: Centreville, VA Posts: 24,878	Found it... DIV accepts source file the same way iframe does... HTML Code: div src="somefile.html"></div> __________________ CyanBlue / Jason Je / Macromedia Certified Flash Developer & Designer http://CyanBlue.FlashVacuum.com http://www.FlashVacuum.com http://tutorials.FlashVacuum.com Do NOT PM, Email or Call me... Your question belongs right in this forum...

02-01-2005, 07:33 PM	#5
CyanBlue Super Moderator Join Date: Jan 2002 Location: Centreville, VA Posts: 24,878	Hm... NOW... Does anybody know how I can refresh the content of one DIV from another??? __________________ CyanBlue / Jason Je / Macromedia Certified Flash Developer & Designer http://CyanBlue.FlashVacuum.com http://www.FlashVacuum.com http://tutorials.FlashVacuum.com Do NOT PM, Email or Call me... Your question belongs right in this forum...

02-01-2005, 11:53 PM	#7
CyanBlue Super Moderator Join Date: Jan 2002 Location: Centreville, VA Posts: 24,878	Here is abit more detailed version of that question if anybody can help me... I have two DIV frames... HTML Code: <body> <div id="leftcol"><?php include("navL.html"); ?></div> <div id="content"><?php include("content.php"); ?></div> </body> and in the leftcol DIV frame, I have navL.html file loaded... (If you know of better way of doing it, please let me know... ) This is the content of the navL.html file... HTML Code: <script type="text/javascript"> <!-- function load(arg) { alert(arg); document.getElementByID("content").src = arg + ".html"; } //--> </script> <a href="#" onClick="javascript:load('test1');">test1</a> <BR> <a href="#" onClick="javascript:load('test2');">test2</a> In there I have two links which I want to use to update the content DIV frame with either test1.html or test2.html depending on the link that is clicked, but somehow it is not working... Does anybody know how I can solve this problem??? Thank you very much... __________________ CyanBlue / Jason Je / Macromedia Certified Flash Developer & Designer http://CyanBlue.FlashVacuum.com http://www.FlashVacuum.com http://tutorials.FlashVacuum.com Do NOT PM, Email or Call me... Your question belongs right in this forum...

08-03-2007, 07:21 AM	#8
sreeni Registered User Join Date: Aug 2007 Location: Tirupati, AP, India Posts: 1	src in Div Tag <div src="fn.htm" ></div> This is not wokring for me. Could somebody suggest me. Best Regards Sreeni

01-30-2005, 09:28 PM	#2
Laguana Well known nobody Join Date: Jul 2004 Location: Australia Posts: 818	I'm no expert at things like this, but i think that you need to use php for something like that... At least all the places where i can think of html being reused it seems to be php.


<a href='http://d1.openx.org/ck.php?n=ac86e9f0&cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://d1.openx.org/avw.php?zoneid=36053&source=_blank&cb=INSERT_RANDOM_NUMBER_HERE&n=ac86e9f0' border='0' alt='' /></a>

02-01-2005, 05:25 PM	#4
Gibberish WHAT!? Join Date: Aug 2004 Location: San Diego, CA Posts: 1,774	Thanks for the article link CyanBlue. Gave me the answer to a problem i was having as well.

02-01-2005, 11:46 PM	#6
Gibberish WHAT!? Join Date: Aug 2004 Location: San Diego, CA Posts: 1,774	I am creating something like that right now. I am going to use the onSelect function to tell a javascript to run a function that turns my other div visible. In my case I have a select statement that when a certain item is selected a div is turned visible for more options. I'll have something tommorrow if you dont find a solution.

12-11-2007, 01:50 PM	#9
mmkader85 Registered User Join Date: Dec 2007 Posts: 1	Reply for Sreeni Ques.. It Wont work bcoz div doesn't an attrib called src.. Instead you can make use of the javascript+iframe to do the magic for you.. May be this could answer your question ================================================== ======================= <html> <head> <script type="text/javascript"> function setMyDiv(userFile) { document.getElementById("myDiv").innerHTML = "<iframe src='"+userFile+"' width=800 height=300 frameborder=0 scrolling=yes>"; } </script> </head> <body onLoad="setMyDiv('http://www.altavista.com/')"> <div id="myDiv"> Default content for Div </div> <br /> <br /> <form> <input type="button" onClick="setMyDiv('http://www.google.com/')" value="Google" /> <input type="button" onClick="setMyDiv('http://www.altavista.com/')" value="Altavista" /> </form> </body> </html> ================================================== =======================

Thread Tools
Show Printable Version Email this Page
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread: