Senior Coders
Target DIV?
Hey, I'm already pretty sure that this isn't possible... But there's no harm is asking to be sure.
Is it possible to "target" a DIV or other container such as SPAN or something?
Like this:
Code:<div id="nav"> <a href="blank.html" target="content">Content</a> </div> <div id="content" name="content"> This is where the content goes... </div>
--------------------------------------------------Reviews, Interviews, Tutorials, and STUFF--------------------------------------------------Home of the SexyBookmarks WordPress plugin
Regular Coders
Nope, the only way to do that is through XMLHttpRequest.
DD has plenty of scripts for this purpose, eg. http://www.dynamicdrive.com/dynamici...jaxcontent.htm
Senior Coders
PERFECT!
Thanks, I kinda thought it was going to be an ajax thing... but I wasn't sure.
--------------------------------------------------Reviews, Interviews, Tutorials, and STUFF--------------------------------------------------Home of the SexyBookmarks WordPress plugin
Elite Coders
Look into using something like jQuery. It's super-duper-simple to do Ajax calls with it.Originally Posted by Nyne Lyvez
From the documentation:
Retrieve the latest version of an HTML page.
$.ajax({
url: "test.html",
cache: false,
success: function(html){
$("#results").append(html);
}
});Edit:
Also just noticed that DD has some scripts that might be of interest here:
http://www.dynamicdrive.com/dynamici...jaxcontent.htm
http://www.dynamicdrive.com/dynamici...axincludes.htm
Last edited by Medyman; 08-09-2008 at 04:52 PM. Reason: edit-add
TheJoshMan (08-09-2008)
Senior Coders
Thanks Medyman, I'm already attempting to use one of those scripts.
--------------------------------------------------Reviews, Interviews, Tutorials, and STUFF--------------------------------------------------Home of the SexyBookmarks WordPress plugin
New Comer (less than 5 posts)
I know it is a very old topic but like myself anyone can land on this page searching for an answer, a solution.
Well it is possible to navigate to a section of the content from the same page or from content posted on external page
If the above example the content div is in the same page as the navigation elementHTML Code:<div id="nav"> <a href="#content">Content</a> </div> <div id="content" name="content"> This is where the content goes... </div>
The above example is using this forum's footer div as targeted link. The target link attribute is used as tab , _blank, _new, _top and not to call or define the html elementHTML Code:<div id="nav"> <a href="http://www.dynamicdrive.com/forums/#footer_time">Content</a> </div> <div id="content" name="content"> This is where the content goes... </div>
This link goes to the footer section from another page
Last edited by css-mfc-pro; 02-29-2016 at 11:13 AM. Reason: add clickable link
Elite Coders
Not tested:
jQuery:
Without jQuery:Code:<head> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <div id="nav"> <a href="javascript: void(0)" onclick="$('#content').load('yourfile.html'); return false">Content</a> </div> <div id="content" > This is where the content goes... </div> </body>Code:<head> ... </head> <body> <div id="nav"> <a href="javascript: void(0)" onclick="document.getElementById('content').innerHTML=frames.content.document.body.innerHTML; return false">Content</a> </div> <div id="content" > <iframe name="content" src="yourfile.html" style="position: absolute; width:0; height:0; left: -100%"></iframe> This is where the content goes... </div> </body>
Posting Permissions
Reply With Quote
Bookmarks