Foros del Web » Programando para Internet » Javascript »

añadir mediante función selectores

 Estas en el tema de añadir mediante función selectores en el foro de Javascript en Foros del Web. Amigos, tengo un problema con una función javascript que no parece funcionarme. El hecho es que otras funciones similares sí que parecen funcionar. Se trata ...
  #1 (permalink)  
Antiguo 16/10/2011, 10:12
Colaborador
  
Fecha de Ingreso: marzo-2008
Ubicación: Cáceres
Mensajes: 3.735
Antigüedad: 16 años
Puntos: 300
añadir mediante función selectores
Amigos,
tengo un problema con una función javascript que no parece funcionarme. El hecho es que otras funciones similares sí que parecen funcionar. Se trata de que al pulsar el botón + se añada otros dos selectores de creador y orden. Ahora al pulsar el botón no ocurre nada. He reducido el código al máximo usando array en lugar de una carga desde la base de datos. No os preocupéis por los index undefined que aparecerán, pues también eso lo tengo resuelto. Mi idea es poder añadir más de un selector de manera dinámica, rellenar los datos y luego que el echo muestre los mismos.
Código:
<html>
<head>
<title></title>
<script type="text/javascript">
var creadores = 0;
function anadircre(vcre){
if (creadores==0){
creadores = vcre+1;
}
document.getElementById("dvcreador").innerHTML = "<table id='tabcreador'>" +
document.getElementById("tabcreador").innerHTML +
"<tr>" +
"<td>" +
"<select name='cre" + creadores + "'>" +
"<option value='0'>Selecciona un valor</option>" +
<?php
foreach($creadores as $key => $creador){
echo "\"<option value='{$key}'>".addslashes($creador)."</option>\" + ";
}
?>
"</select>" +
"</td>" +
"<td>" +
"<select name='ordcre" + creadores + "'>" +
"<option value='0'>Selecciona un valor</option>" +
"<option>1</option>" +
"<option>2</option>" +
"<option>3</option>" +
"<option>4</option>" +
"</select>" +
"</td>" +
"</tr>" +
"</table>";
creadores++;
}

</script>
</head>

<body>
<?php
$creadores = array (1 => 'Juan', 2 => 'Luis', 3 => 'Fernando', 4 => 'Antonio');
?>
<form type ="POST" name = "form1" action="">
<tr>
<td colspan="2">
<div name ="dvcreador" id="dvcreador">
<table id="tabcreador">
<tr>
<td>CREADOR</td>
<td>ORDEN</td>
</tr>
<?php
$cont_cre = 1;
?>
<tr>
<td>
<select name="cre<?php echo $cont_cre;?>">
<option value="0">Selecciona un valor</option>
<?php
foreach ($creadores as $key => $creador){

echo "<option value='{$key}' >".addslashes($creador)."</option>";
}
?>
</select>
</td>
<td>
<select name="ordcre<?php echo $cont_cre;?>">
<option value="0">Selecciona un valor</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</td>

<td><input type="submit" name="cre_<?php echo $key;?>" value="-" /></td>
</tr>
<?php
$cont_cre++;

?>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="2"><input type="button" value="+" onclick="anadircre(<?php echo $cont_cre;?>);" /></td>
</tr>
<tr><input type = "submit" name = "enviar" value = "enviar"></tr>
</form>
<?php

$seguir=1;
$cont=1;
$varcre='';
$varord='';
while ($seguir){
$varcre = $_GET['cre'.$cont];
$varord = $_GET['ordcre'.$cont];
if (!$varcre){
$seguir=0;
} else {
echo $varcre.' '.$varord.'</br>';
$cont++;
}
}

?>
Última edición por jurena; 16/10/2011 a las 12:51
  #2 (permalink)  
Antiguo 16/10/2011, 10:41
Avatar de Panino5001
Me alejo de Omelas
  
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 19 años, 10 meses
Puntos: 834
Respuesta: añadir mediante función selectores
Hola, Jesús, así parece funcionar (no puedo testearlo en todos los navegadores porque estoy en una mac prestada). Sólo cambié el orden de algunas instrucciones php y silencié los errores:
Código PHP:
<?php
error_reporting(0);
//include ('utils.php');
$creadores = array (1 => 'Juan', 2 => 'Luis', 3 => 'Fernando', 4 => 'Antonio');

?>
<html>
<head>
<title></title>
<script type="text/javascript">
var creadores = 0;
function anadircre(vcre){
if (creadores==0){
creadores = vcre+1;
}
document.getElementById("dvcreador").innerHTML = "<table id='tabcreador'>" +
document.getElementById("tabcreador").innerHTML +
"<tr>" +
"<td>" +
"<select name='cre" + creadores + "'>" +
"<option value='0'>Selecciona un valor</option>" +
<?php
foreach($creadores as $key => $creador){
echo "\"<option value='{$key}'>".addslashes($creador)."</option>\" + ";
}
?>
"</select>" +
"</td>" +
"<td>" +
"<select name='ordcre" + creadores + "'>" +
"<option value='0'>Selecciona un valor</option>" +
"<option>1</option>" +
"<option>2</option>" +
"<option>3</option>" +
"<option>4</option>" +
"</select>" +
"</td>" +
"</tr>" +
"</table>";
creadores++;
}

</script>
</head>

<body>

<form type ="POST" name = "form1" action="">
<tr>
<td colspan="2">
<div name ="dvcreador" id="dvcreador">
<table id="tabcreador">
<tr>
<td>CREADOR</td>
<td>ORDEN</td>
</tr>
<?php
$cont_cre = 1;
?>
<tr>
<td>
<select name="cre<?php echo $cont_cre;?>">
<option value="0">Selecciona un valor</option>
<?php
foreach ($creadores as $key => $creador){

echo "<option value='{$key}' >".addslashes($creador)."</option>";
}
?>
</select>
</td>
<td>
<select name="ordcre<?php echo $cont_cre;?>">
<option value="0">Selecciona un valor</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</td>

<td><input type="submit" name="cre_<?php echo $key;?>" value="-" /></td>
</tr>
<?php
$cont_cre++;

?>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="2"><input type="button" value="+" onclick="anadircre(<?php echo $cont_cre;?>);" /></td>
</tr>
<tr><input type = "submit" name = "enviar" value = "enviar"></tr>
</form>
<?php

$seguir=1;
$cont=1;
$varcre='';
$varord='';
while ($seguir){
$varcre = $_GET['cre'.$cont];
$varord = $_GET['ordcre'.$cont];
if (!$varcre){
$seguir=0;
} else {
echo $varcre.' '.$varord.'</br>';
$cont++;
}
}

?>
  #3 (permalink)  
Antiguo 16/10/2011, 12:15
Colaborador
  
Fecha de Ingreso: marzo-2008
Ubicación: Cáceres
Mensajes: 3.735
Antigüedad: 16 años
Puntos: 300
Respuesta: añadir mediante función selectores
Gracias, Andrés. Ahora genera los nuevos selectores, pero no devuelve los datos cargados en ellos. El orden de PHP es como sugieres, pues había que generar ese listado. No sé si esa es la causa o el silencio de los errores. Echaré un vistazo a ver si devuelve los datos de los selectores añadidos con la función.
Última edición por jurena; 16/10/2011 a las 13:03
  #4 (permalink)  
Antiguo 16/10/2011, 13:29
Colaborador
  
Fecha de Ingreso: marzo-2008
Ubicación: Cáceres
Mensajes: 3.735
Antigüedad: 16 años
Puntos: 300
Respuesta: añadir mediante función selectores
Andrés,
el problema javascript ya lo resolviste, además de aclarar el código PHP. Para pasar todos los datos bien, sólo había que eliminar un incremento de contador y reubicar otro. Creo que ya funciona. El código es tal cual lo pongo debajo. Ahora sólo toca adaptarlo. Amenazo con volver a por alguna otra ayuda.
Código PHP: 
Ver original
  1. <?php
  2. error_reporting(0);
  3. $creadores = array (1 => 'Juan', 2 => 'Luis', 3 => 'Fernando', 4 => 'Antonio');
  4.  
  5. ?>
  6. <html>
  7. <head>
  8. <title></title>
  9. <script type="text/javascript">
  10. var creadores = 0;
  11. function anadircre(vcre){
  12. if (creadores==0){
  13. creadores = vcre+1;
  14. }
  15. document.getElementById("dvcreador").innerHTML = "<table id='tabcreador'>" +
  16. document.getElementById("tabcreador").innerHTML +
  17. "<tr>" +
  18. "<td>" +
  19. "<select name='cre" + creadores + "'>" +
  20. "<option value='0'>Selecciona un valor</option>" +
  21. <?php
  22. foreach($creadores as $key => $creador){
  23. echo "\"<option value='{$key}'>".addslashes($creador)."</option>\" + ";
  24. }
  25. ?>
  26. "</select>" +
  27. "</td>" +
  28. "<td>" +
  29. "<select name='ordcre" + creadores + "'>" +
  30. "<option value='0'>Selecciona un valor</option>" +
  31. "<option>1</option>" +
  32. "<option>2</option>" +
  33. "<option>3</option>" +
  34. "<option>4</option>" +
  35. "</select>" +
  36. "</td>" +
  37. "</tr>" +
  38. "</table>";
  39. creadores++;
  40. }
  41.  
  42. </script>
  43. </head>
  44.  
  45. <body>
  46.  
  47. <form type ="POST" name = "form1" action="">
  48. <tr>
  49. <td colspan="2">
  50. <div name ="dvcreador" id="dvcreador">
  51. <table id="tabcreador">
  52. <tr>
  53. <td>CREADOR</td>
  54. <td>ORDEN</td>
  55. </tr>
  56. <?php
  57. $cont_cre = 1;
  58. ?>
  59. <tr>
  60. <td>
  61. <select name="cre<?php echo $cont_cre;?>">
  62. <option value="0">Selecciona un valor</option>
  63. <?php
  64. foreach ($creadores as $key => $creador){
  65. echo "<option value='{$key}'>".addslashes($creador)."</option>";
  66. }
  67. ?>
  68. </select>
  69. </td>
  70. <td>
  71. <select name="ordcre<?php echo $cont_cre;?>">
  72. <option value="0">Selecciona un valor</option>
  73. <option>1</option>
  74. <option>2</option>
  75. <option>3</option>
  76. <option>4</option>
  77. </select>
  78. </td>
  79. <td><input type="submit" name="cre_<?php echo $key;?>" value="-" /></td>
  80. </tr>
  81. <?php
  82. ?>
  83. </table>
  84. </div>
  85. </td>
  86. </tr>
  87. <tr>
  88. <td colspan="2"><input type="button" value="+" onclick="anadircre(<?php echo $cont_cre;?>);" /></td>
  89. </tr>
  90. <tr><input type = "submit" name = "enviar" value = "enviar"></tr>
  91. </form>
  92. <?php
  93.  
  94. $seguir=1;
  95. $cont=1;
  96. $varcre='';
  97. $varord='';
  98. while ($seguir){
  99. $varcre = $_GET['cre'.$cont];
  100. $varord = $_GET['ordcre'.$cont];
  101. if (!$varcre){
  102. $seguir=0;
  103. } else {
  104. echo $varcre.' '.$varord.'</br>';
  105. }
  106. $cont++;
  107. }
  108. ?> 
  109. </body>
  110. </html>

Etiquetas: funcion, html, mediante, php, selectores
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 23:15.