sorteren in tabel

florflors · 25 dec 2006

Beste,

Hier zie je een tabel met 2 kolomkoppen die je perfect kan sorteren als je in de kolomkop klikt.
Ik probeer echter i.p.v. 2 kolommen dezelfde tabel met 5 kolommen te maken
Het lukt me niet

Weet iemand de juiste code voor 5 kolommen?

Met dank
florflors

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Kolom 0</title>

<script type="text/javascript">
function omzetten(cel) {
var oWaarde; if (cel == null) return "";
if (cel.getAttribute("value")) oWaarde = cel.getAttribute("value");
if (cel.firstChild == null) return "";
if (cel.firstChild.nodeValue) oWaarde = cel.firstChild.nodeValue;
if (oWaarde == " ") return "";
return oWaarde.toString(); }
function nogmaals(Kolom) {
return function vergelijkRij(Rij1, Rij2) {
var vWaarde1, vWaarde2;
vWaarde1 = omzetten(Rij1.cells[Kolom]);
vWaarde2 = omzetten(Rij2.cells[Kolom]);
if (vWaarde1 < vWaarde2) {return -1;}
else if (vWaarde1 > vWaarde2) {return 1;}
else {return 0;}};}
function sorteer(sTabelID, Kolom) {
var oTabel = document.getElementById(sTabelID);
var oTBody = oTabel.tBodies[0];
var Rijen = oTBody.rows;
var aRij = new Array;
for (var i=0; i < Rijen.length; i++) {aRij = Rijen;}
if (oTabel.sortCol == Kolom) {aRij.reverse();}
else {aRij.sort(nogmaals(Kolom));}
var oFragment = document.createDocumentFragment();
for (var i=0; i < aRij.length; i++) {oFragment.appendChild(aRij);}
oTBody.appendChild(oFragment);oTabel.sortCol = Kolom;}
</script>

</head>

<body>

<table id="mijnTabel" cellSpacing="0" border="1" sortCol="1">
<thead>
<tr>
<th style="CURSOR: pointer" onclick="sorteer('mijnTabel', 1)">Gemeente</th>
<th style="CURSOR: pointer" onclick="sorteer('mijnTabel', 2)">Onderneming</th>
</tr>
</thead>
<tbody>
<tr>
<td align="middle">3</td>
<td>apenstaart</td>
</tr>
<tr>
<td align="middle">1.25</td>
<td>broncode</td>
</tr>
<tr>
<td align="middle">0.275</td>
<td>character</td>
</tr>
<tr>
<td align="middle">4.2</td>
<td>database</td>
</tr>
<tr>
<td align="middle">1</td>
<td>e-mail</td>
</tr>
</tbody>
</table>

</body>

</html>

Johantrax · 25 dec 2006

florflors zei:
Weet iemand de juiste code voor 5 kolommen?

Dit al geprobeerd ?

HTML:

<table id="mijnTabel" cellSpacing="0" border="1" sortCol="1">
  <thead>
    <tr>
      <th style="CURSOR: pointer" onclick="sorteer('mijnTabel', 1)">Gemeente</th>
      <th style="CURSOR: pointer" onclick="sorteer('mijnTabel', 2)">Onderneming</th>
<!-- hier naar analogie toevoegen // -->
     <th style="CURSOR: pointer" onclick="sorteer('mijnTabel', 3)">kolom 3</th>
<!-- einde toevoegen // -->
    </tr>
  </thead>
  <tbody>
...

--Johan

florflors · 26 dec 2006

Beste Johan,

Dit is inderdaad ook nodig,maar er moet nog iets gebeuren met de "rij" in de javascriptcodse zelf

florflors · 26 dec 2006

de laatste 3 regels moeten zeker nog aangepast worden ,maar hoe?

function nogmaals(Kolom)
{
return function vergelijkRij(Rij1, Rij2 Rij3) {
var vWaarde1, vWaarde2; vWaarde3;

vWaarde1 = omzetten(Rij1.cells[Kolom]);
vWaarde2 = omzetten(Rij2.cells[Kolom]);
vWaarde3 = omzetten(Rij3.cells[Kolom]);

if (vWaarde1 < vWaarde2) {return -1;}
else if (vWaarde1 > vWaarde2) {return 1;}
else {return 0;}};}

Johantrax · 26 dec 2006

florflors zei:
Dit is inderdaad ook nodig,maar er moet nog iets gebeuren met de "rij" in de javascriptcodse zelf

ik weet niet goed waarom je dat denkt, daarom heb ik wat commentaar bij de code gesmeten die uitleg moet verzorgen, alsook een derde kolom toegevoegd. Tevens heb ik de style-stukken die inline gedeclareerd waren, samen in 1 css-blok gezet. Deze code werkt perfect in FF2.0.0.1

--Johan

HTML:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Kolom-sorteren</title>

