login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Tekst sturen naar een textbox

Offline Babak - 19/10/2012 21:47
Avatar van BabakMySQL interesse Beste mensen,

heb een link, als er op geklikt word, moet de naam van de link komen in een textbox.

Nu is het zo dat ik 10 textboxen heb.

Op de pagina zijn 80 'links'. Als ik op een link klik, moet ie in de 1e textbox. 2e link naar 2e textbox etc.

Hoe kan ik dit het beste doen?

bVD

5 antwoorden

Gesponsorde links
Offline lolll - 20/10/2012 17:13
Avatar van lolll Lid In je html zet je volgende code voor de links en voor de textboxen (met de id altijd plus 1):
  1. <a onclick="klikje(this)">Naam vd link</a>
  2. ....
  3. <input type="text" id="textbox1" value="" />
  4. <input type="text" id="textbox2" value="" />
  5. ....

En bovenaan in je head voeg je een script tag toe met volgende code:
  1. var i = 1;
  2. function klikje(link){
  3. if(i<=10)
  4. document.getElementById("textbox" + i).value=link.innerText;
  5. }

Niet getest, maar zou denk ik wel moeten werken 

Lolll
Offline Babak - 20/10/2012 19:57 (laatste wijziging 20/10/2012 20:20)
Avatar van Babak MySQL interesse Het is wel wat ik bedoel, thanks.

Maar als ik nu op de link klik, krijg ik een value in de textbox 'undefined'...?

Edit heb het opgelost: heb inner.HTML gebruikt.

Heb ook $i++ gebruikt, dus nu werkt ie perfect.

Misschien nog een opstapje naar hoe ik de table TD ook kan veranderen van kleur, als er op t nummer word geklikt?
Offline lolll - 21/10/2012 10:38 (laatste wijziging 21/10/2012 10:38)
Avatar van lolll Lid Juist, was de i++ vergeten

En wat bedoel je met TD? Zit elke link/nummer in een aparte cel? Of zie ik dit verkeerd?
Offline Babak - 21/10/2012 14:53 (laatste wijziging 21/10/2012 14:56)
Avatar van Babak MySQL interesse Ja elk nummer zit in een aparte cel.

Eigenlijk wou ik het zo hebben dat er op de TD geklikt word, en dus niet op de link/nummer zelf. Want nu moet je precies op de nummer staan met je muis.

En als er op de cel geklikt word, moet de achtergrond kleur veranderd worden.. zodat men weet welk nummer al gekozen is. En elk nummer mag niet 2x gekozen worden.
Offline lolll - 22/10/2012 16:05
Avatar van lolll Lid Dan laat je je <a> tag gewoon zo en plaats je de onclick="klikje(this)" bij de td:
  1. <td onclick="klikje(this)"><a>1</a></td>

En je js wordt dan ongeveer zo:
  1. var i = 1;
  2. function klikje(td){
  3. if(i<=10 && td.style.backgroundColor!='red'){
  4. document.getElementById("textbox" + i).value=td.childNodes[0].innerText;
  5. td.style.backgroundColor='red';
  6. i++;
  7. }
  8. }
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.165s