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 > PHP & SQL

Chained select boxes

Ultimatum - 19/02/2007 10:14
PHP expert		Ik heb al intensief gezocht op google en zelfs yahoo maar het is allemaal net niet wat ik zoek. Kan iemand mij helpen met het volgende 3 selectobxen, in de eerste staan continenten, aan de hand daarvan moeten de landen komen en daar weer van de plaatsen. Al is het maar in de richting wijzen van hoe ik de ene met de andere link via javascript/php en mysql. Alle continten/landen/plaatsen staan in de database..

22 antwoorden

Gesponsorde links

Grayen - 19/02/2007 10:16
PHP ver gevorderde		staat er in die database ook bij elk land, en plaats waar hij bij hoort? dus staat er bijvoorbeeld bij de stad Utrecht, dat hij in het land Nederland ligt?

Ultimatum - 19/02/2007 10:36
PHP expert		Ja, de continent hebben allemaal een id, in landen zit een veld die gelinkt is naar het desbetreffende contintent en bij plaasten zit een id die weer naar een land linkt dus alles is wel verbonden met elkaar

Thomas - 19/02/2007 12:35
Moderator		divs tonen en verbergen op grond van continent / land. Gebruik je een template-engine?

Ultimatum - 19/02/2007 13:28
PHP expert		Nee dat gebruik ik niet

Thomas - 19/02/2007 15:12 (laatste wijziging 19/02/2007 16:20)

Moderator

*zucht*

Het principe is als volgt:

Maak 2 CSS-classes:

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

                .show
{
	display: inline;
	visibility: visible;
}

.hide
{
	display: none;
	visibility: hidden;
}
            
.show
{
	display: inline;
	visibility: visible;
}
 
.hide
{
	display: none;
	visibility: hidden;
}
 

Maak wat JavaScript functies:

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

                // show or hide one div
function showdiv(thediv, show)
{
	var div = document.getElementById(thediv);

	if(div != null)
	{
		div.className = (show) ? "show" : "hide";
	}
}

// show or hide multiple divs
function showdivs(alldivs, show)
{
	for(div in alldivs)
	{
		showdiv(alldivs[div], show);
	}
}

// switch to a div
function showlayer(id, ids)
{
	showdivs(ids, false);
	showdiv(id, true);
}
            
// show or hide one div
function showdiv(thediv, show)
{
	var div = document.getElementById(thediv);
 
	if(div != null)
	{
		div.className = (show) ? "show" : "hide";
	}
}
 
// show or hide multiple divs
function showdivs(alldivs, show)
{
	for(div in alldivs)
	{
		showdiv(alldivs[div], show);
	}
}
 
// switch to a div
function showlayer(id, ids)
{
	showdivs(ids, false);
	showdiv(id, true);
}
 

Nu, genereer je formulier met PHP of wat dan ook, waar je landen (van een continent) in divs zet die standaard verborgen zijn. Het ID van zo'n div is het id van het continent, voorafgegaan door een standaard voorvoegsel, bijvoorbeeld "continent".

De landen div van continent XX luidt dan bijvoorbeeld:

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

                <div class="hide" id="continent_XX">
... hier je dropdown met landen van continent XX ...
</div>
            
<div class="hide" id="continent_XX">
... hier je dropdown met landen van continent XX ...
</div>
 

In je continenten-div zet je een onchange-event:

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

                <select name="continent" onchange="showlayer('continent_'+this.value, LIJST)">
... lijst van continenten ...
</select>
            
<select name="continent" onchange="showlayer('continent_'+this.value, LIJST)">
... lijst van continenten ...
</select>
 

LIJST is een array (in javascript) met de namen van alle continent-divs. Alle divs worden eerst verborgen, en dan wordt de geselecteerde div getoond.

Dit principe kun je "stapelen" en gaat op dezelfde wijze van landen > plaatsen.

Zie voor een 2-dimensionaal voorbeeld hier (het snelzoekmenu).

Ultimatum - 20/02/2007 10:10 (laatste wijziging 20/02/2007 10:10)

PHP expert

Bedankt voor je hulp maar het werkt nog niet helemaal