<script type="text/javascript">
	function omzetten(cel) {
		var oWaarde;
		//de cel bevat geen waarde
		if ((cel == null) ||  (cel.firstChild == null))
			oWaarde = "";
		//er zit iets in de cel
		if (cel.getAttribute("value"))
			oWaarde = cel.getAttribute("value");
		if (cel.firstChild.nodeValue)
			oWaarde = cel.firstChild.nodeValue;
		//de inhoud bleek toch nog leeg te zijn
		if (oWaarde == " ")
			oWaarde = "";
		//waarde terugsturen
		return oWaarde.toString();
	}

	function nogmaals(Kolom) {	
		//vergelijk 2 rijen om te bepalen welke cel in kolom 'Kolom' de grootste waarde heeft
		return function vergelijkRij(Rij1, Rij2) {
			var vWaarde1, vWaarde2;
			//haal de waarde van de cel op die rij op die kolom op
			vWaarde1 = omzetten(Rij1.cells[Kolom]);
			vWaarde2 = omzetten(Rij2.cells[Kolom]);
			//vergelijken van de celinhouden
			if (vWaarde1 < vWaarde2) 
				return -1;
			else if (vWaarde1 > vWaarde2)
				return 1;
			else
				return 0;
		}; //puntkomma beëindigt het return-statement
	}
	
	function sorteer(sTabelID, Kolom) {
		//in javascript begint men te tellen bij 0, niet bij 1!!!!
		Kolom--;
		//haal de tabel op
		var oTabel = document.getElementById(sTabelID);
		//haal de inhoud van de tabel op
		var oTBody = oTabel.tBodies[0];
		//maak een verwijzing naar de rijen in de tabel
		var Rijen = oTBody.rows;
		//variabele om de rijen op te slaan
		var aRij = new Array;
		
		//kopiëer de inhoud van de rijen
		for (var i=0; i < Rijen.length; i++) {
			aRij[i] = Rijen[i];
		}
		
		//als we sorteren op dezelfde kolom als huidige -> volgorde omdraaien
		if (oTabel.sortCol == Kolom)
			aRij.reverse();
		else //we sorteren op een andere kolom, volgens de methode in vergelijkRij
			aRij.sort(nogmaals(Kolom));
		
		//methode om de rijen opnieuw naar de tabel te schrijven
		var oFragment = document.createDocumentFragment();
		for (var i=0; i < aRij.length; i++) {
			oFragment.appendChild(aRij[i]);
		}
		oTBody.appendChild(oFragment);
		oTabel.sortCol = Kolom;
	}
</script>

<style type="text/css">
th {
	cursor: pointer;
}

td:first-child {
	vertical-align: middle;
}
</style>

</head>

<body>
<table id="mijnTabel" cellSpacing="0" border="1" sortCol="1">
	<thead>
		<tr>
			<th onclick="sorteer('mijnTabel', 1)">Gemeente</th>
			<th onclick="sorteer('mijnTabel', 2)">Onderneming</th>
			<th onclick="sorteer('mijnTabel', 3)">derde kolom</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>3</td>
			<td>apenstaart</td>
			<td>blabla<br />of nie?</td>
		</tr>
		<tr>
			<td>1.25</td>
			<td>broncode</td>
			<td>blabla<br />of nie?</td>
		</tr>
		<tr>
			<td>0.275</td>
			<td>character</td>
			<td>zzzzzzzzzzzzz</td>
		</tr>
		<tr>
			<td>4.2</td>
			<td>database</td>
			<td> </td>
		</tr>
		<tr>
			<td>1</td>
			<td>e-mail</td>
			<td>022</td>
		</tr>
	</tbody>
</table>

</body>
</html>

florflors · 26 dec 2006

Beste Johan,

Je hebt me al enorm geholpen ,waarvoor mijn oprechte dank.
Ik ga eerst uw uitleg eens wat nader bekijken waardoor ik al heel wat wijzer zal worden
De tabel met 3 kolommen werkt.
Ik zal er zelf wel 5 van proberen te maken nu ik een prachtig voorbeeld met deskundige uitleg heb.

Mijn uiteindelijk doel is dat ik een exceltabel (die regelematig aangepast wordt) kan omzetten in zo'n tabel op internet (via frontpage)zodanig dat je daar op de kolomkop drukt en dat die tabel gesorteerd wordt.
Het is de bedoeling dat ik uiteraard de exceltabel op kan slaan als een webpagina (dat kan ik al...),maar dat er dan zonder een te grote tijdrovende procedure die sorteervolgorde kan toepassen op de tabel

Ik probeer alvast
Tips zijn uiteraard meer dan welkom
Hopelijk wil je nog eens antwoorden op een volgende vraag

Alvast enorm bedankt
Florflors

Johantrax · 27 dec 2006

florflors zei:
Hopelijk wil je nog eens antwoorden op een volgende vraag

Daar zijn deze forums voor

Als het gelukt is, wil de status van de vraag dan nog even op opgelost zetten ook ?

--Johan

florflors · 27 dec 2006

Voorlopig is het nog niet volledig opgelost
Als ik een kolom toevoeg lijkt bij mij de sortering niet te werken
Ik zal nog een vb in dit forum zetten,wellicht morgen
Waar ik toe wil komen is te zien op deze site
http://users.pandora.be/danny.dm/digitown/portaalsite/websitegids-webdesign-aalst.html
Als je op een kolomkop drukt sorteert de kolom online
De tabel die je aangepast hebt zal dit ook wel doen,maar ik probeer nu een bestaande exceltabel te integreren (via copieren en plakken)
Zowel via tabblad"normaal" als via tabblad"html" lukt het mij nog niet
Ik zal daarom binnenkort proberen nog een gerichter vraag te stellen

florflors · 28 dec 2006

Ik wil een tabel die ik nu direct teovoeg en steeds aangepast wordt,op een gemakkelijke manier copieren in frontpage zodat de kolomkoppen werken zoals in een eerder vb van Johan te zien is

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns

="urn:schemas-microsoft-com

ffice

ffice"
xmlns:x="urn:schemas-microsoft-com

ffice:excel"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=FrontPage.Editor.Document>
<meta name=Generator content="Microsoft FrontPage 4.0">
<link rel=File-List href="./test_bestanden/filelist.xml">

