Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Inhoud veld weghalen (Opgelost)

thomasje - 14/04/2009 19:11
MySQL beginner		Ik heb weleens website's gezien met tekstvelden waar commentaar instond en zodra je dan zelf wat in het veld wilt typen het verdwijnt. Nu loop ik al een tijdje te zoeken maar kan nergens wat vinden ook niet op google. Heeft iemand dus de oplossing hoe je zoiets maak? Volgens mij moet het met Javascript kunnen, vandaar dat het hier staat.

10 antwoorden

Gesponsorde links

Threetimes - 14/04/2009 19:17
PHP beginner		html4strict code - Bekijk de code zonder highlighting - Klap code in <input type="text" value="hallo" onchange="this.value=''"> <input type="text" value="hallo" onchange="this.value=''">

thomasje - 14/04/2009 19:20
MySQL beginner		Bedankt voor je reactie! Maar kan je dit nu ook bij een textarea doen, en zo ja hoe?

Threetimes - 14/04/2009 19:29 (laatste wijziging 14/04/2009 19:32)

PHP beginner

html4strict code - Bekijk de code zonder highlighting - Klap code in

<textarea onclick="this.value=''">hallo</textarea>

<textarea onclick="this.value=''">hallo</textarea>

Maar let wel op, als iemand z'n eigen tekst wil bewerken verdwijnt dat ook!

Oplossing:

html4strict code - Bekijk de code zonder highlighting - Klap code in

<body onload="veranderd=false"><!-- kan ook ergens anders staan -->

<textarea onclick="if (veranderd==false){this.value=''; veranderd=true}">hallo</textarea>

<body onload="veranderd=false"><!-- kan ook ergens anders staan -->
 
<textarea onclick="if (veranderd==false){this.value=''; veranderd=true}">hallo</textarea>

thomasje - 14/04/2009 19:30 (laatste wijziging 14/04/2009 19:33)
MySQL beginner		nee helaas dat werkt niet. Het probleem is dat hij het laat staan en zodra je op een ander veld klik alle tekst weg gaat.

Threetimes - 14/04/2009 19:31
PHP beginner		thomasje schreef: nee helaas dat werkt niet, ik had dat ook al zo geprobeerd. Het probleem is dat hij het laat staan en zodra je op een ander veld klik alle tekst weg gaat. Zie m'n edit, je hebt wat gemist

thomasje - 14/04/2009 19:34
MySQL beginner		Nee ik heb nu weer getest en hij blijft de tekst weergeven. Ik heb overigens twee textarea velden op de pagina.

Threetimes - 14/04/2009 19:42 (laatste wijziging 14/04/2009 19:56)

PHP beginner

thomasje schreef:

Nee ik heb nu weer getest en hij blijft de tekst weergeven.

Ik heb overigens twee textarea velden op de pagina.

dan heb je 2 aparte variabelen nodig. Ik zou meteen alles wat uitgebreider maken.

html4strict code - Bekijk de code zonder highlighting - Klap code in

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>hoi</title>
<script type="text/javascript">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>hoi</title>
<script type="text/javascript">

javascript code - Bekijk de code zonder highlighting - Klap code in

                begintekst = new Array("een","twee","drie","vier","vijf","zes");

for(i=1;i<=begintekst.length;i++)
{
  document.getElementById(i).value=begintekst[i]; // de fout
}

function klik(nummer)
{
  if (document.getElementById(nummer).value==begintekst[nummer])
  {
    document.getElementById(nummer).value="";
  }
}

            
begintekst = new Array("een","twee","drie","vier","vijf","zes");
 
for(i=1;i<=begintekst.length;i++)
{
  document.getElementById(i).value=begintekst[i]; // de fout
}
 
function klik(nummer)
{
  if (document.getElementById(nummer).value==begintekst[nummer])
  {
    document.getElementById(nummer).value="";
  }
}
 

html4strict code - Bekijk de code zonder highlighting - Klap code in

</script>
</head>
<body>
<textarea id="1" onclick="klik(1)"></textarea><br>
<textarea id="2" onclick="klik(2)"></textarea><br>
<textarea id="3" onclick="klik(3)"></textarea><br>
<textarea id="4" onclick="klik(4)"></textarea><br>
<textarea id="5" onclick="klik(5)"></textarea><br>
<textarea id="6" onclick="klik(6)"></textarea><br>
</body>
</html>

</script>
</head>
<body>
<textarea id="1" onclick="klik(1)"></textarea><br>
<textarea id="2" onclick="klik(2)"></textarea><br>
<textarea id="3" onclick="klik(3)"></textarea><br>
<textarea id="4" onclick="klik(4)"></textarea><br>
<textarea id="5" onclick="klik(5)"></textarea><br>
<textarea id="6" onclick="klik(6)"></textarea><br>
</body>
</html>

Edit: hmzzz... een fout... Iemand een idee?

Citaat:

JavaScript - file://localhost/tmp/test1.html
Inline script thread
Error:
name: TypeError
message: Statement on line 6: Cannot convert undefined or null to Object
Backtrace:
Line 6 of inline#1 script in file://localhost/tmp/test1.html
document.getElementById(i).value=begintekst[i];
stacktrace: ...

Edit:

javascript code - Bekijk de code zonder highlighting - Klap code in

                  document.getElementById(String(i)).value=begintekst[i];

document.getElementById(String(i)).value=begintekst[i];

helpt niet...

Koen - 14/04/2009 20:00
PHP expert		http://www.site...1#id215919

Threetimes - 14/04/2009 20:02
PHP beginner		Ik kende .defaultValue niet als ik dat wist...

thomasje - 14/04/2009 20:13
MySQL beginner		Allemaal thanks voor de reacties.

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten