PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
k

dynamisch met ajax maar menubalk kan ik niet meer aanpassen

Door kurtik watson op 06-04-2012 15:59
2.146 views
Beste,

Ik heb een website waarbij de pagina's dynamisch laden met ajax waardoor het veel sneller werkt. Maar de menubalk wordt nu niet meer geladen. Ik heb daar echter een link "berichten" en daar moet het "aantal" zich aanpassen, dit gebeurt nu niet meer. Is daar een oplossing voor?

Ik heb:



<li><a class="laad_pagina" href="inbox4.php">Berichten><?php
$query = "SELECT COUNT(*) AS aantal
 		FROM yabg3_inhoud WHERE naam= '" . $_SESSION['username'] . "' AND status='ongelezen' ";
$result=mysql_query($query);
while($rows=mysql_fetch_array($result)){
if($rows['aantal'] != 0)
{
echo $rows['aantal'];
}
}
?> </a></li>
Ariën
06-04-2012 16:00 gewijzigd op 06-04-2012 16:02
hoe laad je hem in met ajax?

Een paar opmerkingen:
- Spring je code goed in
- Pas goede foutafhandeling toe op je query.
- Waarom een while, als je toch maar één result krijgt?
k
kurtik watson
06-04-2012 16:08
sorry, ik bedoel dat een deel van de pagina met ajax geladen wordt maar de menubalk niet, daarom kan het getal bij berichten zich niet aanpassen. Is daar een oplossing voor? Ik wil niet dat de menubalk zich telkens laad met ajax..

Bedankt voor de andere tips.
E
Erwin H
06-04-2012 16:38
Kurtik watson op 06/04/2012 16:08:27
Ik wil niet dat de menubalk zich telkens laad met ajax..

Dan is het simpele antwoord: nee.

Je zal op de een of andere manier de gegevens van de server naar de browser moeten krijgen. Dat kan via het herladen van de pagina (volledig), het herladen van een deel van de pagina via Ajax, of via een open verbinding. Maar als je al geen Ajax wil gebruiken dan lijkt het laatste me helemaal een stap te ver.

Overigens hoef je met Ajax natuurlijk niet de hele menubalk te herladen, je kan ook alleen het getal laden, wat opzich snel en licht zou moeten zijn.

k
kurtik watson
06-04-2012 16:44
alleen het getal laden zou perfect zijn! Maar hoe kan ik die query waarmee ik het getal ophaal dan apart in ajax zetten. Het getal moet langs de "berichten" link in de menubalk verschijnen?

Mvg
E
Erwin H
06-04-2012 17:05
Als ik het me goed herinner hebben dat al een keer gedaan voor je....

[size=xsmall]Toevoeging op 06/04/2012 17:20:15:[/size]

en ik heb nu gezocht, maar kan het topic niet meer vinden. Kan ook van iemand anders zijn geweest. In dat topic ging het erom dat een bepaalde score oid continu geupdate moest worden en dat alleen dat getal dus continu ververst moest worden, zonder de hele pagina te laden. De techniek die ik toen heb voorgesteld is dezelfde die ik aan jou heb voorgesteld: load() functie van JQuery.
Net zoals je nu een deel van de pagina via een Ajax connectie met load ophaalt, zo kan je ook het span (of div) waar dat aantal in staat verversen met load(). Aangezien je weet hoe het met die pagina's gaat, zou je dit ook moeten kunnen oplossen.
k
kurtik watson
09-04-2012 18:49
Hallo Erwin,

Je had mij het systeem uitgelegd dat met AJAX enkel een deel van pagina telkens geladen kan worden en dit werkt super! Maar mijn menubalk staat niet in de div van AJAX (laad_pagina). Dus indien ik de query waarmee ik het getal van berichten ophaal, in de div "laad_pagina" zet wordt het wel telkens opnieuw geladen maar staat het niet mooi langs berichten in de menubalk? Want deze menubalk wordt niet opnieuw geladen.

groeten,
Kurt

Erwin Goossen
09-04-2012 23:31 gewijzigd op 09-04-2012 23:33
Heb je code voorbeelde?
Wordt bij de pagina laden een .html bericht of een .json of een .xml bestand opgehaald middels ajax?
Als het 1van de laatste 2 is kun je bij de success afhandeling je menu gewoon met javascript vullen met de waardes welke je vanaf de server mee stuurd.
Dus eigenlijk is de vraag, hoe handel je ajaxcall af.
k
kurtik watson
09-04-2012 23:52
Beste,

Ik werk gewoon met een div en jquery:


<?php
if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
session_start();
?>
<div id="target"><img src="afbeeldingen/lounge4.jpg"></div>
<?php
}
else{
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<?php session_start(); ?>
<link rel="stylesheet" type="text/css" href="css1/scroll.css" />
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $('body').on('click','.laad_pagina',function(e){
    e.preventDefault();
    $('#target').load($(this).attr('href'), function() {
     
    });
  });
});
</script>

</head>
<body>
	<ul id="thicktabs">
<li><a class="laad_pagina" href="index053.php">Wijzigen</a></li>
<li><a class="laad_pagina" href="inbox4.php">Berichten><?php
$query = "SELECT COUNT(*) AS aantal
         FROM yabg3_inhoud WHERE naam= '" . $_SESSION['username'] . "' AND status='ongelezen' ";
$result=mysql_query($query);
while($rows=mysql_fetch_array($result)){
if($rows['aantal'] != 0)
{
echo $rows['aantal'];
}
}
?> </a></li>
</ul>

	<div id="target"><img src="afbeeldingen/lounge4.jpg"></div>
	<a class="laad_pagina" href="index053.php">Laad pagina 1</a>
</body>
</html>
<?php
}
?>
P
Pieter Jansen
10-04-2012 00:20 gewijzigd op 10-04-2012 00:27
vreemd, verkeerde topic.. sorry!
E
Erwin H
10-04-2012 10:30
Kurtik watson op 09/04/2012 18:49:40

Hallo Erwin,

Je had mij het systeem uitgelegd dat met AJAX enkel een deel van pagina telkens geladen kan worden en dit werkt super! Maar mijn menubalk staat niet in de div van AJAX (laad_pagina). Dus indien ik de query waarmee ik het getal van berichten ophaal, in de div "laad_pagina" zet wordt het wel telkens opnieuw geladen maar staat het niet mooi langs berichten in de menubalk? Want deze menubalk wordt niet opnieuw geladen.

groeten,
Kurt

Wat let je om precies hetzelfde te doen, maar dan voor een andere div? Met dus een andere functie en een andere url die je aanroept.

Reageren

Inloggen om te reageren