Hei putkalaiset!
Olen nyt muutaman päivän taistellut uuden tuttavuuden, jQueryn kanssa.
Tarkoitus olisi ajaa taulukossa olevilla dynaamisillä id:illä varustetuille linkeillä php tiedosto, joka lisää tietoa tietokantaan ja palauttaa uuden arvon. Tämä sitten päivitetään sitten taulukkoon korvaamaan vanha tieto ja linkki.
Koodini:
jQuerY:
<script> $(".actlink").click(function(event){ var id = ($(this).attr('id')); $.get("pages/commands/updateRFQstatus.php", { ID: id, status: "2" }, function(data){ alert("Data loaded: " + data); }); }); </script>
Taulu jossa data majailee tulostuu tällä:
... while($row = mysql_fetch_assoc($result)){ if ($rowcol %2 == 0) { $color = $rowcolor1; } else $color = $rowcolor2; echo "<tr style='background-color: $color;'> <td name='".$row['RFQID'].";ShowButton'><a href='#' onclick='hideShow(rowID".$row['RFQID'].");'>+</a></td> <td name='".$row['RFQID'].";DateAdded'>".$row['DateAdded']."</td> <td name='".$row['RFQID'].";Supplier'>".$row['supplier']."</td> <td name='".$row['RFQID'].";Customer'>".$row['customer']."</td> <td name='".$row['RFQID'].";Ship'>".$row['ship']."</td> <td name='".$row['RFQID'].";CustomerRef'>".$row['CustomerRef']."</td> <td name='".$row['RFQID'].";Contact'><a href='mailto:".$row['contactE']."'>".$row['contactF']." ".$row['contactL']."</a></td> <td name='".$row['RFQID'].";Description'>".$row['Description']."</td> <td name='".$row['RFQID'].";PiC'>"; if ($row['handler'] == NULL) { echo "<a class='actlink' href='#'>Start Processing</a>"; } else { echo $row['handler']; } echo "</td> <td name='".$row['RFQID'].";Status'>".$row['status']."</td> <td name='".$row['RFQID'].";Actions'> <div id='menu'> <ul class='ActionsList'> <li><a href='#'>Actions</a><ul> <li><a href='#' id='ID".$row['RFQID']."act1'>Action 1</a></li> <li><a href='#'>Action 2</a></li> <li><a href='#'>Action 3</a></li></ul> </li> </ul> </div> </td> </tr>"; echo "<tr id='rowID".$row['RFQID']."' style='display:none;'> <td colspan='3' name='".$row['RFQID']."-Comments'>".$row['comments']."Piilossa olevat kommentit!</td> </tr>"; $rowcol ++; } ...
Tarkoitus olisi että kun Handler columnissa ollevaa linkkiä (.actclass) olisi painettu linkki katoaisi ja Status columnissa rivin arvo muuttuisi updateRFQstatus.php:n palauttamaksi arvoksi.
jQuery ei tällähetkellä tee kuin osaa tuosta, mutta ymmärtääkseni koodi ei aja ollenkaa php:tiedostoa, sillä tietokantaan ei ilmesty uusia rivejä niinkuin pitäisi.
Osaisiko joku auttaa tämän ongelmani kanssa.
Kiitos etukäteen!
Noniin..
Niinhän siinä sitten kävi, että kerkesin ratkaisemaan ongelman itse.
jQuery muuttui hieman:
<script> $(document).ready(function(){ $('a.actlink').click(function(event){ var Rowid = $(this).attr('id'); var array = Rowid.split('-'); $.get('pages/commands/updateRFQstatus.php', { ID: array[1], status: '2' }, function(data){ $("td#Status-" + array[1]).text(data); }); //$(his).load('pages/commands/updateRFQstatus.php'); }); }); </script>
ja taulukkokin muuttui hieman, lähinnä id nimeäminen (ettei alkanut numerolla jne.)
Nyt toimii, joten ei huolta taas hetkeen. :)
Aihe on jo aika vanha, joten et voi enää vastata siihen.