Aquí os dejo lo que tengo a ver si podéis ayudarme, muchas gracias!
panel.php
Código:
funciones.js <input type="button" onclick="add()" value="Añadir tabla" id="addButton" name="addButton" /> <div id="contenedorTabla"> </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>
Código:
creaTabla.scr.phpfunction add(){ $("#ventana").dialog({ width: 500, height:240, buttons: { Aceptar: function() { numFilas = $("#numFilas").val(); tipo = $("#tipo").val(); mensaje = "numFilas="+ numFilas +"&tipo=" + tipo; $.ajax({ type:'get', url: '../scripts/creaTabla.scr.php', data: mensaje, success: function(data){ $('#contenedorTabla').load(); // creo que así podría cargar la tabla en el div contenedorTabla pero la verdad que no tengo ni idea de como... } }); }, Cancelar: function() { $(this).dialog("close"); } } }); }
Código:
<div id="tabla" > <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; } } include("../class/clasePreguntas.php"); $obj = new clasePreguntas(); $numFilas = $_GET['numFilas']; $tipo = $_GET['tipo']; for($i = 1; $i <= $numFilas; $i++){ // ....etc } ?> </table>