Databases
StackOverflow2013
Postsdbo
POdynamically generated form not working properly
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POdynamically generated form not working properly
    primarykey
    data
    text
    <p>im having this ajax function where i populate a list of elements coming from the database dynamically. Each one of them as a display pic and a name. It has a hidden field with a variable that is being caught on the other page via POST and displays an image and some info with it.</p> <p>The problem is that sometimes the ID parameter in the hidden field doesnt seem to be sent. the form is sent but it doesnt seem to catch the hidden variable, displaying a random image and info instead of the one that im initially clicking.</p> <p>here is my code:</p> <pre><code>function absurdSearch(textoBuscar){ $.ajax({ type : "POST", url : "service.php", dataType: "json", data : { action:"absurdSearch", absurdText: textoBuscar }, success:function(data){ $("#testDiv").empty(); var i; for (i = 0; i &lt; data.data.length; ++i) { console.log(data); var divCreator =''; var str='projectsearch' + i; data.data[i].projectCategory var ProjectTypeIdName = data.data[i].projectCategory; switch (ProjectTypeIdName) { case "1": var urlFormSend='proyectos_arq.php'; var projectTypeName ='Proyectos &lt;br/&gt;Arquitectónicos'; break; case "6": var urlFormSend='proyectos_urb.php'; var projectTypeName ='Proyectos &lt;br/&gt;Urbanos'; break; case "7": var urlFormSend='arquit_pai.php'; var projectTypeName ='Arquitectura del &lt;br/&gt;Paisaje'; break; case "8": var urlFormSend='arquit_int.php'; var projectTypeName ='Arquitectura de &lt;br/&gt;Interiores'; break; case "10": var urlFormSend='arquit_trans.php'; var projectTypeName ='Arquitectura del &lt;br/&gt;Transporte'; break; } divCreator+='&lt;div id="grupo'+i+' class="typeface-js" style="font-family:GreyscaleBasic""&gt;'; divCreator+='&lt;div class="tipo-pro"&gt;'; divCreator+='&lt;div id="tipo_arq" class="tipo"&gt;'+projectTypeName+'&lt;/div&gt;'; divCreator+='&lt;div id="tipo_arq_abajo" class="abajo"&gt;&lt;/div&gt;'; divCreator+='&lt;/div&gt;'; divCreator+='&lt;div&gt;'; divCreator+='&lt;div id="tipo_'+i+'"&gt;&lt;/div&gt;'; divCreator+='&lt;div id="tipo_arq_abajo'+i+'"&gt;&lt;/div&gt;'; divCreator+='&lt;/div&gt;'; divCreator+='&lt;div id="fotoproyectos'+i+'" &gt;&lt;img src="' + data.data[i].path + '" height="128" width="160"&gt;&lt;/div&gt;'; divCreator+='&lt;div id="nombreproyectos'+i+'" &gt;&lt;form method="post" name="projectsearch'+i+'" id="projectsearch'+ i +'" action="'+urlFormSend+'"&gt;'; divCreator+='&lt;span style="cursor: pointer;" onclick="document.getElementById(\'projectsearch'+i+'\').submit()"&gt;"'+ data.data[i].projectName +'"&lt;/span&gt;' divCreator+='&lt;input name="project_id" type="hidden" id="project_id" value="' + data.data[i].projectId + '"&gt;'; divCreator+='&lt;/form&gt;&lt;/div&gt;'; divCreator+='&lt;/div&gt;'; divCreator+='&lt;/div&gt;&lt;br&gt;&lt;br&gt;'; $("#testDiv").append(divCreator); }; } }) }; </code></pre> <p>and here is the code that actually catches the POST variable. </p> <pre><code>&lt;?php require('server/php/methods.php'); $main = new main(); $project_id = $_POST['project_id']; if (empty($project_id)) { list($name, $description, $path, $_images, $next_project_id, $previous_project_id = $main-&gt;projectRandom(7); $images = json_encode($_images); } else { list($name, $description, $path, $_images, $next_project_id, $previous_project_id) = $main-&gt;projectNumber(7, $project_id); $images = json_encode($_images); } </code></pre> <p>when i check on firebug everything seems to be ok, every hidden field has the parameter (project_id) assigned. But sometimes it does work and sometimes it doesnt. </p> <p>Firebug:</p> <p><img src="https://i.stack.imgur.com/0jBwb.png" alt="Firebug"></p> <p>Any help will be appreciated</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. UShallaji
    1. USSolar Confinement
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POdynamically generated form not working properly
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POdynamically generated form not working properly
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POdynamically generated form not working properly
      1. USMuhammad Talha Akbar
      1. VTFavorite
    1. CO*Hint:* In your script, don't do two things at once, better check the request's input is the expected one for the action. That will allow you to move away from random to distinct action. Here you do two things at once, and when the variable is empty, you pick a random image which seems to be what you describe as an error however it is the programmed functionality.
      singulars
      1. POdynamically generated form not working properly
      1. UShakre
    2. COI would also suggest letting the PHP side build the actual HTML. It's a lot easier to read and edit html in php files (or html files with embedded php) than it is to read and edit in javascript. Generating complex elements (such as forms with many children) to inject to the dom leads to more errors than it ever leads to success .
      singulars
      1. POdynamically generated form not working properly
      1. This table or related slice is empty.
    3. COYep, but actually the random function is needed cos the client wants that everytime the page loads it charges a random image/project. Sorry, gdoron, how do i accept answers?
      singulars
      1. POdynamically generated form not working properly
      1. USSolar Confinement
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload