2010-11-10 18 views
2

Bonjour J'ai le problème suivant. Je le site http://www.telefonkoll.se lorsque j'entre un numéro dans la recherche et appuyez sur le bouton puis le texte efface automatiquement et la page de résultat me renvoie tous les résultats. Si je n'utilise pas le code jquery, cela fonctionne correctement.Le texte de saisie est clair lorsque j'essaie de soumettre pour une recherche

Mon code jQuery est la suivante:

$("document").ready(function() { 
$("#mod_search_searchword").attr("value","Sök telefonnummer här"); 
}); 
$("#mod_search_searchword").live('focus', function (event) { 
$("#mod_search_searchword").focus(function() { 
    $(this).val(""); 
    }); 
}); 
$("#mod_search_searchword").live('blur', function (event) { 
$("#mod_search_searchword").blur(function() { 
    if ($(this).val() == ""){ 
    $(this).val("Sök telefonnummer här"); } 
    }); 
}); 

Ce que je veux faire avec le code ci-dessus est d'effacer le texte actuel lorsque l'utilisateur clique là-bas. Si il écrit quelque chose à encore là, sinon pour retourner le texte initial. Il semble fonctionner correctement mais quand j'essaye de soumettre les données quelque chose de mal arrive évidemment. Je ne sais pas si c'est le code ou quelque chose que je ne connais pas.

+0

Votre code ne semble pas trop mauvais. Je l'ai essayé sur la page web et ça a marché là-bas. Le code jQuery est-il installé sur l'URL que vous avez indiquée? – AndreKR

+0

Le code de travail, mais pour une raison quelconque, je ne soumets pas les données, Si vous vérifiez, il semble l'effacer lorsque vous appuyez sur soumettre. Sans jquery, il ne le fait pas. Le texte apparaît jusqu'à ce que les résultats s'affichent – Sotiris

+0

Vous savez que '" document "' dans votre '$ (" document "). Ready (/*...*/)' n'a pas besoin d'être quoté (le ' "Je ne sais pas si cela ferait une différence, juste pensé que je le mentionnerais –

Répondre

3

Évitez reinventing the wheel. Utilisez l'un des plugins many jQuery watermark disponibles.

+0

Je ne peux pas appliquer de classe ou d'ID supplémentaire dans aucun des éléments car la plupart de ces plugins nécessitent – Sotiris

+1

@Sotiris, si vous pouvez appeler [attr()] (http://api.jquery.com/attr/) sur ces éléments, je ne vois pas ce qui vous empêche d'appeler [ajouter Class()] (http://api.jquery.com/addClass/) sur eux aussi :) –

+0

Je me sens stupide merci: P – Sotiris