How to apply css style for HTML element using Mootools

Question

How can we hide all list element from first form in following html structure using mootools

<form method="post" action="/signup" class="global_form" enctype="application/x-www-form-urlencoded">
<div>
    <div>
        <ul class="form-errors">    
            <li>First Name
                <ul class="errors">
                    <li>Please provide a valid answer for this field.</li>
                </ul>
            </li>
            <li>Last name
                <ul class="errors">
                    <li>Please provide a valid answer for this field.</li>
                </ul>
            </li>
        </ul>
    </div>
</div>
</form>


 <form method="post" id="user_form_login" action="/login" class="global_form" enctype="application/x-www-form-urlencoded">
<div>
    <div>
        <ul class="form-errors">    
            <li>Uername
                <ul class="errors">
                    <li>Please provide a valid answer for this field.</li>
                </ul>
            </li>
            <li>Password
                <ul class="errors">
                    <li>Please provide a valid answer for this field.</li>
                </ul>
            </li>
        </ul>
    </div>
</div>
</form>

Derek Adair · Accepted Answer · 2011-11-08 16:35:04Z

2

This is completely untested and I switched to jQuery a while ago so there might be a cleaner way to do this, but this should give you a basic idea.

If you are trying to select multiple elements use the mootools dollars method.

If you were to append an id to the first form you could do something like this...

$$('#form1 li').setStyle('display', 'none');

OR

If you do not want to add an id tag this might work.

var firstForm = $$("form").getFirst(),
listElements = firstForm.getChildren('li');

listelements.setStyle('display', 'none');

edited Nov 8, 2011 at 16:35

answered Nov 30, 2010 at 5:07

Derek Adair

22k31 gold badges102 silver badges134 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to apply css style for HTML element using Mootools

1 Answer 1

OR

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

OR

Comments

Your Answer

Sign up or log in

Post as a guest

Related