2010-06-11 7 views
0

J'ai une image sur laquelle "cliquez pour modifier" est écrit maintenant quand je clique sur cette partie que je veux montrer la boîte d'édition où "Type 1" est écrit.ouvrir la boîte de texte qui en cliquant sur l'image

J'ai essayé de mettre la boîte d'édition, mais incapable d'obtenir l'événement click ...

ici est l'image

http://www.freeimagehosting.net/image.php?55dd1b316d.png

+0

Il existe un exemple pour cela dans la documentation officielle de jQuery: http://docs.jquery.com/Tutorials:Edit_in_Place_with_Ajax –

+0

Pouvez-vous publier un exemple de code html, et quel code javascript avez-vous? Votre objectif est-il d'effectuer des mises à jour ajax? ou champs d'entrée cachés qui sont mis à jour sur enregistrer? ou autre chose? –

+0

non c'est juste un texte statique, je ne tire pas de requête ajax – Hunt

Répondre

1

Je suppose que vous utilisez jquery

$('#yourimageid').bind('click', function(){ 
    .... your box appearance code here 
}); 

sinon c'est un peu mor lettres, mais la même chose

document.getElementById('yourimageid').onclick = function(){ 
    .... your box appearance code here 
} 
+0

En fait, ils ne sont pas * exactement * la même chose. Le premier vous pouvez exécuter plusieurs fois et il exécutera tous les rappels. Ce dernier n'exécutera que le dernier affecté. – icktoofay

+0

@icktoofay merci pour l'addenda. C'est à coup sûr nécessaire de mentionner! – helle

+0

mais ce code sera exécuté quand jamais je vais cliquer sur une partie de l'image je veux juste déclencher l'événement de clic tandis que l'utilisateur cliquez sur "cliquez pour éditer ..." texte à l'intérieur de l'image – Hunt

0
$("#the-image").click(function() { 
    // show the edit box 
    $("#edit-box").show(); 
} 

Si c'est quelque chose de simple, alors positionnez simplement # edit-box avec CSS.

Questions connexes