<style id="+++hoofdexceltabelreclametips_25850_Styles"><!--table
{mso-displayed-decimal-separator:"\,";
mso-displayed-thousand-separator:"\.";}
.font525850
{color:black;
font-size:8.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Tahoma;
mso-generic-font-family:auto;
mso-font-charset:0;}
.font625850
{color:black;
font-size:8.0pt;
font-weight:700;
font-style:normal;
text-decoration:none;
font-family:Tahoma;
mso-generic-font-family:auto;
mso-font-charset:0;}
.xl2525850
{padding:0px;
mso-ignore

adding;
color:windowtext;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", cursive;
mso-font-charset:0;
mso-number-format:General;
text-align:general;
vertical-align:bottom;
mso-background-source:auto;
mso-pattern:auto;
white-space:nowrap;}
.xl2625850
{padding:0px;
mso-ignore

adding;
color:windowtext;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", cursive;
mso-font-charset:0;
mso-number-format:General;
text-align:left;
vertical-align:bottom;
mso-background-source:auto;
mso-pattern:auto;
white-space:nowrap;}
.xl2725850
{padding:0px;
mso-ignore

adding;
color:windowtext;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", cursive;
mso-font-charset:0;
mso-number-format:General;
text-align:general;
vertical-align:bottom;
border-top:none;
border-right:none;
border-bottom:.5pt solid windowtext;
border-left:none;
mso-background-source:auto;
mso-pattern:auto;
white-space:nowrap;}
.xl2825850
{padding:0px;
mso-ignore

adding;
color:windowtext;
font-size:12.0pt;
font-weight:700;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", cursive;
mso-font-charset:0;
mso-number-format:General;
text-align:left;
vertical-align:bottom;
border:1.0pt solid black;
background:#FFCC00;
mso-pattern:auto none;
white-space:nowrap;}
.xl2925850
{padding:0px;
mso-ignore

adding;
color:windowtext;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", cursive;
mso-font-charset:0;
mso-number-format:General;
text-align:left;
vertical-align:bottom;
border:1.0pt solid black;
mso-background-source:auto;
mso-pattern:auto;
white-space:nowrap;}
.xl3025850
{padding:0px;
mso-ignore

adding;
color:blue;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:underline;
text-underline-style:single;
font-family:Arial;
mso-generic-font-family:auto;
mso-font-charset:0;
mso-number-format:General;
text-align:left;
vertical-align:bottom;
border:1.0pt solid black;
mso-background-source:auto;
mso-pattern:auto;
white-space:nowrap;}
.xl3125850
{padding:0px;
mso-ignore

adding;
color:blue;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:underline;
text-underline-style:single;
font-family:Arial;
mso-generic-font-family:auto;
mso-font-charset:0;
mso-number-format:General;
text-align:general;
vertical-align:bottom;
border:1.0pt solid black;
mso-background-source:auto;
mso-pattern:auto;
white-space:nowrap;}
.xl3225850
{padding:0px;
mso-ignore

adding;
color:windowtext;
font-size:12.0pt;
font-weight:700;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", cursive;
mso-font-charset:0;
mso-number-format:General;
text-align:general;
vertical-align:bottom;
border:1.0pt solid black;
background:#FFCC00;
mso-pattern:auto none;
white-space:nowrap;}
.xl3325850
{padding:0px;
mso-ignore

adding;
color:windowtext;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", cursive;
mso-font-charset:0;
mso-number-format:General;
text-align:general;
vertical-align:bottom;
border:1.0pt solid black;
mso-background-source:auto;
mso-pattern:auto;
white-space:nowrap;}
--></style>
</head>

<body>




<div id="+++hoofdexceltabelreclametips_25850" align=center
x

ublishsource="Excel">

