Aquí os dejo el código y espero que podais ayudarme. Muchas gracias!
panel.php
Código:
funciones.js</section> <br> <section class="s2"> <input type="button" onclick="add()" value="Añadir tabla" id="addButton" name="addButton" /> <div id="tabla"></div> <div id="ventana" title="Añadir tabla" style="display:none"> <table id="nuevaTabla"> <tr> <td>Número de filas</td> <td>Tipo de fila</td> </tr> <tr> <td> <select id="numFilas" > <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </td> <td> <select id="tipo" > <option value="1">Radio Buttons</option> <option value="2">Checkbox</option> <option value="3">Textarea</option> </select> </td> </tr> </table> </div> </section>
Código:
tabla.inc.phpfunction add(){ $("#ventana").dialog({ width: 500, height:240, buttons: { Aceptar: function() { numFilas = $("#numFilas").val(); $.ajax({ type:'get', url: 'includes/tabla.inc.php', datatype: 'html', success: function(data){ $("#tabla").html(data); } }); }, Cancelar: function() { $(this).dialog("close"); } } }); }
Código:
<?php require_once("../class/conexiondb.php"); $nFilas = $_POST['numFilas']; echo "Número de filas:" .$nFilas; ?> <table id="t1"> <tr id="botonera"> <td></td> <td class="td1"><input class="btAnadir" onclick="addColumna()" type="button" name="boton" value="+" > </input><input class="btEliminar" onclick="eliminar(this)" type="button" name="boton" value="-" ></input></td> <td><input class="btAnadir" onclick="addColumna()" type="button" name="boton" value="+" ></input> <input class="btEliminar" onclick="eliminar()" type="button" name="boton" value="-" ></input></td> <td><input class="btAnadir" onclick="addColumna()" type="button" name="boton" value="+" ></input> <input class="btEliminar" onclick="eliminar()" type="button" name="boton" value="-" ></input></td> <td><input class="btAnadir" onclick="addColumna()" type="button" name="boton" value="+" ></input> <input class="btEliminar" onclick="eliminar()" type="button" name="boton" value="-" ></input></td> <td><input class="btAnadir" onclick="addColumna()" type="button" name="boton" value="+" ></input> <input class="btEliminar" onclick="eliminar()" type="button" name="boton" value="-" ></input></td> <td><input class="btAnadir" onclick="addColumna()" type="button" name="boton" value="+" ></input> <input class="btEliminar" onclick="eliminar()" type="button" name="boton" value="-" ></input></td> </tr> <?php $link = new conexiondb(); $sql = "select * from opciones"; $res=$link->consulta($sql); $columnas = mysql_num_rows($res); // número de columnas de la tabla $compara=1; // inicializa variable de comparación while($row = mysql_fetch_array($res)){ // formamos las filas y celdas y agregamos los datos a la tabla $celdacontenido="<td><div id=".$row['posicion']." contenteditable>".$texto = $row['texto']."</div></td>"; // celdacontenido es la celda en si mismo junto a los datos if ($compara==1){ echo "<tr id='cabecera'>"; echo '<td><input class="btAnadir" onclick="add()" type="button" name="boton" value="+" ></input></td>'.$celdacontenido; } if ($compara<>1){ if ($compara<>$columnas){ echo $celdacontenido; } } if ($compara==$columnas){ echo $celdacontenido."</tr>"; $compara = 1; }else { $compara = $compara +1; } } /* for($i = 1; $i <= $nFilas; $i++){ echo '<tr class="par"> <td><input class="btAnadir" onclick="anadir()" type="button" name="boton" value="+" ></input><input class="btEliminar" onclick="eliminar()" type="button" name="boton" value="-" ></input></td> <td class="td1"><div contenteditable></div></td> <td><input type="radio" id="p'.$i.'" name="p'.$i.'" /></td> <td><input type="radio" id="p'.$i.'" name="p'.$i.'" /></td> <td><input type="radio" id="p'.$i.'" name="p'.$i.'" /></td> <td><input type="radio" id="p'.$i.'" name="p'.$i.'" /></td> <td><input type="radio" id="p'.$i.'" name="p'.$i.'" /></td> </tr>'; }*/ ?> <tfoot> <tr> <td class="footer" colspan="7" > <input type="button" value="Copiar tabla" class="copiarTabla"></input> <input type="button" value="Eliminar tabla" class="eliminarTabla"></input> <input type="button" value="Guardar" class="guardar"></input> </td> </tr> </tfoot> </table>