Partiendo de la base de que no tengo apenas idea de javascript.
Necesito crear un desplegable que se pueda marcar varios (es una lista extensa).
Quiero crear esto:
Lo encontré aquí:
http://mootools.net/forge/p/mutiselect
Me bajo el CSS y los JS necesarios y los meto en sus carpetas correspondientes.
Entonces copio esto en el head:
Código HTML:
<script src="<?php echo base_url();?>js/mootols-core" type="text/javascript"></script>
<script src="<?php echo base_url();?>Source/MultiSelect.js" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/lighter/Lighter.js"></script>
<script type="text/javascript">
window.addEvent("domready", function() {
document.getElements('pre').light({ altLines: 'hover', mode: 'div' });
var myMultiSelect = new MultiSelect('.MultiSelect');
var myCheckboxSet = new MultiSelect('.checkboxSet', {
'monitorText': ' item(s) checked'
});
$('append').addEvent('click', function(e) {
e.stop();
myCheckboxSet.append('.anotherCheckboxSet');
this.destroy();
});
});
</script> Y en la vista, copio esto:
Código HTML:
<div class="MultiSelect">
<input type="checkbox" id="box10" name="box[]" value="10" checked="checked" /> <label for="box10">MooTools FTW!</label>
<input type="checkbox" id="box11" name="box[]" value="11" checked="checked"/> <label for="box11">Forge</label>
<input type="checkbox" id="box12" name="box[]" value="12" checked="checked" /> <label for="box12">GitHub</label>
<input type="checkbox" id="box13" name="box[]" value="13" checked="checked" /> <label for="box13">FireFox</label>
</div>
No me sale un desplegable. Me sale las distintas casillas todas marcadas en una misma línea.
Y de verdad ¿qué es lo que no veo? Es que no consigo hacer funcionar ningún desplegable de los que me he bajado.