Actualiser une Div, tableau ou TR sans la page rechargeant et sans utiliser Ajax

Question

Est-il possible de rafraîchir une div, une table ou <tr>. Ici, aucune donnée de ce type ne provient de la base de données, c'est une simple erreur d'affichage du bloc et la valeur provient de Java-script.

problème est que lorsqu'un utilisateur entre une valeur en zone de texte, la valeur stockée dans cette base de données et un message stocké avec succès apparaît sur l'écran.

Puis de nouveau à la même page, l'utilisateur essaie d'entrer une valeur incorrecte alors l'erreur montre dans ce bloc, mais la valeur précédente reste-à-dire « avec succès un message enregistré ».

Une suggestion ???

Answer 1

Oui, vous pouvez facilement effacer un élément de celui-ci des enfants (à savoir un message de réussite) quand un événement se produit. Dans votre cas, l'événement entrerait des données dans une zone de texte. En supposant que le balisage suivant:

<input type="text" id="textbox" name="textbox"/> 
<div id="message"> 
    Successfully Stored Message 
</div> 

Lorsque vous détectez un autre événement sur votre zone de texte, vous venez de vider le <div id="message"> comme suit:

var textbox = document.getElementById('textbox'); 
textbox.onchange = function(){ 

    // Do some test to determine if you should clear #message 

    // Get your #message container and remove all its children 
    var message = document.getElementById('message'); 
    while(message.hasChildNodes()){ 
     message.removeChild(message.firstChild); 
    }  
}; 

Modification de la valeur de l'entrée in this example pour le voir en action.

Answer 2

Alors après avoir regardé tout le web pour ce que je trouve un moyen simple de faire « fix »:

   <script> 
       $(document).ready(function() 
       { 
        $("#refresh").click(function() 
       { 
        $("#Container").load("content-that-needs-to-refresh.php"); 
       return false; 
       }); 
       }); 
      </script> 

      <div id="Container"> 
       <?php include('content-that-needs-to-refresh.php'); ?> 
      </div> 
      <a href="#" id="refresh">Refresh</a> 

dans le fichier: le contenu qui les besoins à refresh.php

Vous mettez tout ce que vous aimeriez avoir actualisé/mis à jour/modifié.

Contenu du fichier: contenu que les besoins à refresh.php

<?php 
    $random = rand(1, 10); 
    $numbers[1] = "1"; 
    $numbers[2] = "2"; 
    $numbers[3] = "3"; 
    $numbers[4] = "4"; 
    $numbers[5] = "5"; 
    $numbers[6] = "6"; 
    $numbers[7] = "7"; 
    $numbers[8] = "8"; 
    $numbers[9] = "9"; 
    $numbers[10] = "10";  
    ?> 
    <?=$numbers[$random]?> 

Cela le vous donnera un numéro aléatoire à chaque fois que vous cliquez sur le lien « Actualiser ».