2010-09-17 3 views
0

Je voudrais utiliser un div "caché" qui contiendra un lien image cliquable basé sur une valeur de retour PHP.Que puis-je utiliser pour afficher/masquer un bouton cliquable?

Quelqu'un peut-il me diriger vers un exemple? Je sais qu'il y a un nom pour ça mais je ne sais pas comment ça s'appelle.

+1

Je suis tout à fait pas ce que vous entendez par là. Est-ce que le div et son contenu cliquable devraient être cachés? S'il vous plaît soyez plus précis. –

+0

Litso, je pensais que j'étais spécifique. Oui, le div ainsi que le bouton lié doivent être cachés jusqu'à ce qu'il reçoive une réponse de PHP. – John

+0

Dans certains de vos commentaires, vous suggérez de scrapper en utilisant jquery et de résoudre le problème avec PHP. jquery est un script côté client et le masquage/affichage aura lieu sur le système client. PHP est un script côté serveur qui nécessite un retour sur le serveur pour masquer/afficher vos boutons. Le retour sur le serveur peut être OK dans ce cas car hide/show doit être le résultat d'un appel PHP. Vous devrez décider où vous voulez que la décision cache/montre quelque chose à faire. –

Répondre

1

Show: (api url)

$("#mybuttondivID").show(); 

Cacher: (api url)

$("#mybuttondivID").hide(); 

Un exemple:

<html> 
<head> 
    <title> Show/Hide example</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 
    <div id="mybuttondiv"> 
     <a href="http://www.google.com"><img src="http://www.google.be/intl/en_com/images/srpr/logo1w.png" alt="Google" /></a> 
    </div> 

    <script type="text/javascript"> 
     $(document).ready(function() { 

      // hide the buttondiv before we do the ajax call 
      $("#mybuttondiv").hide(); 

      //do an ajax request to a php page 
      $.ajax({ 
       type: "GET", 
       url: "fetch_data.php", 
       success: function (html) { 
        //do something when the response returns 
        // in this case, we make the button visible again 
        $("#mybuttondiv").show(); 
       }, 
       error: function (request) { 
        //ajax failed, display button again 
        $("#mybuttondiv").show(); 
       } 
      }); 
     }); 
    </script> 
</body> 
</html> 

Et voici un lien vers la page d'aide jquery $.Ajax: http://api.jquery.com/jQuery.ajax/

+0

Salut Peter, merci pour la réponse. Je suis totalement jquery analphabète alors y at-il un exemple que vous pouvez me montrer afin que je puisse voir le code? – John

+0

Mis à jour ma réponse avec un exemple pour ce que "je pense" que vous voulez. – Peter

0

Peut-être que vous cherchez une combinaison de .hide(), .show(), .toggle() et/ou $.get()?

EDIT: Sur la base de votre commentaire ci-dessus, peut-être c'est ce que vous êtes après:

var hidden = $('#someDiv, #someLink').hide(); 
$.get('someScript.php', function() { 
    hidden.show(); 
}); 
+0

Salut Kevin, merci pour la réponse. Je n'ai vraiment aucune idée de ce dont j'ai besoin. Ce que vous avez posté peut être le billet mais je suis vraiment analphabète. Je suis sur le point de simplement jeter l'ensemble de la bibliothèque jquery et de le faire en php droit. – John

+0

Il était un peu difficile de savoir exactement quel résultat vous recherchez. Si c'est quelque chose que PHP peut gérer simplement, je le recommande sans hésiter au lieu de charger toute la librairie jQuery. – Kevin

+0

Merci encore Kevin. N'y at-il pas censé être un succès quelque part? Si le serveur réussit, je souhaite afficher le lien de l'image cliquable. – John

Questions connexes