dynamisch input field vraagje

[deeq]

Wat ik graag wil is dat bij onfocus het input vakje leeg word wanneer er staat 'typ hier je naam', zodat wanneer de waarde reeds bekend is en al staat ingevuld deze niet meer leeg word.

Ik heb de volgende code , deze zorgd ervoor dat het input field leeg word de eerste keer dat je er op klikt, maar daar heb ik niks aan als de goede waarde er al staat bij het laden van de pagina, dan wist hij deze.

<script type="text/javascript">

function del_focus(e,o){
if(o.firstTime){return}
o.firstTime=true
o.value=""
}

<input type="text" name="name" onfocus='del_focus(event,this)' value="typ hier je naam" />

natuurlijk helemaal mooi als ook dynamisch de kleur word mee veranderd van de tekst


voorbeeldje: http://www.deeq.nl/test.html

 

[phobia]

probeer dit eens!

[JS]function del_focus(e,o){
if(o.firstTime){return}
o.firstTime=true;
o.style.backgroundColor='yellow';
o.value="";
}
[/JS]

ik weet niet of het werkt, niet getest.

 

[blackeagle67]

<!--benodigd jquery library -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//laat leeg word gaandeweg gevuld
	var Textboxtekst = '';

	// maak input bij onfocus leeg 
	$('#idvantekstbox').focus(function()
	{
		if($(this).val()==$(this).attr('title'))
		{
			Textboxtekst = $(this).val();
			$(this).val('');
		}
	});

	// Na afloop is t veld nog steeds leeg dan vul het veld weer
	$('#idvantekstbox').blur(function()
	{
		if($(this).val()=='')
		{
			$(this).val(Textboxtekst);
		}
	});
});
</script>

<input type="text" name="name" value="typ hier je naam" title="typ hier je naam" id="idvantekstbox" />

http://www.eggchops.com/blogexamples/jQueryClearFocus.html

 

[phobia]

de Jquery bijbel staat hier

Om de achtergrond aan te passen moet je nog iets doen van

$(this).effect("highlight", {color:"#b1b1b1"}, 3000);

 

[deeq]

jquery?

de Jquery bijbel staat hier

Om de achtergrond aan te passen moet je nog iets doen van

$(this).effect("highlight", {color:"#b1b1b1"}, 3000);

Wie heeft het hier over jquery?

als ik een vraag zou stellen over volkwagen, geef je dan een link naar BMW ?

 

[phobia]

Voor je zo hoog van de toren blaast!

Lees de post van blackeagle67 ff heel goed en kijk waar mee die geschreven is!!!!

 

[blackeagle67]

Ik geef je de code in jquery omdat ik die persoonlijk makkelijker vind.
Als jij het hier niet mee eens dan moet je dat aangeven en dan zoeken we andere code voor je.

Jquery blijft vooralsnog javascript (alleen dan met behulp van een library).

.functienaam and watch the magic happen.

 

[That Guy]

Bedoel je een placeholder? HTML5 heeft die standaard, voor de rest, hier.

 

[phobia]

Ja, nu alleen nog wachten tot de standaard overal word aangehouden.

ps That Guy je heb hem wel mooi backward compatible gemaakt!

 

[That Guy]

Ja, nu alleen nog wachten tot de standaard overal word aangehouden.

well, Webkit-browsers (Safari, Chrom(e|ium) en ja, zelfs mn andriod browser) doen al aan placeholder. IE9 en FF4 doen het ook, en van Opera weet ik het niet (maar ik neem aan dat die het (binnenkort) wel heeft).

also, dank je.