<table x:str border=0 cellpadding=0 cellspacing=0 width=663 class=xl2525850
style='border-collapse:collapse;table-layout:fixed;width:498pt'>
<col class=xl2625850 width=136 style='mso-width-source:userset;mso-width-alt:
4973;width:102pt'>
<col class=xl2625850 width=132 style='mso-width-source:userset;mso-width-alt:
4827;width:99pt'>
<col class=xl2625850 width=104 style='mso-width-source:userset;mso-width-alt:
3803;width:78pt'>
<col class=xl2525850 width=113 style='mso-width-source:userset;mso-width-alt:
4132;width:85pt'>
<col class=xl2625850 width=89 span=2 style='mso-width-source:userset;
mso-width-alt:3254;width:67pt'>
<tr class=xl2725850 height=27 style='height:20.25pt'>
<td height=27 class=xl2825850 width=136 style='height:20.25pt;width:102pt'>Gemeente</td>
<td class=xl2825850 width=132 style='border-left:none;width:99pt'>Onderneming</td>
<td class=xl2825850 width=104 style='border-left:none;width:78pt'>Homepage</td>
<td class=xl3225850 width=113 style='border-left:none;width:85pt'>Openingsuren</td>
<td class=xl2825850 width=89 style='border-left:none;width:67pt'>Feestmenu</td>
<td class=xl2825850 width=89 style='border-left:none;width:67pt'>Menu</td>
</tr>
<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2925850 style='height:15.75pt;border-top:none'>Aalst</td>
<td class=xl2925850 style='border-top:none;border-left:none'>borgata</td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.borgata.be/">http://www.borgat<span style='display:none'>a.be/</span></a></td>
<td class=xl3125850 style='border-top:none;border-left:none'><a
href="http://www.borgata.be/">Openingsuren</a></td>
<td class=xl2925850 style='border-top:none;border-left:none'>*</td>
<td class=xl2925850 style='border-top:none;border-left:none'>*</td>
</tr>
<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2925850 style='height:15.75pt;border-top:none'>Aalter</td>
<td class=xl2925850 style='border-top:none;border-left:none'>biezemhof</td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://users.belgacom.net/gc422202/index.html">http://users.belga<span
style='display:none'>com.net/gc422202/index.html</span></a></td>
<td class=xl3325850 style='border-top:none;border-left:none'>*</td>
<td class=xl2925850 style='border-top:none;border-left:none'>*</td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://users.belgacom.net/gc422202/index.html">http://users.bel<span
style='display:none'>gacom.net/gc422202/index.html</span></a></td>
</tr>
<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2925850 style='height:15.75pt;border-top:none'>Aalter</td>
<td class=xl2925850 style='border-top:none;border-left:none'><a
href="http://www.de-retro.be/"><span style='color:windowtext;text-decoration:
none;font-family:"Comic Sans MS", cursive;mso-font-charset:0'>de retro</span></a></td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.de-retro.be/">http://www.de-retr<span style='display:none'>o.be/</span></a></td>
<td class=xl3125850 style='border-top:none;border-left:none'><a
href="http://www.de-retro.be/home.htm">http://www.de-retro<span
style='display:none'>.be/home.htm</span></a></td>
<td class=xl2925850 style='border-top:none;border-left:none'>*</td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.de-retro.be/Suggesties.htm">http://www.de-r<span
style='display:none'>etro.be/Suggesties.htm</span></a></td>
</tr>
<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2925850 style='height:15.75pt;border-top:none'>Aalter</td>
<td class=xl2925850 style='border-top:none;border-left:none'>ten dauwe</td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.tendauwecatering.be/">http://www.tenda<span
style='display:none'>uwecatering.be/</span></a></td>
<td class=xl3325850 style='border-top:none;border-left:none'>*</td>
<td class=xl2925850 style='border-top:none;border-left:none'>*</td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.tendauwecatering.be/resto.htm#maandmenu">http://www.ten<span
style='display:none'>dauwecatering.be/resto.htm#maandmenu</span></a></td>
</tr>
<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2925850 style='height:15.75pt;border-top:none'>Adinkerke</td>
<td class=xl2925850 style='border-top:none;border-left:none'><a
href="http://www.cabourke.be/"><span style='color:windowtext;text-decoration:
none;font-family:"Comic Sans MS", cursive;mso-font-charset:0'>cabourke</span></a></td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.cabourke.be/">http://www.cabou<span style='display:none'>rke.be/</span></a></td>
<td class=xl3325850 style='border-top:none;border-left:none'>*</td>
<td class=xl2925850 style='border-top:none;border-left:none'>*</td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.cabourke.be/menuned.html">http://www.cab<span
style='display:none'>ourke.be/menuned.html</span></a></td>
</tr>
<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2925850 style='height:15.75pt;border-top:none'>Afsnee</td>
<td class=xl2925850 style='border-top:none;border-left:none'>fonteinkerse</td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.fonteinkerse.be/">http://www.fontein<span style='display:
none'>kerse.be/</span></a></td>
<td class=xl3125850 style='border-top:none;border-left:none'><a
href="http://www.fonteinkerse.be/">http://www.fonteink<span style='display:
none'>erse.be/</span></a></td>
<td class=xl2925850 style='border-top:none;border-left:none'>*</td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.fonteinkerse.be/thismonth01.htm">http://www.font<span
style='display:none'>einkerse.be/thismonth01.htm</span></a></td>
</tr>
<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2925850 style='height:15.75pt;border-top:none'>Antwerpen</td>
<td class=xl2925850 style='border-top:none;border-left:none'>brantyser</td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.brantyser.be/">http://www.branty<span style='display:none'>ser.be/</span></a></td>
<td class=xl3125850 style='border-top:none;border-left:none'><a
href="http://www.brantyser.be/">http://www.brantys<span style='display:none'>er.be/</span></a></td>
<td class=xl2925850 style='border-top:none;border-left:none'>*</td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.brantyser.be/brasserie_restaurant/">http://www.bra<span
style='display:none'>ntyser.be/brasserie_restaurant/</span></a></td>
</tr>
<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2925850 style='height:15.75pt;border-top:none'>Antwerpen</td>
<td class=xl2925850 style='border-top:none;border-left:none'><a
href="http://www.brasserieappelmans.be/main.html"><span style='color:windowtext;
text-decoration:none;font-family:"Comic Sans MS", cursive;mso-font-charset:
0'>brasserie appelmans</span></a></td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.brasserieappelmans.be/main.html">http://www.brass<span
style='display:none'>erieappelmans.be/main.html</span></a></td>
<td class=xl3125850 style='border-top:none;border-left:none'><a
href="http://www.brasserieappelmans.be/main.html">http://www.brasseri<span
style='display:none'>eappelmans.be/main.html</span></a></td>
<td class=xl2925850 style='border-top:none;border-left:none'>*</td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.brasserieappelmans.be/main.html">http://www.bra<span
style='display:none'>sserieappelmans.be/main.html</span></a></td>
</tr>
<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2925850 style='height:15.75pt;border-top:none'>Antwerpen</td>
<td class=xl2925850 style='border-top:none;border-left:none'><a
href="http://www.citedudragon.be/"><span style='color:windowtext;text-decoration:
none;font-family:"Comic Sans MS", cursive;mso-font-charset:0'>cite du dragon</span></a></td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.citedudragon.be/">http://www.citedu<span style='display:
none'>dragon.be/</span></a></td>
<td class=xl3325850 style='border-top:none;border-left:none'>*</td>
<td class=xl2925850 style='border-top:none;border-left:none'>*</td>
<td class=xl3025850 style='border-top:none;border-left:none'><a
href="http://www.citedudragon.be/citedudragon-antwerpen-menus-nl.htm">http://www.cite<span
style='display:none'>dudragon.be/citedudragon-antwerpen-menus-nl.htm</span></a></td>
</tr>
<![if supportMisalignedColumns]>
<tr height=0 style='display:none'>
<td width=136 style='width:102pt'></td>
<td width=132 style='width:99pt'></td>
<td width=104 style='width:78pt'></td>
<td width=113 style='width:85pt'></td>
<td width=89 style='width:67pt'></td>
<td width=89 style='width:67pt'></td>
</tr>
<![endif]>
</table>

</div>

</body>

</html>

Johantrax · 28 dec 2006

florflors zei:
Ik wil een tabel die ik nu direct teovoeg en steeds aangepast wordt,op een gemakkelijke manier copieren in frontpage zodat de kolomkoppen werken zoals in een eerder vb van Johan te zien is

Die code moet je lichtjes aanpassen: het betreft dit stukje:

