hoe te zorgen dat de hele pagina niet opnieuw wordt geladen

Goedendag.

Ik ben een thema aan het maken voor Drupal 7, alles lijkt tot nu toe goed te gaan. Ik heb een paar vragen.

Een beetje over mijn thema.

Er is een hoofdmenu in de regio primari_link (waar het type inhoud wordt gekozen) (en in de regio header)

er is een navigatiemenu voor artikelen van een bepaald type, dat verandert afhankelijk van het hoofdmenu. (in de regio linker_kolom) en (in de regio main-wrapper)

en er is een contentkolom waarin de specifieke inhoudstype wordt weergegeven, afhankelijk van het hoofdmenu.  (in de regio rechter_kolom) en (in de regio main-wrapper)

Vraag één. 

Hoe kan ik ervoor zorgen dat bij het kiezen in primari link alleen de regio die lager in de structuur staat opnieuw wordt geladen? Dus de regio main-wrapper

en vervolgens, bij het kiezen in de regio linker_kolom, wordt alleen de regio rechter_kolom opnieuw geladen.

Ik begrijp dat hier AJAX voor gebruikt moet worden, maar ik heb niets zinnigs hierover gevonden.

Vraag twee

hoe kan ik ervoor zorgen dat in de linker kolom een specifiek inhoudstype wordt weergegeven. (bijzondere soort - formulier) lijsten zijn verschillend voor elk item in het hoofdmenu en dus in de rechter kolom afhankelijk van het geselecteerde element in de linker kolom.

Vraag drie

ik heb 3 kolommen gemaakt en ze zijn van verschillende hoogtes. Ik wil dat ze dezelfde hoogte hebben. Ik gebruik Div voor opmaak.

In page.tpl.php gebruik ik Drupal 7

de volgende stuk code

<script language="JavaScript" type="text/javascript">

	function setEqualHeight(columns){
		var tallestcolumn = 0;
		columns.each(function(){
			currentHeight = $(this).height();
			if(currentHeight > tallestcolumn){
				tallestcolumn = currentHeight;
				}
			}
		);
		columns.height(tallestcolumn);
	}
	$(document).ready(function() {
		setEqualHeight($(".container > div"));

});

</script>

Met deze ellende ben ik eindelijk na het diner klaar :) Blijkbaar houdt Drupal 7 er niet van als je $

vervang het door jQuery en alles werkte meteen met een druk op de knop.

Zoals ik heb gelezen, is de reden dat jQuery werkt in de modus noConflict

het zou ongeveer zo moeten zijn

jQuery(document).ready(function() {
setEqualHeight(jQuery(".container > div"));
});

en dus overal $ vervangen door jQuery en dan zal je gelukkig zijn. 

Ik hoop dat dit nuttige informatie voor iemand is.

De eerste 2 vragen blijven open.