Elke keer als ik nu een ander continent kies dan komt de selectbox eronder en het moet dus dat er maar 1 selectbox per x is

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

                <tr>
			<td class="left"><?= $language[7] ?></td>
			<td class="right">
	<?php
		$i = 1;
		while($i <= 6)
		{			
			$select = $db->Query("SELECT id, country_". $_SESSION['lang'] ."
									FROM countries
									WHERE continent = ". $i ."
									ORDER BY id ASC");
			$i++;	
		?>				
				<div class="hide" id="continent_<?= $i  ?>">
				<select name="Country_<?= $i ?>" size="1">
			<?php
			while($ass = $db->Fetch_Assoc($select))
			{
			?>
					<option value="<?= $ass['id'] ?>"><?= $ass['country_'. $_SESSION['lang'] .''] ?></option>
			<?php
				}
			?>
				</select>	
				</div>	
		<?php
			}
		?>	
			</td>
		</tr>	
            
<tr>
			<td class="left"><?= $language[7] ?></td>
			<td class="right">
	<?php
		$i = 1;
		while($i <= 6)
		{			
			$select = $db->Query("SELECT id, country_". $_SESSION['lang'] ."
									FROM countries
									WHERE continent = ". $i ."
									ORDER BY id ASC");
			$i++;	
		?>				
				<div class="hide" id="continent_<?= $i  ?>">
				<select name="Country_<?= $i ?>" size="1">
			<?php
			while($ass = $db->Fetch_Assoc($select))
			{
			?>
					<option value="<?= $ass['id'] ?>"><?= $ass['country_'. $_SESSION['lang'] .''] ?></option>
			<?php
				}
			?>
				</select>	
				</div>	
		<?php
			}
		?>	
			</td>
		</tr>
 

Continent kan een nummer van 1 tot 6 zijn..

Thomas - 20/02/2007 10:17 (laatste wijziging 20/02/2007 10:19)
Moderator		In het onchange-event van je continenten roep je de showlayer()-functie aan. Voor de tweede parameter moet je een array aanmaken in JavaScript, waarin alle id's van de continenten zitten: php code - Bekijk de code zonder highlighting - Klap code in var cont_list = new Array("continent_1", "continent_2", "continent_3", "continent_4", "continent_5"); var cont_list = new Array("continent_1", "continent_2", "continent_3", "continent_4", "continent_5"); Het onchange-event wordt dan: php code - Bekijk de code zonder highlighting - Klap code in onchange="showlayer('continent_'+this.value, cont_list)" onchange="showlayer('continent_'+this.value, cont_list)" Dit zorgt ervoor dat alle continenten eerst verborgen worden (cont_list), en vervolgens de div van het juiste continent getoond wordt ('continent_'+this.value).

Ultimatum - 20/02/2007 10:20
PHP expert		Dat werkt nog steeds niet. Dit is de code voor de selectbox van de landen als continent, mss zit daar wel een fout http://plaatscode.be/4290/ En die array staat boven in mijn head bij de functies dus dat werkt iig wel

Thomas - 20/02/2007 10:25
Moderator		Ik zou $i pas verhogen aan het einde van je while-lus .

Ultimatum - 20/02/2007 10:30
PHP expert		Slim Maar hij doet het nog steeds niet helemaal Mocht je de pagina willen zien klik dan hier

Thomas - 20/02/2007 10:39
Moderator		De quotes van het continent-array stonden verkeerd, dit was opgelost in mijn edit. Je moet niet alles mindless copy-pasten . Zelfs ik maak fouten :].

Ultimatum - 20/02/2007 10:47 (laatste wijziging 20/02/2007 10:54)
PHP expert		Ey jij bent toch de javascript guru hier , ik snap er geen zak van.. Maar het is nu opgelost Bedankt ^^ Edit: Nog 1 vraag Hoe kan ik zorgen dat als er nog geen continent is gekozen er staat iets van kies eerst een continent om door te gaan en als je dan een continent kiest de tekst verdwijnt en de selectbox er komt?

Thomas - 20/02/2007 11:01
Moderator		Mwa, gewoon een option toevoegen zonder value of met value 0. Er wordt toch gecontroleerd of de geselecteerde optie een bestaande div heeft, dus als je weer deze optie kiest, verdwijnt het eerder geselecteerde continent. Of je toont standaard het eerste (=geselecteerde) continent? Dus je zet de Afrika-div-class op "show".

Ultimatum - 20/02/2007 11:06 (laatste wijziging 20/02/2007 11:12)
PHP expert		Maar nu als ik op de site kom staat er helemaal geen selectbox, dus op die plek er dan nog niet En als ik nou zeg maar 100 steden heb hoe ga ik dat dan in een array zetten? Want mensen kunnen ook een stad toevoegen als die niet in de lijst staat. En moet een lijst maken met steden per land maar waar kan ik controleren welk land er is geselecteerd om de juiste selectbox weer te geven?

Thomas - 20/02/2007 11:36
Moderator		Citaat: Maar nu als ik op de site kom staat er helemaal geen selectbox, dus op die plek er dan nog niet Als je zelf aangeeft wat het default continent moet zijn, kun je toch wel een div de juiste klasse geven? Citaat: En als ik nou zeg maar 100 steden heb hoe ga ik dat dan in een array zetten? Worden steden dan nog verder onderverdeeld? Je zou zelf een functie kunnen maken die een range afloopt, met een bepaald voorvoegsel? Echt, als je er ff over nadenkt kan dit makkelijk opgelost worden, en heb je niet eens arrays nodig, althans geen hard-coded arrays die buiten een functie rondzwerven. Citaat: En moet een lijst maken met steden per land maar waar kan ik controleren welk land er is geselecteerd om de juiste selectbox weer te geven? Op dezelfde wijze van continent > landen. Ik denk dat ik je hiermee meer dan gemiddeld heb geholpen, dus ik verwacht van jou nu ook enige inventiviteit en een serieuze poging hier zelf verder op te borduren. En anders is er altijd nog samenwerken. Als dit een betaalde klus is zie ik niet waarom ik het werk voor jou zou doen.

Ultimatum - 20/02/2007 11:43
PHP expert		Oke ik begrijp het wel maar javascript is niet mij gebied Verder snap ik het aanknopingspunt tussen het land en de steden niet want normaal zou i kdat met $_GET['id'] kunne/gaan doen maar dat kan nu moeilijk. Mijn eerste vraag was beetje dom , is nu al gefixed

extranion - 23/02/2007 12:19 (laatste wijziging 26/02/2007 09:45)
Nieuw lid		heb nu het script stuk veranderd alleen het werkt nog niet helemaal als je namelijk naar koppeldomein gaat en je wil weer terug naar los domein moet het kopppeldomein divje verdwijnen. helaas gebeurt dit niet, wat zie ik over het hoofd? code: http://www.plaatscode.be/4348/ alvast bedankt edit: mijn probleem heb ik zelf al opgelost

Thomas - 23/02/2007 12:59
Moderator		Waarom verander je de implementatie van de functies zo, dat ze hard-coded worden? Het idee van functies is juist dat ze "universeel" toepasbaar zijn. Eerst zit je de code te vern...prutsen, en dan vraag je waarom het niet werkt... Volgens mij verbergt ie eerst de koppeldomein[2]-div, maar vertoont ie deze vervolgens weer. De fout zit waarschijnlijk in je eigen uitbreiding. Happy debugging.

extranion - 23/02/2007 13:27 (laatste wijziging 23/02/2007 13:41)
Nieuw lid		ik wil ze veranderen met php en aangezien ik al een systeem heb die die waardes nodig heeft moet ik bepaalde dingen zo laten. en ik moet ook meerdere selectboxen hebben die onder mekaar staan.

marten - 23/02/2007 13:45
Beheerder		een andere vraag rondom chained select boxen. Ik heb een drietal selectboxen. Wanneer in de eerste selectbox iets gewijzigd word (dus selectindex = 0) dan moet hij in de tweede en derde ook selectindex 0 doen. Maar word dit 1 dan moet hij er van alle drie 1 van maken. Hoe kan ik dit het beste doen?

extranion - 26/02/2007 09:44
Nieuw lid		mijn probleem heb ik zelf al opgelost

marten - 26/02/2007 10:08
Beheerder		me2

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten