hola a todos, de antemano una disculpa si no estoy poniendo mi pregunta en el lugar correcto, tengo el siguiente problema con el editor tinyMCE, estoy generando una tabla dinámica con el siguiente codigo,
Código HTML:
<table class="table table-striped table-bordered table-hover table-heading no-border-bottom" id="field_grid6">
<thead>
<tr>
<th>STEP</th>
<th>ACTION</th>
<th>RESULTS/DESCRIPTIONS</th>
<th>TIME</th>
</tr>
</thead>
<tbody>
<tr>
<td> <input type="text" value="" name="91a[]" placeholder="step" class="form-controlS1" />
<br>
<select class="form-controlS2" name="admotiona[]">
<option value="">Admotion</option>
<option value="danger">DANGER</option>
<option value="warning">WARNING</option>
<option value="caution">CAUTION</option>
</select>
<br>
<select class="form-controlS3" name="admotion1[]">
<option value="">Disruption</option>
<option value="Service">SERVICE</option>
<option value="Network">NETWORK</option>
</select>
<br>
<textarea rows="4" name="admotion2[]" cols="50" class="form-controlS4"></textarea>
</td>
<td> <textarea rows="6" name="92a[]" cols="50" class="form-controlS5"></textarea></td>
<td> <textarea rows="6" name="93a[]" cols="50" class="form-controlS6"></textarea></td>
<td> <input type="text" value="" name="94a[]" placeholder="time" class="form-controlS7" /></td>
</tr>
</tbody>
</table>
<button id="add_field6" class="btn btn-default">Add Field <i class="fa fa-plus"></i></button>
<script type="text/template5" id="template6">
<tr>
<td>
<input type="text" class="form-controlS1" value="" name="91a[]" placeholder="step" />
<br>
<select class="form-controlS2" name="admotiona[]">
<option value="">Admotion</option>
<option value="danger">DANGER</option>
<option value="warning">WARNING</option>
<option value="caution">CAUTION</option>
</select>
<br>
<select class="form-controlS3" name="admotion1[]">
<option value="">Disruption</option>
<option value="Service">SERVICE</option>
<option value="Network">NETWORK</option>
</select>
<br>
<textarea rows="4" name="admotion2[]" cols="50" class="form-controlS4"></textarea>
</td>
<td>
<textarea rows="6" name="92a[]" cols="50" class="form-controlS5" ></textarea>
</td>
<td>
<textarea rows="6" name="93a[]" cols="50" class="form-controlS6"></textarea>
</td>
<td>
<input type="text" class="form-controlS7" value="" name="94a[]" placeholder="time" />
</td>
<td>
<a href="#" class="btn-remove6"><li class="fa fa-trash-o"> </li></a>
</td>
</tr>
</script>
<br>
<div class="container kv-main">
<hr>
</div>
<button onclick="saveSteps()" class="btn btn-success">Save Steps »</button>
<br><br>
lo cual me genera este formulario
el problema es que al escribir en la segunda fila, pierdo el valor de la primera :(
dejo mi codigo js, aclaro que por el momento estoy haciendo pruebas solo con el parámetro "S4", veo que traigo en esa variable con un alert, y solo me trae el ultimo valor
Código Javascript
:
Ver originalfunction saveSteps(){
alert("Save Steps funcion prueba");
var ip = document.getElementById("ip").value;
var signum = document.getElementById("signum1").value;
var idmop = document.getElementById("idmop").value;
var inputs1 = document.getElementsByClassName( 'form-controlS1' ),
s1 = [].map.call(inputs1, function( input ) {
return input.value;
}).join( '+ ' );
var inputs2 = document.getElementsByClassName( 'form-controlS2' ),
s2 = [].map.call(inputs2, function( input ) {
return input.value;
}).join( '+ ' );
var inputs3 = document.getElementsByClassName( 'form-controlS3' ),
s3 = [].map.call(inputs3, function( input ) {
return input.value;
}).join( '+ ' );
var inputs4 = document.getElementsByClassName( 'form-controlS4' ),
s4 = [].map.call(inputs4, function( input ) {
return input.value=tinyMCE.activeEditor.getContent();
}).join( '+ ' );
//document.getElementById("editor").value=tinyMCE.activeEditor.getContent()
var inputs5 = document.getElementsByClassName( 'form-controlS5' ),
s5 = [].map.call(inputs5, function( input ) {
return input.value;
}).join( '+ ' );
var inputs6 = document.getElementsByClassName( 'form-controlS6' ),
s6 = [].map.call(inputs6, function( input ) {
return input.value;
}).join( '+ ' );
var inputs7 = document.getElementsByClassName( 'form-controlS7' ),
s7 = [].map.call(inputs7, function( input ) {
return input.value;
}).join( '+ ' );
alert(s4);
//saveStepsbd(s1,s2,s3,s4,s5,s6,s7)
}
function saveStepsbd(s1a,s2a,s3a,s4a,s5a,s6a,s7a){
alert(s1a);
alert(s2a);
alert(s3a);
alert(s4a);
alert(s5a);
alert(s6a);
alert(s7a);
var idmop = document.getElementById("idmop").value;
var signum = document.getElementById("signum1").value;
var ip = document.getElementById("ip").value;
var params ={
"IP":ip,
"SIGNUM":signum,
"IDMOP":idmop,
"S1":s1a,
"S2":s2a,
"S3":s3a,
"S4":s4a,
"S5":s5a,
"S6":s6a,
"S7":s7a,
"ACT": 'SAVESTEPS' //variables para crear el log al guardar el mop
};
$.ajax({
data: params, // the sent information
url: 'mops.php', // the server file whc
type: 'post',
error: function(response){ //if an error happens it will be processed here
},
success: function (response) { // the result of the call will be processed here
alert("Successful");
validatesave(idmop,signum);
document.getElementById("progressbar").style.width = "100%";
}
});
}
por favor ayuda