CSS en AJAX links openen in divs

**Robin van der Vegt** · 23-02-2010, 17:58

Hallo iedereen!

Ik wil links openen in divs.
Nou doe ik dit via dit: http://www.dynamicdrive.com/
En dit zijn nu mijn codes:
Index.php

Code:

<?php

require './library/process.php';
echo '<!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" xml:lang="en" lang="en">

<head>

<script type="text/javascript">

/***********************************************
* Dynamic Ajax Content- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
var bustcacheparameter=""

function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
if (bustcachevar) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}

</script>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title><?php echo COMPANY; ?> - Index</title>
  
  <script src="./library/process.js"></script>
  <link rel="stylesheet" type="text/css" href="./library/jobhut.css" />

</head>

<body>
<div class="content">
<div class="header">
Muzikantenweb!  
</div>
  <div class="leftlinks">
    <div> 
      <div > 
  &bull;<a href="./index.php">Home</a>
 
  &bull; <script type="text/javascript">

ajaxpage('login.php', 'info')
</script>

<script type="text/javascript">

ajaxpage('register.php', 'info') register

</script>

  &bull;<a href="./register.php">Registreren</a>
  &bull;<a href="./search.php">Zoek functies</a>
  <br /> 
      </div>    </div> 
  </div>

  <div class="menutitvak">
  </div>
    <div class="banner">
   Welkom bij:  <?php echo COMPANY; ?>
<text align="left">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>


    <div class="menubovenvak">
 
    </div>
	<div class="contentvakbov">
</div>
     <div class="menumiddenvak">
	 </div>
<a href="javascript:ajaxpage('login.php', 'info');">boe</a>
	   <div class="info">

</div>
<div class="contentvakond">
</div>
<div class="menuvakond">
<br>
</div>
<div class="nieuwstitvak">
</div>
<div class="nieuwsbovenvak">
</div>
<div class="nieuwsmiddenvak">
<br><br><br>
</div>
<div class="nieuwsvakond">
</div>
<br><br><br><br>
<br><br><br><br>
</div>
<div>
<body bgcolor="#000000">


	 
 <div class="ad"> <!-- AD GOES HERE -->
<script type="text/javascript"><!--
google_ad_client = "pub-5053320853549583";
//120x600, created 12/26/07
google_ad_slot = "9579571877";
google_ad_width = 120;
google_ad_height = 600;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

</body>

</html>

Het menu zit in de index verwerkt. Iemand zij dat ik met jquerys zou moeten gaan werken kan iemand dit uitleggen?

Groetjes,
Robin

**Tjerk de Heer** · 23-02-2010, 20:01

Omdat ik niet kan zien hoe je server structuur eruit ziet, is het een beetje lastig te checken, maar het ziet er in eerste instantie gewoon goed uit. Ik vermoed dus dat het zit in:

Code:

<a href="javascript:ajaxpage('login.php', 'info');">test</a>

Als je die include vanaf je hoofdpagina zul je hier denk ik ook de relatieve link naar login.php vanaf je eerste php pagina moeten zetten. Het ligt er een beetje aan waar login.php staat natuurlijk wat dat moet zijn, maar lokaliseer eerst eens het probleem tot dat stukje, door de hele link naar login.php te gebruiken (dus incl. http://). Werkt het dan wel, mooi zo, dan zit daar je probleem. Dan moet je nog wel even de harde http:// link beter nog weer even vervangen met de goede relatieve link.

**Robin van der Vegt** · 23-02-2010, 20:16

wat wel zo is het menu heet navigate.php en zit in de map library zou het daar aan kunnen liggen omdat de index daar niet inzit? Wil iemand die mij hier goed mee kan helpen even een pb sturen dan kunnen we dat via msn doen is wat makkelijker

**Gilbert B** · 24-02-2010, 06:23

-Hoe/ waar voeg je het menu in op de pagina?
-Je hebt twee body-tags

**Wilbert E.** · 24-02-2010, 08:13

Waarom heb je gebruik je geen jquery?
Dan kan je dat hele gebeuren in een regel of 5 zetten.

**Robin van der Vegt** · 24-02-2010, 20:56

Hoe werkt jquery precies?
En Gilbert dat was mijn eigen fout het werkte anders dat zal ik morgen hier wel even posten!
Aanvullend bericht:
Ik heb het aangepast kan misschien iemand uitleggen hoe ik het in jquerys moet doen?

CSS en AJAX links openen in divs

CSS en AJAX links in div werken niet iemand verstand van jquery?

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

CSS en AJAX links openen in divs

CSS en AJAX links in div werken niet iemand verstand van jquery?

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Inloggen