Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Ajax (Opgelost)

Pellens - 22/04/2008 21:28 (laatste wijziging 22/04/2008 21:37)

PHP interesse

Ik heb het volgende script gemaakt:

javascript code - Bekijk de code zonder highlighting - Klap code in

                <script type="text/javascript">
	function createREQ()
	{
		var req = false;
		try {
		req = new XMLHttpRequest(); // firefox, safari, �
		}
		catch (err1) { try {
		req = new ActiveXObject("Msxml2.XMLHTTP"); // sommige IE
		}
		catch (err2) { try {
		req = new ActiveXObject("Microsoft.XMLHTTP"); // meeste IE
		}
		catch (err3) {
		req = false;
		alert("Deze browser ondersteunt geen Ajax.");
		}}}
		return req;
	}

function kalenderAdd(waardeId,sessionId)
{
	var http = createREQ();
	
	var rand = parseInt(Math.random()*999999);
	var url = "ajax_kalender_add.php?id=" + waardeId + "&lid=" + sessionId + "&random=" + rand;
	
	var div = document.getElementById('kalender');
	
	http.onreadystatechange = function()
	{
		var controle = http.responseText.substr(0,2);
		if(http.readyState == 4)
		{
			if(controle == "OK") div.innerHTML = "<p><img src='images/icons/calendar.png' align='absmiddle'> Toegevoegd aan je kalender!</p>";
			else div.innerHTML = "Probleem!</p>";
		}
		else
		{
			div.innerHTML = "<p><img src='images/icons/loading.gif' id='load_kal' align=absmiddle height=16> Toevoegen...</p>";
		}
	}
	
	http.open("GET", url);
	http.send(null);
}	

function ophalen(waardeId,sessionId)
{
	var http = createREQ();
	
	var rand = parseInt(Math.random()*999999);
	var url = "ajax_kalender.php?id=" + waardeId + "&lid=" + sessionId + "&random=" + rand;
	
	var div = document.getElementById('kalender');
	
	http.onreadystatechange = function()
	{
		var waarde = http.responseText;
		if(http.readyState == 4)
		{
			if(waarde == waardeId) div.innerHTML = "<p><img src='images/icons/calendar.png' align='absmiddle'> Reeds toegevoegd</p>";
			else div.innerHTML = "<p><img src='images/icons/calendar.png' align='absmiddle'><a onclick='kalenderAdd(waardeId,sessionId)'>Toevoegen aan kalender</a></p>";
		}
		else
		{
			div.innerHTML = "<p>Controleren...</p>";
		}
	}
	
	http.open("GET", url);
	http.send(null);
}

</script>
            
<script type="text/javascript">
	function createREQ()
	{
		var req = false;
		try {
		req = new XMLHttpRequest(); // firefox, safari, �
		}
		catch (err1) { try {
		req = new ActiveXObject("Msxml2.XMLHTTP"); // sommige IE
		}
		catch (err2) { try {
		req = new ActiveXObject("Microsoft.XMLHTTP"); // meeste IE
		}
		catch (err3) {
		req = false;
		alert("Deze browser ondersteunt geen Ajax.");
		}}}
		return req;
	}
 
function kalenderAdd(waardeId,sessionId)
{
	var http = createREQ();
 
	var rand = parseInt(Math.random()*999999);
	var url = "ajax_kalender_add.php?id=" + waardeId + "&lid=" + sessionId + "&random=" + rand;
 
	var div = document.getElementById('kalender');
 
	http.onreadystatechange = function()
	{
		var controle = http.responseText.substr(0,2);
		if(http.readyState == 4)
		{
			if(controle == "OK") div.innerHTML = "<p><img src='images/icons/calendar.png' align='absmiddle'> Toegevoegd aan je kalender!</p>";
			else div.innerHTML = "Probleem!</p>";
		}
		else
		{
			div.innerHTML = "<p><img src='images/icons/loading.gif' id='load_kal' align=absmiddle height=16> Toevoegen...</p>";
		}
	}
 
	http.open("GET", url);
	http.send(null);
}	
 
function ophalen(waardeId,sessionId)
{
	var http = createREQ();
 
	var rand = parseInt(Math.random()*999999);
	var url = "ajax_kalender.php?id=" + waardeId + "&lid=" + sessionId + "&random=" + rand;
 
	var div = document.getElementById('kalender');
 
	http.onreadystatechange = function()
	{
		var waarde = http.responseText;
		if(http.readyState == 4)
		{
			if(waarde == waardeId) div.innerHTML = "<p><img src='images/icons/calendar.png' align='absmiddle'> Reeds toegevoegd</p>";
			else div.innerHTML = "<p><img src='images/icons/calendar.png' align='absmiddle'><a onclick='kalenderAdd(waardeId,sessionId)'>Toevoegen aan kalender</a></p>";
		}
		else
		{
			div.innerHTML = "<p>Controleren...</p>";
		}
	}
 
	http.open("GET", url);
	http.send(null);
}
 
</script>
 

Mijn html:

html4strict code - Bekijk de code zonder highlighting - Klap code in

<body onload="ophalen(<?php print($_GET[id].",".$_SESSION[id]);?>)">

<div id="kalender"></div>

</body>

<body onload="ophalen(<?php print($_GET[id].",".$_SESSION[id]);?>)">
 
<div id="kalender"></div>
 
</body>

Het de functie ophalen() werkt perfect, maar wanneer ik dan wil toevoegen aan de kalender doet ie het niet...

Kan iemand mij verder helpen waar ik in de fout ga? (Line 63/64?)

Alvast bedankt

2 antwoorden

Gesponsorde links

Stijn - 23/04/2008 00:40
PHP expert		var http en var div moeten buiten de functie ophalen() staan. javascript code - Bekijk de code zonder highlighting - Klap code in var http = create...(); var div = document.getElement...(); functon ophalen(...) var http = create...(); var div = document.getElement...(); functon ophalen(...) De onreadystatechange kan je een functie geven die buiten de ophalen functie is gedefineerd. javascript code - Bekijk de code zonder highlighting - Klap code in http.onreadystatechange = func; ... function func() { if( http.readyState == 4 ) .... http.onreadystatechange = func; ... function func() { if( http.readyState == 4 ) ....

Pellens - 23/04/2008 12:15
PHP interesse		var http en var div moeten volgens mij toch niet buiten de functie ophalen() staan hoor... Het probleem zit em bij de functie kalenderAdd()... Ophalen() kijkt op het item al in de databank zit: - zoja: 'Reeds toegevoegd' - zonee: 'Voeg toe aan kalender' Enkel vanaf 'Voeg toe aan kalender' loopt het ergens mis... Is dit mss fout genoteerd? html4strict code - Bekijk de code zonder highlighting - Klap code in <a onclick='kalenderAdd(waardeId,sessionId)'>Toevoegen aan kalender</a> <a onclick='kalenderAdd(waardeId,sessionId)'>Toevoegen aan kalender</a>

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten