Hallo allemaal,
Ik zit met een klein probleempje.
Ik heb de volgende code:
<?php
/* alleen ff voor de syntax highlight */
$$('.table tr td').each(function(el) {
el.addEvent('click', function(e) {
e.stop();
var nothidden = el.getElements('span.nothidden');
var hidden = el.getElements('span.hidden');
nothidden.removeClass('nothidden');
nothidden.addClass('hidden');
hidden.removeClass('hidden');
hidden.addClass('nothidden');
});
});
?>
Nu wordt dus als er op een td wordt geklikt, de span met class"nothidden" in die td "hidden" gemaakt. En de span met class"hidden" "nothidden" gemaakt.
Dit werkt allemaal goed.
Alleen heb ik in de span "hidden" een input staan.
Dus als ik op mijn input klik om deze inhoud te bewerken, wordt hidden weer nothidden en nothidden weer hidden. En is m'n input weer "weg".
Kan ik dit oplossen dmv css selectors? $$('.table tr td *!=input') o.i.d.?
Of heeft iemand een andere oplossing?
Ik hoor het graag!
Mvg,
Boris
PS: ik werk met mootools
2.640 views