HTML:

 <col class=xl2625850 width=89 span=2 style='mso-width-source:userset;
 mso-width-alt:3254;width:67pt'>
 <tr class=xl2725850 height=27 style='height:20.25pt'>
  <td height=27 class=xl2825850 width=136 style='height:20.25pt;width:102pt'>Gemeente</td>
  <td class=xl2825850 width=132 style='border-left:none;width:99pt'>Onderneming</td>
  <td class=xl2825850 width=104 style='border-left:none;width:78pt'>Homepage</td>
  <td class=xl3225850 width=113 style='border-left:none;width:85pt'>Openingsuren</td>
  <td class=xl2825850 width=89 style='border-left:none;width:67pt'>Feestmenu</td>
  <td class=xl2825850 width=89 style='border-left:none;width:67pt'>Menu</td>
 </tr>
 <tr height=21 style='height:15.75pt'>
  <td width=89 style='width:67pt'></td>
  ...
 </tr>
 <![endif]>
</table>

in de table-tag voeg je 'id="mijnTabel"' toe

na die laatste col-tag vervang je <tr...> door <thead...>, bijgevolg moet de eerste </tr> ook vervangen worden door </thead>.
direct na die <thead> komt <tbody>, en die wordt dan gesloten net voor <![endif]>.

Nu maak ja van elke <td...> die tussen <thead> staat een <th... onclick('mijnTabel', <kolomnr>)> met kolomnr te beginnen bij 0

en dan moet je je javascript nog toevoegen natuurlijk.

Ik denk dat dat het ongeveer zou moeten zijn, ander gil je maar even

--Johan

florflors · 29 dec 2006

Er bevindt zich ergens nog een foutje,de kolomkop sorteert nog niet?

<html xmlns

="urn:schemas-microsoft-com

ffice

ffice"
xmlns:x="urn:schemas-microsoft-com

ffice:excel"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=FrontPage.Editor.Document>
<meta name=Generator content="Microsoft FrontPage 4.0">
<link rel=File-List href="./1%20per%20gemeente_bestanden/filelist.xml">
<style id="+++hoofdexceltabelreclametips_13877_Styles">
<!--table
{mso-displayed-decimal-separator:"\,";
mso-displayed-thousand-separator:"\.";}
.xl2513877
{padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore

adding;
color:windowtext;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", cursive;
mso-font-charset:0;
mso-number-format:General;
text-align:general;
vertical-align:bottom;
mso-background-source:auto;
mso-pattern:auto;
white-space:nowrap;}
.xl2613877
{padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore

adding;
color:windowtext;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", cursive;
mso-font-charset:0;
mso-number-format:General;
text-align:left;
vertical-align:bottom;
mso-background-source:auto;
mso-pattern:auto;
white-space:nowrap;}
.xl2713877
{padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore

adding;
color:windowtext;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", cursive;
mso-font-charset:0;
mso-number-format:General;
text-align:general;
vertical-align:bottom;
border-top:none;
border-right:none;
border-bottom:.5pt solid windowtext;
border-left:none;
mso-background-source:auto;
mso-pattern:auto;
white-space:nowrap;}
.xl2813877
{padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore

adding;
color:windowtext;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", cursive;
mso-font-charset:0;
mso-number-format:General;
text-align:general;
vertical-align:bottom;
border:1.0pt solid windowtext;
mso-background-source:auto;
mso-pattern:auto;
white-space:nowrap;}
.xl2913877
{padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore

adding;
color:blue;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:underline;
text-underline-style:single;
font-family:Arial;
mso-generic-font-family:auto;
mso-font-charset:0;
mso-number-format:General;
text-align:general;
vertical-align:bottom;
border:1.0pt solid windowtext;
mso-background-source:auto;
mso-pattern:auto;
white-space:nowrap;}
.xl3013877
{padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore

adding;
color:blue;
font-size:10.0pt;
font-weight:400;
font-style:normal;
text-decoration:underline;
text-underline-style:single;
font-family:"Comic Sans MS", cursive;
mso-font-charset:0;
mso-number-format:General;
text-align:general;
vertical-align:bottom;
border:1.0pt solid windowtext;
mso-background-source:auto;
mso-pattern:auto;
white-space:nowrap;}
.xl3113877
{padding-top:1px;
padding-right:1px;
padding-left:1px;
mso-ignore

adding;
color:windowtext;
font-size:12.0pt;
font-weight:700;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", cursive;
mso-font-charset:0;
mso-number-format:General;
text-align:general;
vertical-align:bottom;
border-top:1.0pt solid windowtext;
border-right:1.0pt solid windowtext;
border-bottom:none;
border-left:1.0pt solid windowtext;
background:#FFCC00;
mso-pattern:auto none;
white-space:nowrap;}
-->
</style>
<title></title>
</head>

<body stylesrc="indexonder.htm">







<script language="javascript" type="text/javascript">
function omzetten(cel) {
var oWaarde;
//de cel bevat geen waarde
if ((cel == null) || (cel.firstChild == null))
oWaarde = "";
//er zit iets in de cel
if (cel.getAttribute("value"))
oWaarde = cel.getAttribute("value");
if (cel.firstChild.nodeValue)
oWaarde = cel.firstChild.nodeValue;
//de inhoud bleek toch nog leeg te zijn
if (oWaarde == " ")
oWaarde = "";
//waarde terugsturen
return oWaarde.toString();
}

function nogmaals(Kolom) {
//vergelijk 2 rijen om te bepalen welke cel in kolom 'Kolom' de grootste waarde heeft
return function vergelijkRij(Rij1, Rij2) {
var vWaarde1, vWaarde2;
//haal de waarde van de cel op die rij op die kolom op
vWaarde1 = omzetten(Rij1.cells[Kolom]);
vWaarde2 = omzetten(Rij2.cells[Kolom]);
//vergelijken van de celinhouden
if (vWaarde1 < vWaarde2)
return -1;
else if (vWaarde1 > vWaarde2)
return 1;
else
return 0;
}; //puntkomma beëindigt het return-statement
}

