PHPBuilder.com - ClientSide Technologies http://board.phpbuilder.com/ Discuss HTML/CSS/Javascript, and any other client-side technologies, here. en Sun, 19 May 2013 05:49:21 GMT vBulletin 60 http://board.phpbuilder.com/images/misc/rss.png PHPBuilder.com - ClientSide Technologies http://board.phpbuilder.com/ Iterate through JSON data like a multi-d array?/Show all fields/vals for clicked row? http://board.phpbuilder.com/showthread.php?10389717-Iterate-through-JSON-data-like-a-multi-d-array-Show-all-fields-vals-for-clicked-row&goto=newpost Wed, 15 May 2013 18:30:45 GMT tags located above the summary table. (THIS IS WHERE I AM STUCK...instead of just seeing that number, I want to see all available details for that specific record/row) [I can do all of this stuff in php with sessions, and arrays and forms and all that good stuff...but I would like to understand how to do this in javascript/client-side in order to make use of the page more efficient] Here is the code that seems to be working fine to accomplish steps 1 and 2. My offerdata.js file: Code: --------- $(document).ready(function() { $.getJSON('offerdata.php', function(data) {//a summary table that shows, say, 4 out of 12 fields that exist in JSON for each row var table=''; table+=''; $.each(data, function(index, item){ table+=''; }); table+='
OFFER_IDPROPERTYSTAFFOFFER_STATUS
'+item.OFFER_ID+''+item.PROPERTY+''+item.STAFF+''+item.OFFER_STATUS+'
'; $("#content").html(table); //refer to this id in tags back at the page }); }); --------- and back in the of the page, I have this: HTML: ---------
--------- I am assuming, because I _CAN_ see my summary table, that the complete JSON array (object?) remains available to populate the details table I would like to be able to display. Somebody give me a nudge in the right direction? Thanks.]]> Hi; My head hurts. I am not _quite_ getting this JSON object stuff.

Three goals here:
1. Run a MySQL query and return the results in JSON
(I can do this...it seems to work fine)

2. show a table that shows short/summary CLICKABLE record rows (that show just a couple of the fields for each of the JSON rows/elements) ...
(I've actually figured out this first part and it seems to work fine)

3. The result of clicking on a specific row (in the table refered to above) results a display in a table/form being shown that will show ALL fields/values for that specific, clicked record.
When I click a row, the row ID _does_ magically appear in the <span> tags located above the summary table.
(THIS IS WHERE I AM STUCK...instead of just seeing that number, I want to see all available details for that specific record/row)

[I can do all of this stuff in php with sessions, and arrays and forms and all that good stuff...but I would like to understand how to do this in javascript/client-side in order to make use of the page more efficient]

Here is the code that seems to be working fine to accomplish steps 1 and 2.
My offerdata.js file:
Code:
$(document).ready(function() {       
$.getJSON('offerdata.php', function(data) {//a summary table that shows, say, 4 out of 12 fields that exist in JSON for each row
      var table='<table>';
              table+='<tr><th>OFFER_ID</th><th>PROPERTY</th><th>STAFF</th><th>OFFER_STATUS</th></tr><tbody class="hrow">'; 
      $.each(data, function(index, item){
        table+='<tr valign="top"onclick="selectRow(this)" id="'+index+'"><td>'+item.OFFER_ID+'</td><td>'+item.PROPERTY+'</td><td>'+item.STAFF+'</td><td>'+item.OFFER_STATUS+'</td></tr>';
      });
      table+='</tbody></table>';
      $("#content").html(table);        //refer to this id in <table> tags back at the page
});       
});
and back in the <body> of the page, I have this:
HTML Code:
<span id="offer_id"></span><hr />
<!-- I would like to have a details table to appear here when any row is clicked (all details for that row)  ie. for each field that exists in the JSON for that selected row <tr><th>$fld</th><td>$val</td></tr> --->
<table id="content"></table>
I am assuming, because I _CAN_ see my summary table, that the complete JSON array (object?) remains available to populate the details table I would like to be able to display.

Somebody give me a nudge in the right direction?

Thanks. ]]> ClientSide Technologies Joseph Sliker http://board.phpbuilder.com/showthread.php?10389717-Iterate-through-JSON-data-like-a-multi-d-array-Show-all-fields-vals-for-clicked-row Help with setting page size http://board.phpbuilder.com/showthread.php?10389705-Help-with-setting-page-size&goto=newpost Tue, 14 May 2013 18:47:13 GMT entry . Good luck! (I am all a bit new to this so I apologise, especially if my terminology usage is out.) Unfortunately, as the image below shows (comparing the before and after sumbission), the sendemail.php is taking up too much space in the rounded table. It's for a facebook app I am trying to build. Attachment 4889 (http://board.phpbuilder.com/attachment.php?attachmentid=4889)]]> Hi, hope someone can help.
I either need a very simple 'set page size' so the "echo" page isn't too large for the table it appears in or somehow change dimensions somewhere.
I am using a PHP form, where people type in the fields in feedback.php, and when they submit, it parses to sendemail.php with the following response:

Thanks for your<br> entry <?php echo $visitor ?>. Good luck!

(I am all a bit new to this so I apologise, especially if my terminology usage is out.)

Unfortunately, as the image below shows (comparing the before and after sumbission), the sendemail.php is taking up too much space in the rounded table. It's for a facebook app I am trying to build.

Attachment 4889
Attached Images
]]> ClientSide Technologies Mike_ZA http://board.phpbuilder.com/showthread.php?10389705-Help-with-setting-page-size jQuery Hiding the close button URL for jQueryUI.dialog() http://board.phpbuilder.com/showthread.php?10389567-Hiding-the-close-button-URL-for-jQueryUI.dialog()&goto=newpost Tue, 30 Apr 2013 08:49:10 GMT $(function() { $( "#dialog" ).dialog({ width: 800, height: "auto", autoOpen: false, resizable: false, show: { effect: "blind", duration: 1000 }, hide: { effect: "explode", duration: 1000 } }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); }); }); --------- HTML: ---------

--------- Thank you in advance]]> Hello,

When the mouse is over X (close) button on the dialog window, URL seems in the status bar. I want to hide this URL.
How can I do this?
PHP Code:
<script>
$(function() {
$( "#dialog" ).dialog({
        width: 800,
        height: "auto",
autoOpen: false,
resizable: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});

$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
});
</script> 
HTML Code:
<div id="dialog" title="SÖZLEŞME METNİ">
<p><?=$oku['sozlesme_metni']?></p>
</div>

Thank you in advance ]]> ClientSide Technologies gecekule http://board.phpbuilder.com/showthread.php?10389567-Hiding-the-close-button-URL-for-jQueryUI.dialog() Running PHP as a Background Task http://board.phpbuilder.com/showthread.php?10389521-Running-PHP-as-a-Background-Task&goto=newpost Thu, 25 Apr 2013 12:26:13 GMT history.back();"; --------- and that returns the viewer to the HTML page without the Modal window being redisplayed in every browser that I've tried, except for IE, which redisplays the HTML page (with the Modal Window active). So, I have 2 questions: 1) Is it possible to have the PHP routine run in the background (so the viewer never leaves the HTML page? 2) If not, is there a way to have IE just return to the HTML page without reloading it? Thanks in advance for your help.]]> Let me start by saying I'm not sure if this is a PHP or Javascript problem. Here's the situation:

I have an HTML page that displays a Modal Window when it loads. The window is a small form, which is optional. If the viewer decides to fill it out, when they click the Submit button the form is validated and, if all is okay, the window is removed and the form data sent (via action=) to a PHP routine for further processing.

I would like the viewer not to be aware of the PHP routine running (there are no messages sent to the viewer from this routine).

I have tried ending the routine with
Code:
echo "<script>history.back();</script>";
and that returns the viewer to the HTML page without the Modal window being redisplayed in every browser that I've tried, except for IE, which redisplays the HTML page (with the Modal Window active). So, I have 2 questions:

1) Is it possible to have the PHP routine run in the background (so the viewer never leaves the HTML page?

2) If not, is there a way to have IE just return to the HTML page without reloading it?

Thanks in advance for your help. ]]> ClientSide Technologies jimweinberg http://board.phpbuilder.com/showthread.php?10389521-Running-PHP-as-a-Background-Task