jQuery Forum

JΛ̊KE

Thanks jake! But it didn't work

That was one of the earlier things I tried. It replaces it with the value initially given at page load...not the one the user puts in.

However I am using your .val() variation now.

Any other suggestions would be great. Here is updated code:

1. <script type="text/javascript">
       jQuery(document).ready(function (jQuery) {
   
           // since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
           jQuery.post(
           ajaxurl, { //this is the data...
               action: 'my_action',
               whatever: jQuery("#satellite_site_1").val()
           }, function (response) {
   
               jQuery('.satellite_site').live('focusout', function () {
   
                   var replace = '<input class="satellite_site" type="text" id="' + jQuery(this).attr('id') + '" name="' + jQuery(this).attr('id') + '" value="' + response + '" />';
   
                   jQuery(this).replaceWith(replace);
   
               });
   
           });
       });
   </script>
   

JΛ̊KE

Thanks for the help man!

Perhaps this html will make it more clear where I'm messing up -

The objective is simple. When I tab out of a satellite-site input, it should update what I wrote.

HTML -

1. <form action="" method="post">
      
          
       <label for="satellite_site_1"><strong>Site 1:</strong></label>
       <input type="text" value="d" name="satellite_site_1" id="satellite_site_1" class="satellite_site" />
       <br><br>
      
          
       <label for="satellite_site_2"><strong>Site 2:</strong></label>
       <input type="text" value="d" name="satellite_site_2" id="satellite_site_2" class="satellite_site" />
       <br><br>
      
          
       <label for="satellite_site_3"><strong>Site 3:</strong></label>
       <input type="text" value="d" name="satellite_site_3" id="satellite_site_3" class="satellite_site" />
       <br><br>
      
          
       <label for="satellite_site_4"><strong>Site 4:</strong></label>
       <input type="text" value="d" name="satellite_site_4" id="satellite_site_4" class="satellite_site" />
       <br><br>
      
          
       <label for="satellite_site_5"><strong>Site 5:</strong></label>
       <input type="text" value="d" name="satellite_site_5" id="satellite_site_5" class="satellite_site" />
       <br><br>
      
          
       <label for="satellite_site_6"><strong>Site 6:</strong></label>
       <input type="text" value="d" name="satellite_site_6" id="satellite_site_6" class="satellite_site" />
       <br><br>
      
          
       <label for="satellite_site_7"><strong>Site 7:</strong></label>
       <input type="text" value="d" name="satellite_site_7" id="satellite_site_7" class="satellite_site" />
       <br><br>
      
          
       <label for="satellite_site_8"><strong>Site 8:</strong></label>
       <input type="text" value="d" name="satellite_site_8" id="satellite_site_8" class="satellite_site">
       <br><br>
      
          
       <label for="satellite_site_9"><strong>Site 9:</strong></label>
       <input type="text" value="d" name="satellite_site_9" id="satellite_site_9" class="satellite_site" />
       <br><br>
      
          
       <label for="satellite_site_10"><strong>Site 10:</strong></label>
       <input type="text" value="d" name="satellite_site_10" id="satellite_site_10" class="satellite_site" />
       <br><br>
      
          
       </form>
   

jQuery -

1. <script type="text/javascript">
       jQuery(document).ready(function (jQuery) {
   
           // since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
           jQuery.post(
           ajaxurl, { //this is the data...
               action: 'my_action',
               whatever: jQuery("#satellite_site_1").val()
           }, function (response) {
   
               jQuery('.satellite_site').live('focusout', function () {
   
                   var replace = '<input class="satellite_site" type="text" id="' + jQuery(this).attr('id') + '" name="' + jQuery(this).attr('id') + '" value="' + response + '" />';
   
                   jQuery(this).replaceWith(replace);
   
               });
   
           });
       });
   </script>
   

I don't think I'll be solving this one on my own! Help greatly appreciated.

edit: my <br /> tags are like this "<br />" only when I copy from firebug it closes them like this "<br>"

Here is the php code which generates them -

1. <?php
   
       echo '<div id="satellite_site_set" class="wrap">';
       ?>
       <h2>MSM Satellite Site Settings</h2>
       <form method="post" action="">
      
       <?php
       $site_count = 1;
      
       while($site_count <= 10){
       ?>
      
       <label for="satellite_site_<?php echo $site_count; ?>"><strong>Site <?php echo $site_count; ?>:</strong></label>
       <input class="satellite_site" type="text" id="satellite_site_<?php echo $site_count; ?>" name="satellite_site_<?php echo $site_count; ?>" value="testing" />
       <br /><br />
      
       <?php
       $site_count++;   
           }
      
       ?>
      
       </form>
       <?php   
       echo '</div>';
   
   ?>
   

ajaxurl looks up an abbreviation or such, and returns 1 single line of text with a better name?

I'm trying out this suggestion now.

Once TAB happens, new data is validated and written to db. Then fetched and displayed.

Thanks. But it doesn't appear this project will work. I'll just switch to traditional post.

I didn’t see any place to display anything! All I see are inputs. 

Stubborn-ness is winning out! I used some stuff from your other post and things have improved.

Some responses:

For some reason wordpress demands "jQuery" over "$" and the script doesn't work without that being observed. I'm not seasoned in java/jquery so I don't get that.

The display (if we are talking about the same thing) happens in the <input type="" name="" value="HERE" />

1. Thanks to your help its starting to work! See -<script type="text/javascript">
       jQuery(document).ready(function (jQuery) {
   
           jQuery('.satellite_site').change(function() {
           
           site = jQuery(this)
           
           // since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
           jQuery.post(
           ajaxurl, { //this is the data...
               action: 'my_action',
               whatever: jQuery(this).val()
           }, function (response) {
   
               jQuery(site).live('focusout', function () {
   
                   var replace = response;
   
                   jQuery(this).val(replace);
   
               });
   
           });
       });
       });
   </script>

AH wordpress! $ is used to include stuff. That focusout stuff will only delay the setting of the response.

Thats freeking awesome. It works.

Explain to me the "J" thing quickly. I don't get it!

Also message me your paypal email so I can send you a tip!

the callback to jQuery(function(J){…