function sorteer(sTabelID, Kolom) {
//in javascript begint men te tellen bij 0, niet bij 1!!!!
Kolom--;
//haal de tabel op
var oTabel = document.getElementById(sTabelID);
//haal de inhoud van de tabel op
var oTBody = oTabel.tBodies[0];
//maak een verwijzing naar de rijen in de tabel
var Rijen = oTBody.rows;
//variabele om de rijen op te slaan
var aRij = new Array;

//kopiëer de inhoud van de rijen
for (var i=0; i < Rijen.length; i++) {
aRij = Rijen;
}

//als we sorteren op dezelfde kolom als huidige -> volgorde omdraaien
if (oTabel.sortCol == Kolom)
aRij.reverse();
else //we sorteren op een andere kolom, volgens de methode in vergelijkRij
aRij.sort(nogmaals(Kolom));

//methode om de rijen opnieuw naar de tabel te schrijven
var oFragment = document.createDocumentFragment();
for (var i=0; i < aRij.length; i++) {
oFragment.appendChild(aRij);
}
oTBody.appendChild(oFragment);
oTabel.sortCol = Kolom;
}
</script>

<div id="+++hoofdexceltabelreclametips_13877" align=center
xublishsource="Excel">

<table id='mijnTabel' x:str border=0 cellpadding=0 cellspacing=0 width=536 class=xl2513877
style='border-collapse:collapse;table-layout:fixed;width:403pt'>
<col class=xl2513877 width=86 style='mso-width-source:userset;mso-width-alt:
3145;width:65pt'>
<col class=xl2613877 width=128 style='mso-width-source:userset;mso-width-alt:
4681;width:96pt'>
<col class=xl2613877 width=84 style='mso-width-source:userset;mso-width-alt:
3072;width:63pt'>
<col class=xl2613877 width=108 style='mso-width-source:userset;mso-width-alt:
3949;width:81pt'>
<col class=xl2613877 width=130 style='mso-width-source:userset;mso-width-alt:
4754;width:98pt'>

<thead class=xl2713877 height=27 style='height:20.25pt'>
<tbody>

<th onclick('mijnTabel',0) height=27 class=xl3113877 width=86 style='height:20.25pt;width:65pt'>Gemeente</th>
<th onclick('mijnTabel',1) class=xl3113877 width=128 style='border-left:none;width:96pt'>Onderneming</th>
<th onclick('mijnTabel',2) class=xl3113877 width=84 style='border-left:none;width:63pt'>Homepage</th>
<th onclick('mijnTabel',3) class=xl3113877 width=108 style='border-left:none;width:81pt'>Openingsuren</th>
<th onclick('mijnTabel',4) class=xl3113877 width=130 style='border-left:none;width:98pt'>promotiefolders</th>
</thead>

<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2813877 style='height:15.75pt'>eeklo</td>
<td class=xl2813877 style='border-left:none'>boyash</td>
<td class=xl3013877 style='border-left:none'><a href="http://www.boyash.be/"><span
style='font-family:"Comic Sans MS", cursive;mso-font-charset:0'>www.boyash.<span
style='display:none'>be</span></span></a></td>
<td class=xl2813877 style='border-left:none'>*</td>
<td class=xl2813877 style='border-left:none'>*</td>
</thead>

<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2813877 style='height:15.75pt;border-top:none'>eeklo</td>
<td class=xl2813877 style='border-top:none;border-left:none'>brilcenter</td>
<td class=xl2913877 style='border-top:none;border-left:none'><a
href="http://www.brilcenter.be/">www.brilcente<span style='display:none'>r.be</span></a></td>
<td class=xl2813877 style='border-top:none;border-left:none'>*</td>
<td class=xl3013877 style='border-top:none;border-left:none'><a
href="http://www.brilcenter.be/promoties.html"><span style='font-family:"Comic Sans MS", cursive;
mso-font-charset:0'>http://www.brilcent<span style='display:none'>er.be/promoties.html</span></span></a></td>
</tr>
<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2813877 style='height:15.75pt;border-top:none'>eeklo</td>
<td class=xl2813877 style='border-top:none;border-left:none'>Chrissys choice</td>
<td class=xl2913877 style='border-top:none;border-left:none'><a
href="http://www.chrissyschoice.be/">www.chrissys<span style='display:none'>choice.be</span></a></td>
<td class=xl2913877 style='border-top:none;border-left:none'><a
href="http://www.chrissyschoice.be/">http://www.chrissy<span
style='display:none'>schoice.be/</span></a></td>
<td class=xl2813877 style='border-top:none;border-left:none'>*</td>
</tr>
<![if supportMisalignedColumns]>

</tbody>
<![endif]>
</table>

</div>




</body>

</html>

Johantrax · 29 dec 2006

de javascript moet wschl in je head terechtkomen en niet in je body.
en als je wil om een volgende keer jouw code tussen de BB-tags voor HTML te zetten, maakt het iets leesbaarder

--Johan

florflors · 30 dec 2006

Inderdaad Johantrax de code moest in de head
Ik wil wel die bb tags gebruiken,maar ik weet niet hoe dit moet(manueel kan ik toch niet alle tags aanpassen...)
We naderen ons doel

ik heb 2 tabellen
de eerste werkt
de tweede is het resultaat van een bestaande tabel waarvan ik de html code verzet heb
De tweede sorteert op de eerste kolom ,maar op de voldende niet meer
Ik zie de foutmelding:
Regel 26 teken 3 'undefined' is leeg of geen object code 0

Als ik die tweede tabel kan sorteren is de vraag volledig opgelost
Zie je het nog zitten?

mvg
florlfors

eerste tabel :

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Kolom-sorteren</title>

