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

Tekst sturen naar een textbox

Babak - 19/10/2012 21:47
MySQL 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

lolll - 20/10/2012 17:13

Lid

In je html zet je volgende code voor de links en voor de textboxen (met de id altijd plus 1):

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

<a onclick="klikje(this)">Naam vd link</a>
....
<input type="text" id="textbox1" value="" />
<input type="text" id="textbox2" value="" />
....

<a onclick="klikje(this)">Naam vd link</a>
....
<input type="text" id="textbox1" value="" />
<input type="text" id="textbox2" value="" />
....

En bovenaan in je head voeg je een script tag toe met volgende code:

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

                var i = 1;
function klikje(link){
   if(i<=10)
      document.getElementById("textbox" + i).value=link.innerText;
}

            
var i = 1;
function klikje(link){
   if(i<=10)
      document.getElementById("textbox" + i).value=link.innerText;
}
 

Niet getest, maar zou denk ik wel moeten werken

Lolll

Babak - 20/10/2012 19:57 (laatste wijziging 20/10/2012 20:20)
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?

lolll - 21/10/2012 10:38 (laatste wijziging 21/10/2012 10:38)
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?

Babak - 21/10/2012 14:53 (laatste wijziging 21/10/2012 14:56)
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.

lolll - 22/10/2012 16:05

Lid

Dan laat je je <a> tag gewoon zo en plaats je de onclick="klikje(this)" bij de td:

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

<td onclick="klikje(this)"><a>1</a></td>

<td onclick="klikje(this)"><a>1</a></td>

En je js wordt dan ongeveer zo:

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

                var i = 1;
function klikje(td){
   if(i<=10 && td.style.backgroundColor!='red'){
      document.getElementById("textbox" + i).value=td.childNodes[0].innerText;
      td.style.backgroundColor='red';
      i++;
   }
}

            
var i = 1;
function klikje(td){
   if(i<=10 && td.style.backgroundColor!='red'){
      document.getElementById("textbox" + i).value=td.childNodes[0].innerText;
      td.style.backgroundColor='red';
      i++;
   }
}
 

Gesponsorde links

Je moet ingelogd zijn om een reactie te kunnen posten.

Actiefste leden van de maand

Actieve forumberichten