Dreamweaver CS3 - Adobe

Als u een eenvoudige tabel maakt, kunt u een of meer kolommen instellen als sorteerbaar, en CSS-stijlen voor diverse
tabelelementen definiëren.
DREAMWEAVER CS3
Handboek
U maakt een dynamische hoofdtabel op dezelfde manier als een gewone tabel. Aan een hoofdtabel kunt u echter een
dynamisch detailgebied binden zodat de gegevens in het detailgebied dynamisch worden bijgewerkt wanneer de gebruiker
in een rij van de hoofdtabel klikt.
AlsueendynamischeSpry-hoofdtabelwiltbouwen,voegtueersteenhoofdtabelin,diedegegevensweergeeftdieworden
gebruikt om de dynamische wijzigingen te activeren. Daarna voegt u een detailgebied in, dat de gegevens bevat die de
wijzigingen ondergaan.
1 Kies Invoegen > Spry > Spry-tabel.
U kunt ook op de knop Spry-tabel in de categorie Spry van de invoegbalk klikken.
2 Kies de Spry-gegevensset in het menu.
Opmerking: Als u een tabel probeert in te voegen maar nog geen gebied hebt gemaakt, wordt u in Dreamweaver gevraagd om
eerst een gebied toe te voegen voordat u de tabel invoegt. Alle Spry-gegevensobjecten moeten in een gebied zijn opgenomen.
3 Ga naar het paneel Kolommen en pas op de volgende wijze de kolommen voor uw tabel aan:
• Klik op het plusteken (+) of minteken (-) om kolommen toe te voegen of te verwijderen.
• Klik op de pijlen omhoog of omlaag om een kolom te verplaatsen. Door een kolom hoger te plaatsen, verplaatst u deze
meer naar links in de weergegeven tabel. Door een kolom lager te plaatsen, verplaatst u deze meer naar rechts.
4 Alsueensorteerkolomwiltdefiniëren,selecteertudekolominhetpaneelKolommenenkiestuKolomsorterenalsop
kop wordt geklikt. Herhaal dit voor elke kolom waarop u wilt sorteren.
5 Als u CSS-stijlen aan uw pagina hebt gekoppeld, als een gekoppelde stijlpagina of als een reeks afzonderlijke stijlen in de
HTML-pagina, kunt u een CSS-klasse kiezen voor een of meer van de volgende opties:
Klasse met oneven rijen Hiermee verandert u de weergave van de oneven genummerde rijen.
Klasse met even rijen Hiermee verandert u de weergave van de even genummerde rijen.
Aanwijsklasse Hiermee verandert u de weergave van een rij wanneer u de muis erboven houdt.
Klasse selecteren Hiermee verandert u de weergave van een rij wanneer u erop klikt.
6 Als u een eenvoudige Spry-tabel maakt, schakelt u de standaardoptie, Detailregio bijwerken als op rij wordt geklikt, uit.
Laat de optie ingeschakeld als u een dynamische Spry-hoofdtabel maakt.
Opmerking: Als u een dynamische hoofdtabel invoegt, kunt u in de codeweergave zien dat Dreamweaver HTML-table-tags en
een spry:repeat-tag met een onClick-bewerking voor de huidige rij heeft ingevoegd. Op die manier bepaalt Spry waar de
gebruiker heeft geklikt en welke gegevens dynamisch moeten worden bijgewerkt.
7 Klik op OK om de tabel in de ontwerpweergave te bekijken met een rij koppen en een rij gegevensverwijzingen, tussen
accolades ({}), voor elk ingesloten element. In de codeweergave worden HTML-table-tags in het bestand ingevoegd, samen
met code die de sorteerbare naam en categoriekolommen aangeeft.
Een Spry-herhalingsgebied maken
U kunt herhalingsgebieden toevoegen om uw gegevens weer te geven. Een herhalingsgebied is een eenvoudige
gegevensstructuur die u naar behoefte kunt opmaken om uw gegevens weer te geven. Stel, u hebt een reeks fotominiaturen
die u achter elkaar in een pagina-indelingsobject wilt plaatsen, bijvoorbeeld een AP-element div.
1 Kies Invoegen > Spry > Spry-herhaling.
U kunt ook op de knop Spry-herhaling in de categorie Spry van de invoegbalk klikken.
2 Voor de objectcontainer selecteert u de optie of , afhankelijk van het gewenste type tag. Standaard wordt
een -container gebruikt.
3 Selecteer de optie Herhalen (standaard) of Onderliggende niveaus herhalen.
461