<script type="text/javascript">
function omzetten(cel) {
var oWaarde;
//de cel bevat geen waarde
if ((cel == null) || (cel.firstChild == null))
oWaarde = "";
//er zit iets in de cel
if (cel.getAttribute("value"))
oWaarde = cel.getAttribute("value");
if (cel.firstChild.nodeValue)
oWaarde = cel.firstChild.nodeValue;
//de inhoud bleek toch nog leeg te zijn
if (oWaarde == " ")
oWaarde = "";
//waarde terugsturen
return oWaarde.toString();
}

function nogmaals(Kolom) {
//vergelijk 2 rijen om te bepalen welke cel in kolom 'Kolom' de grootste waarde heeft
return function vergelijkRij(Rij1, Rij2) {
var vWaarde1, vWaarde2;
//haal de waarde van de cel op die rij op die kolom op
vWaarde1 = omzetten(Rij1.cells[Kolom]);
vWaarde2 = omzetten(Rij2.cells[Kolom]);
//vergelijken van de celinhouden
if (vWaarde1 < vWaarde2)
return -1;
else if (vWaarde1 > vWaarde2)
return 1;
else
return 0;
}; //puntkomma beëindigt het return-statement
}

function sorteer(sTabelID, Kolom) {
//in javascript begint men te tellen bij 0, niet bij 1!!!!
Kolom--;
//haal de tabel op
var oTabel = document.getElementById(sTabelID);
//haal de inhoud van de tabel op
var oTBody = oTabel.tBodies[0];
//maak een verwijzing naar de rijen in de tabel
var Rijen = oTBody.rows;
//variabele om de rijen op te slaan
var aRij = new Array;

//kopiëer de inhoud van de rijen
for (var i=0; i < Rijen.length; i++) {
aRij = Rijen;
}

//als we sorteren op dezelfde kolom als huidige -> volgorde omdraaien
if (oTabel.sortCol == Kolom)
aRij.reverse();
else //we sorteren op een andere kolom, volgens de methode in vergelijkRij
aRij.sort(nogmaals(Kolom));

//methode om de rijen opnieuw naar de tabel te schrijven
var oFragment = document.createDocumentFragment();
for (var i=0; i < aRij.length; i++) {
oFragment.appendChild(aRij);
}
oTBody.appendChild(oFragment);
oTabel.sortCol = Kolom;
}
</script>

</head>

<body bgcolor="lightgreen">

<table id="mijnTabel" cellSpacing="0" border="1" sortCol="1" width="237">

<thead>
<tr>
<th onclick="sorteer('mijnTabel', 1)" width="69">Gemeente</th>
<th onclick="sorteer('mijnTabel', 2)" width="90">Onderneming</th>
<th onclick="sorteer('mijnTabel', 3)" width="64">derde </th>
<th onclick="sorteer('mijnTabel', 3)" width="64">vierde</th>
<th onclick="sorteer('mijnTabel', 3)" width="64">vijfde</th>
<th onclick="sorteer('mijnTabel', 3)" width="64">zesde</th>
</tr>
</thead>

<tr>
<td width="69">A</td>
<td width="90">55</td>
<td width="64">1</td>
<td width="64">112</td>
<td width="64">P</td>
<td width="64">AA</td>
</tr>

<tr>
<td width="69">B</td>
<td width="90">56</td>
<td width="64">2</td>
<td width="64">113</td>
<td width="64">Q</td>
<td width="64">AB</td>
</tr>

<tr>
<td width="69">C</td>
<td width="90">57</td>
<td width="64">3</td>
<td width="64">114</td>
<td width="64">R</td>
<td width="64">AC</td>
</tr>

<tr>
<td width="69">D</td>
<td width="90">58</td>
<td width="64"> 4 </td>
<td width="64"> 115 </td>
<td width="64"> S </td>
<td width="64"> AD </td>
</tr>

<tr>
<td width="69">E</td>
<td width="90">59</td>
<td width="64">5</td>
<td width="64">116</td>
<td width="64">T</td>
<td width="64">AF</td>
</tr>

<tr>
<td width="69">F</td>
<td width="90">60</td>
<td width="64">6</td>
<td width="64">117</td>
<td width="64">U</td>
<td width="64">AG</td>
</tr>

</table>

</body>
</html>

tweede tabel :

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Kolom-sorteren</title>

<script type="text/javascript">
function omzetten(cel) {
var oWaarde;
//de cel bevat geen waarde
if ((cel == null) || (cel.firstChild == null))
oWaarde = "";
//er zit iets in de cel
if (cel.getAttribute("value"))
oWaarde = cel.getAttribute("value");
if (cel.firstChild.nodeValue)
oWaarde = cel.firstChild.nodeValue;
//de inhoud bleek toch nog leeg te zijn
if (oWaarde == " ")
oWaarde = "";
//waarde terugsturen
return oWaarde.toString();
}

function nogmaals(Kolom) {
//vergelijk 2 rijen om te bepalen welke cel in kolom 'Kolom' de grootste waarde heeft
return function vergelijkRij(Rij1, Rij2) {
var vWaarde1, vWaarde2;
//haal de waarde van de cel op die rij op die kolom op
vWaarde1 = omzetten(Rij1.cells[Kolom]);
vWaarde2 = omzetten(Rij2.cells[Kolom]);
//vergelijken van de celinhouden
if (vWaarde1 < vWaarde2)
return -1;
else if (vWaarde1 > vWaarde2)
return 1;
else
return 0;
}; //puntkomma beëindigt het return-statement
}

function sorteer(sTabelID, Kolom) {
//in javascript begint men te tellen bij 0, niet bij 1!!!!
Kolom--;
//haal de tabel op
var oTabel = document.getElementById(sTabelID);
//haal de inhoud van de tabel op
var oTBody = oTabel.tBodies[0];
//maak een verwijzing naar de rijen in de tabel
var Rijen = oTBody.rows;
//variabele om de rijen op te slaan
var aRij = new Array;

//kopiëer de inhoud van de rijen
for (var i=0; i < Rijen.length; i++) {
aRij = Rijen;
}

//als we sorteren op dezelfde kolom als huidige -> volgorde omdraaien
if (oTabel.sortCol == Kolom)
aRij.reverse();
else //we sorteren op een andere kolom, volgens de methode in vergelijkRij
aRij.sort(nogmaals(Kolom));

//methode om de rijen opnieuw naar de tabel te schrijven
var oFragment = document.createDocumentFragment();
for (var i=0; i < aRij.length; i++) {
oFragment.appendChild(aRij);
}
oTBody.appendChild(oFragment);
oTabel.sortCol = Kolom;
}
</script>

