Einzelnen Beitrag anzeigen
Alt 22.10.2008, 16:35   #20 (permalink)
Frau_Braun
PostRank: 4
 
Registriert seit: 02.05.2008
Beiträge: 251
So, ich habe die Lösung selbst gefunden, und damit das nachvollziehbar ist, stell ich hier den Code für das Java Script ein. Dabei habe ich die Akkodeon-Datei genommen und an den entsprechenden Stellen den PHP-Code eingesetzt, der auch auf meinem Seitentemplate verwendet wird. Unten ist also der Beispielcode (rot markiert) zu lesen. Die grünen Stellen geben die CSS-Bezeichnungen und die Farbe an. Das CSS kann in der style.css ergänzt werden; die Schriftfarben können nur hier geändert werden.

Code:
window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('content'), 'h2.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#4c3b01');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#387b95');
		}
	});

	//add click event to the "add section" link
	$('add_section').addEvent('click', function(event) {
		event.stop();
		
		// create toggler
		var toggler = new Element('[COLOR="rgb(46, 139, 87)"]h2[/COLOR]', {
			'class': 'toggler',
			'id': 'post-<?php the_ID(); ?>',
			'html': '<?php the_title(); ?>'
		});
		
		// create content
		var content = new Element('div', {
			'class': '[COLOR="rgb(46, 139, 87)"]element[/COLOR]',
			'html': '<?php the_content(); ?><?php endwhile; ?><?php endif; ?>'
		});
		
		// position for the new section
		var position = 0;
		
		// add the section to our myAccordion using the addSection method
		myAccordion.addSection(toggler, content, position);
	});
});

Geändert von Frau_Braun (22.10.2008 um 16:51 Uhr).
Frau_Braun ist offline   Mit Zitat antworten