Beste SiteDeals leden,

Momenteel ben ik bezig met 'een website'.

Ik heb de volgende javascript code:

Code:

<form action="">
                    <input class="input" type="text" name="decoded" value="" onkeyup="this.form.hash.value = MD5(this.form.decoded.value)" style="width: 336px; margin:0 0 10px 0;" />
                    <input class="input" type="text" name="hash" value="" style="width: 336px;" />
                </form>
                <p><script type="text/javascript" src="js/javascript.md5.js"></script></p>

Echter wil ik een tekst in het input veld vertonen die weggaat als je er op klikt, ik weet dat dit moet met "onclick". Maar hoe doe ik dit?

Met vriendelijke groet,

gast14072

http://perishablepress.com/press/wp-...lear-form.html
http://xy.wz.cz/example2/

Dat kan je beter doen met onfocus aangezien mensen ook door middel van de tab op het veld terecht komen.

value="Hier je tekst" onfocus="this.value='';this.onfocus='';"

Hier mee zeg je:
maak de value leeg, vervolgens hoeft de onfocus het ook niet meer te doen,
anders heeft iemand iets ingevuld, wil het wijzigen en -klik- diegene kan alles
weer opnieuw typen.

Origineel gepost door gast2960

Dat kan je beter doen met onfocus aangezien mensen ook door middel van de tab op het veld terecht komen.

value="Hier je tekst" onfocus="this.value='';this.onfocus='';"

Hier mee zeg je:
maak de value leeg, vervolgens hoeft de onfocus het ook niet meer te doen,
anders heeft iemand iets ingevuld, wil het wijzigen en -klik- diegene kan alles
weer opnieuw typen.

Dit werkt niet, enig idee waarom? Het blijft exact hetzelfde als eerst.

Origineel gepost door gast14072

Dit werkt niet, enig idee waarom? Het blijft exact hetzelfde als eerst.

Staat value="" er niet 2x in?

this.value=' '; << die aanhalingstekens zijn beide enkelvoud

Nee, als ik een gewone value invul komt hij er ook niet te staan (zonder onfocus).

Code:

onfocus="this.value=''"

Dit zou moeten werken.

de onkeyup is dan waarschijnlijk de boosdoener. test het anders even zonder onkeyup,
eventueel kan de onkeyup onder een submit / action worden gezet..

als je toevallig jquery gebruikt:

Code:

$('.fieldinlabel').each(function fieldInLabel() {
        var $this = $(this);
        if($this.val() === '') {
            $this.val($this.attr('title'));
        }
        $this.focus(function() {
            if($this.val() === $this.attr('title')) {
                $this.val('');
            }
        });
        $this.blur(function() {
            if($this.val() === '') {
                $this.val($this.attr('title'));
            }
        });
        
    });

Origineel gepost door gast2960

de onkeyup is dan waarschijnlijk de boosdoener. test het anders even zonder onkeyup,
eventueel kan de onkeyup onder een submit / action worden gezet..

Werkt ook niet, hier is het script live in action.

Als je de input hierin verandert, zou die moeten doen wat jij wil.

Code:

<input type="text" value="Voer hier iets in" name="decoded" onFocus="this.value=''" onkeyup="this.form.hash.value = MD5(this.form.decoded.value)" style="width: 336px; margin:0 0 10px 0;"/>

Origineel gepost door Jackie Xu

Als je de input hierin verandert, zou die moeten doen wat jij wil.

Code:

<input type="text" value="Voer hier iets in" name="decoded" onFocus="this.value=''" onkeyup="this.form.hash.value = MD5(this.form.decoded.value)" style="width: 336px; margin:0 0 10px 0;"/>

Echter werkt het script dan niet meer :-(.

Code:

<form action="">
					<input class="input" type="text" name="decoded" value="Test" onfocus="this.value='';this.onfocus='';" onkeyup="this.form.hash.value = MD5(this.form.decoded.value)" style="width: 336px; margin:0 0 10px 0;" />
					<input class="input" type="text" name="hash" value="" style="width: 336px;" />
				</form>

Heb een test bestand gemaakt, maar deze code werkt gewoon bij mij?

Ter illustratie heb ik de pagina van de thread-starter even overgenomen.
Hier de aanpassing:
http://jackiexu.nl/test.html

Dit werkt geloof ik naar wens?

--Deze pagina blijft online tot de thread-starter het probleem opgelost heeft, of tot zes uren voorbij zijn.
--Pagina verwijderd.

Ja, hij doet het nu inderdaad wel! Hartelijk dank!
Aanvullend bericht:
Heb het bij de output nu ook toegepast ter verduidelijking. Echter is het zo dat als je op de box klikt om de code te kopiëren dat hij leeg word (zie hier).

Iemand een idee hoe ik dit kan tegengaan?