</head>

<body bgcolor="lightgreen">

<table id="mijnTabel" cellSpacing="0" border="1" sortCol="1" width="237">

<thead>
<tr>
<th onclick="sorteer('mijnTabel', 1)" width="69">Gemeente</th>
<th onclick="sorteer('mijnTabel', 2)" width="90">Onderneming</th>
<th onclick="sorteer('mijnTabel', 3)" width="64">derde </th>
<th onclick="sorteer('mijnTabel', 3)" width="64">vierde</th>
<th onclick="sorteer('mijnTabel', 3)" width="64">vijfde</th>
<th onclick="sorteer('mijnTabel', 3)" width="64">zesde</th>
</tr>
</thead>

<tr height=21 style='height:15.75pt'>

<td height=21 class=xl2914265 style='height:15.75pt;border-top:none'>Aalst</td>
<td class=xl2914265 style='border-top:none;border-left:none'>borgata</td>
<td class=xl3014265 style='border-top:none;border-left:none'><a
href="http://www.borgata.be/">http://www.borgat<span style='display:none'>a.be/</span></a></td>
<td class=xl3114265 style='border-top:none;border-left:none'><a
href="http://www.borgata.be/">Openingsuren</a></td>
<td class=xl2914265 style='border-top:none;border-left:none'>*</td>
<td class=xl2914265 style='border-top:none;border-left:none'>*</td>
</tr>

<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2914265 style='height:15.75pt;border-top:none'>Aalter</td>
<td class=xl2914265 style='border-top:none;border-left:none'>biezemhof</td>
<td class=xl3014265 style='border-top:none;border-left:none'><a
href="http://users.belgacom.net/gc422202/index.html">http://users.belga<span
style='display:none'>com.net/gc422202/index.html</span></a></td>
<td class=xl3314265 style='border-top:none;border-left:none'>*</td>
<td class=xl2914265 style='border-top:none;border-left:none'>*</td>
<td class=xl3014265 style='border-top:none;border-left:none'><a
href="http://users.belgacom.net/gc422202/index.html">http://users.bel<span
style='display:none'>gacom.net/gc422202/index.html</span></a></td>
</tr>

<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2914265 style='height:15.75pt;border-top:none'>Aalter</td>
<td class=xl2914265 style='border-top:none;border-left:none'><a
href="http://www.de-retro.be/"><span style='color:windowtext;text-decoration:
none;font-family:"Comic Sans MS", cursive;mso-font-charset:0'>de retro</span></a></td>
<td class=xl3014265 style='border-top:none;border-left:none'><a
href="http://www.de-retro.be/">http://www.de-retr<span style='display:none'>o.be/</span></a></td>
<td class=xl3114265 style='border-top:none;border-left:none'><a
href="http://www.de-retro.be/home.htm">http://www.de-retro<span
style='display:none'>.be/home.htm</span></a></td>
<td class=xl2914265 style='border-top:none;border-left:none'>*</td>
<td class=xl3014265 style='border-top:none;border-left:none'><a
href="http://www.de-retro.be/Suggesties.htm">http://www.de-r<span
style='display:none'>etro.be/Suggesties.htm</span></a></td>
</tr>

<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2914265 style='height:15.75pt;border-top:none'>Aalter</td>
<td class=xl2914265 style='border-top:none;border-left:none'>ten dauwe</td>
<td class=xl3014265 style='border-top:none;border-left:none'><a
href="http://www.tendauwecatering.be/">http://www.tenda<span
style='display:none'>uwecatering.be/</span></a></td>
<td class=xl3314265 style='border-top:none;border-left:none'>*</td>
<td class=xl2914265 style='border-top:none;border-left:none'>*</td>
<td class=xl3014265 style='border-top:none;border-left:none'><a
href="http://www.tendauwecatering.be/resto.htm#maandmenu">http://www.ten<span
style='display:none'>dauwecatering.be/resto.htm#maandmenu</span></a></td>
</tr>

<tr height=21 style='height:15.75pt'>
<td height=21 class=xl2914265 style='height:15.75pt;border-top:none'>Adinkerke</td>
<td class=xl2914265 style='border-top:none;border-left:none'><a
href="http://www.cabourke.be/"><span style='color:windowtext;text-decoration:
none;font-family:"Comic Sans MS", cursive;mso-font-charset:0'>cabourke</span></a></td>
<td class=xl3014265 style='border-top:none;border-left:none'><a
href="http://www.cabourke.be/">http://www.cabou<span style='display:none'>rke.be/</span></a></td>
<td class=xl3314265 style='border-top:none;border-left:none'>*</td>
<td class=xl2914265 style='border-top:none;border-left:none'>*</td>
<td class=xl3014265 style='border-top:none;border-left:none'><a
href="http://www.cabourke.be/menuned.html">http://www.cab<span
style='display:none'>ourke.be/menuned.html</span></a></td>
</tr>

</table>

</body>

sorteren in tabel

florflors

Gebruiker

Johantrax

Terugkerende gebruiker

florflors

Gebruiker

florflors

Gebruiker

Johantrax

Terugkerende gebruiker

florflors

Gebruiker

Johantrax

Terugkerende gebruiker

florflors

Gebruiker

florflors

Gebruiker

Johantrax

Terugkerende gebruiker

florflors

Gebruiker

Johantrax

Terugkerende gebruiker

florflors

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy