Ik ben aan het proberen om via mootools een nieuwe div te creeren in een form.
http://www.php-design.be/ajax/tabbed_interface/tabbed.htm
Op deze manier maar ik krijg het niet geïmplementeerd in mootools
deze div

<?php
function eigenschappen ($id) {
?>
	<div id="<?php echo 'eig_'.$id ?>" class="eig_form">
	<p>
	<label for="<?php echo 'eig_naam'.$id ?>" class="align_text">Eigenschap <?php echo $id ?>:</label>
	<input id="<?php echo 'eig_naam'.$id ?>" name="<?php echo 'eig_naam'.$id ?>" type="text" class="" value="" size="25" />
	</p> <!-- einde div eig_naam -->
	<p>
	<label for="<?php echo 'eig_waarde'.$id ?>" class="align_text">Waarde <?php echo $id ?>:</label>
	<input id="<?php echo 'eig_waarde'.$id ?>" name="<?php echo 'eig_waarde'.$id ?>" type="text" class="" value="" size="25" />
	</p> <!-- einde div_waarde -->
	</div>
<?php
}

Ik ben aan het proberen om Moodalbox te herschrijven naar mijn zin.
Maar ik ken mootools nog niet goed genoeg.

var eig = 1;
var _ERROR_MESSAGE = "Oops.. there was a problem with your request.<br /><br />" +
					"Please try again.<br /><br />"; // the error message displayed when the request has a problem
var _ANIMATE_CAPTION		= true;		// Enable/Disable caption animation
var _EVAL_SCRIPTS			= false;	// Option to evaluate scripts in the response text
var _EVAL_RESPONSE			= false;	// Option to evaluate the whole response text

// The Moodivs object in its beauty
var Moodivs = {
	
	// init the Moodivs
	init: function (options) {
		
		// init default options
		this.options = Object.extend({
			animateCaption: 	_ANIMATE_CAPTION,
			evalScripts: 		_EVAL_SCRIPTS,
			evalResponse: 		_EVAL_RESPONSE
		}, options || {});
		
		// scan anchors for those opening a Moodivs
		this.anchors = [];
		$A($$('a')).each(function(el){
			// we use a regexp to check for links that 
			// have a rel attribute starting with "Moodivs"
			if(el.rel && el.href && el.rel.test('^Moodivs', 'i')) {
				el.onclick = this.click.pass(el, this);
				this.anchors.push(el);
			}
		}, this);
		
		// add event listeners
		this.eventPosition = this.position.bind(this);

	eig = eig + 1;
	var new_eig = eig
		// init the HTML elements
		// the overlay (clickable to close)
		this.eig = new Element('div').setProperty('id', 'eig').injectAfter(document.body);

ik voeg dus mijn eerste div manueel in door eigenschappen (1);
Nu wil ik dus dat ik via mootools zoveel divs kan toevoegen als nodig.
Maar ik zit compleet vast
this.eig = new Element('div').setProperty('id', 'eig').injectAfter(document.body);
Ik heb dus dit geprobeert om achter mijn div de volgende in te voegen maar hoe hernoem ik (document.body) naar mijn div ?

Is er iemand die mij kan helpen om dit tot een goed einde te brengen.
Dat is het gewoon.
Heel fel bedankt.

Ik ga het zo rap als ik kan eens goed bestuderen.

Reageren