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.