- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Javascript mostrare/nascondere una textarea
-
Javascript mostrare/nascondere una textarea
Salve sto utilizzando questo codice per visualizzare la textarea quando si seleziona il checkbox :
Questo codice si riferisce ad 1 textarea:
Come posso far visulizzare piu' textarea selezionando il checkbox?
In pratica quando clicco sul checkbox si visualizzano 3 textareavar checkboxes;
window.addEvent('domready', function() {
var i, checkbox, textarea, div, textbox;
checkboxes = {};
// link the checkboxes and textarea ids here
checkboxes['checkbox_1'] = 'textarea_1';for ( i in checkboxes ) {
checkbox = $(i);
textbox = $(checkboxes*);
div = $(textbox.id + '_container_div');
div.dissolve();
showHide(i);
addEventToCheckbox(checkbox);
}function addEventToCheckbox(checkbox) {
checkbox.addEvent('click', function(event) {
showHide(event.target.id);
});
}
});function showHide(id) {
var checkbox, textarea, div;
if(typeof id == 'undefined') {
return;
}
checkbox = $(id);
textarea = checkboxes[id];
div = $(textarea + '_container_div');
textarea = $(textarea);
if(checkbox.checked) {
div.setStyle('display', 'block');
//div.reveal();
div.setStyle('display', 'block');
textarea.disabled = false;
} else {
div.setStyle('display', 'none');
//div.dissolve();
textarea.value = '';
textarea.disabled = true;
}
}