Voorbeeldtekst in textveld verwijderen na muisklik - Softwareontwikkeling

zondag 16 december 2001 14:22

Acties:

Verwijderd

Topicstarter

In de nieuwe opzet van mijn site, komt linksboven een zoekform+button. Nu wil ik in het invoerveld "Uw zoekterm" hebben staan. Nog mooier is het dat als je dan klikt daarop dat dat verdwijnt en dat de bezoeker dan zijn/haar zoekterm in kan vullen. Net zoals bij Smallzine bij hun nieuwsbrief.
Tot nu toe heb ik onderstaande code. Maar dit werkt niet.

Dit heb ik tot nu toe in de <head> sectie:

code:

<script language="JavaScript">
  function ClearNow() {
   if (document.zoek.sp-q.value == "Uw zoekterm")
     {
    document.zoek.sp-q.value = "";
     }
  }
</script>

En dan heb ik dit in het zoekgedeelte:

code:

<form method="get" name="zoek" action="http://search.atomz.com/search/">
<INPUT TYPE='TEXT' class="zoeken" name='sp-q' SIZE='10' value='Uw zoekterm' Onfocus='ClearNow();'>
<input type=submit class="verstuur" onfocus="this.blur()" value="Zoeken">
<input type=hidden name="sp-a" value="sp1000ba52"></form>

Ik weet alleen niet wat ik fout doe. Misschien komt dat ook wel omdat ik er niet zo heel veel verstand van heb

url: http://www.accountantsonline.nl/nieuw/

zondag 16 december 2001 14:26

Acties:

r0bert

Zet 't script niet in je <head> maar in je <body>

zondag 16 december 2001 14:28

Acties:

Verwijderd

er mag geen - in de naam zitten (logisch toch?)

Op zondag 16 december 2001 14:26 schreef r0bert het volgende:
Zet 't script niet in je <head> maar in je <body>

Dat is onzin.

zondag 16 december 2001 14:34

Acties:

Verwijderd

Topicstarter

Als die "-"-jes het probleem zijn, is het probleem onoplosbaar, want die worden door Atomz gebruikt.

Dus ik denk dat ik dat niet kan veranderen

zondag 16 december 2001 14:38

Acties:

Verwijderd

het gaat mis door dit stukje, neem ik aan:

code:

1	document.zoek.sp-q.value

het wordt opgevat als

code:

1	document.zoek.sp - q.value

De browser ziet dit als q.value aftrekken van document.zoek.sp
Waarschijnlijk krijg je de foutmelding:
q is not an object
of iets dergelijks?

zondag 16 december 2001 14:39

Acties:

r0bert

Op zondag 16 december 2001 14:28 schreef Cheatah het volgende:
er mag geen - in de naam zitten (logisch toch?)
[..]

Dat is onzin.

Hmm ja .. maar k kon niks anders vinden. Dat van die '-'- wist ik niet

zondag 16 december 2001 15:50

Acties:

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

wat dacht je van onClick="this.value=''"

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

zondag 16 december 2001 15:52

Acties:

Verwijderd

Op zondag 16 december 2001 15:50 schreef Prammenhanger het volgende:
wat dacht je van onClick="this.value=''"

Dat is irritant, als je iets heb ingevuld en je verandert het, dan is het veld weer leeg...

Daarom heeft C_C_dinges het zo gedaan

zondag 16 december 2001 15:58

Acties:

Verwijderd

Topicstarter

Ik heb het ook al geprobeerd door het streepje weg te halen, maar dan werkt dus de zoekmachine niet meer.

Bestaat er geen andere mogelijkheid om dit te doen?

zondag 16 december 2001 16:29

Acties:

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

onfocus="this.value=''"

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

zondag 16 december 2001 17:01

Acties:

crisp

Devver

Pixelated

code:

1	onFocus="if (this.value=='Uw zoekterm') this.value='';"

Intentionally left blank

zondag 16 december 2001 17:23

Acties:

Verwijderd

Topicstarter

Ik heb nu al vele mogelijkheden geprobeerd, maar ik kom er niet uit.

De foutmelding die Cheatah noemt, heb ik inderdaad gehad.

Ik denk dat ik er maar mee stop.
Bezoekers kunnen zelf ook wel de tekst weghalen. Ik denk dat het nu ook wel duidelijk is.

Iig bedankt voor alle nuttige info.

zondag 16 december 2001 17:28

Acties:

crisp

Devver

Pixelated

Op zondag 16 december 2001 17:23 schreef C_C_D_C het volgende:
Ik heb nu al vele mogelijkheden geprobeerd, maar ik kom er niet uit.

De foutmelding die Cheatah noemt, heb ik inderdaad gehad.

Ik denk dat ik er maar mee stop.
Bezoekers kunnen zelf ook wel de tekst weghalen. Ik denk dat het nu ook wel duidelijk is.

Iig bedankt voor alle nuttige info.

Die van mij werkt toch echt wel hoor.
Je kan trouwens beter iets consistenter met ' en " worden...

Intentionally left blank

zondag 16 december 2001 17:32

Acties:

Verwijderd

Topicstarter

code:

<script language="JavaScript">
  function ClearNow() {
onFocus="if (this.value=='Uw zoekterm') this.value='';"
  }
</script>

Moet het dan op bovenstaande manier?

[edit]
En dan "this" veranderen in "sp-q".
Zoals dat bij de code van Atomz hoort? (zie mijn eerste post)

zondag 16 december 2001 17:33

Acties:

Pelle

🚴‍♂️

* Pelle denkt dat dit helemaal geen moeilijk scriptje is

De eerste de beste JS-n00b zou dit toch zo op moeten kunnen lossen? Enniewee, zie http://www.vergouwenoverduin.nl/ ; daar heb ik een keer zo'n scriptje voor geschreven.

Het idee is als volgt: maak een variabele aan, zet 'm op 0, en als dat formfield focus krijgt, wordt er gekeken hoe vaak dat is gebeurt, en als dat de eerste keer is dan maakt hij hem leeg, anders niet.

Sim-pel.

/edit
Het kan volgens mij nog veel makkelijker:
_{niet getest though}

code:

1	<input type="text" value="melp" onFocus="if (++j < 2) this.value='';">

zondag 16 december 2001 17:38

Acties:

crisp

Devver

Pixelated

Op zondag 16 december 2001 17:32 schreef C_C_D_C het volgende:
code:
1
2
3
4
5
<script language="JavaScript">
  function ClearNow() {
onFocus="if (this.value=='Uw zoekterm') this.value='';"
  }
</script>
Moet het dan op bovenstaande manier?

[edit]
En dan "this" veranderen in "sp-q".
Zoals dat bij de code van Atomz hoort? (zie mijn eerste post)

Nee, gewoon zonder functie:

code:

1	<input type="text" class="zoeken" name="sp-q" size="10" value="Uw zoekterm" onFocus="if (this.value=='Uw zoekterm') this.value='';">

Intentionally left blank

zondag 16 december 2001 17:40

Acties:

Verwijderd

Topicstarter

nu doet ie het inderdaad wel.
ik heb de code van http://www.vergouwenoverduin.nl/ ff bekeken en aangepast. Dat ging in 1x goed.

Toch blijf ik hier een n00b in

Mega bedankt Pelle !! (en de rest natuurlijk, die was ik ff vergeten !!)