Ik heb een probleem met onblur/onfocus en ik snap niet zo goed wat er verkeerd gaat. Het gaat om onderstaande code en in principe doet deze wat ik wil. In het textvak komt netjes in grijs 'find stuff by entering it here' te staan en als het tekstvak focus krijgt, verdwijnt dat. Verliest het de focus zonder input, dan komt de tekst weer terug. Tot zover allemaal prima dus.
Alleen, dit gedrag vertoont het tekstvak maar 1x. Als ik een 2e keer het tekstvak focus geef, blijft de tekst 'find stuff by entering it here' gewoon staan. Het probleem treedt zowel in IE als in FF op. Iemand enig idee wat er fout gaat? Heb de search geprobeerd, maar het probleem is redelijk lastig te duiden om tot zinnige zoekresultaten te komen...
code:
1
2
3
4
5
6
7
8
| <input
type="text"
name="searchBox"
style="color:#808080;"
size="40"
value="find stuff by entering it here"
onfocus="style.color='#000000'; if (this.value='find stuff by entering it here') this.value = ''; this.onfocus = function () {}"
onblur="style.color='#808080'; if (this value='') this.value = 'find stuff by entering it here'; this.onblur = function () {}"> |
Alleen, dit gedrag vertoont het tekstvak maar 1x. Als ik een 2e keer het tekstvak focus geef, blijft de tekst 'find stuff by entering it here' gewoon staan. Het probleem treedt zowel in IE als in FF op. Iemand enig idee wat er fout gaat? Heb de search geprobeerd, maar het probleem is redelijk lastig te duiden om tot zinnige zoekresultaten te komen...