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

Button waarde meenemen! (Opgelost)

Chilion - 08/12/2008 12:22
MySQL interesse		Hallo allemaal, ik denk dat ik JavaScript nodig ben voor het volgende: Ik heb deze code: php code - Bekijk de code zonder highlighting - Klap code in <?php echo '<button value="Test 1">Test!</button><br>'; echo '<button value="Test 2">Test 2!</button><br>'; echo '<input type="text" name="test"><br>'; ?> <?php echo '<button value="Test 1">Test!</button><br>'; echo '<button value="Test 2">Test 2!</button><br>'; echo '<input type="text" name="test"><br>'; ?> Wat ik nu wil, is dat wanneer ik op 1 button druk, dat dan in die inputbox er komt te staan wat de value is van die button. Hoe doe ik dit?

15 antwoorden

Gesponsorde links

Martijn - 08/12/2008 12:24 (laatste wijziging 08/12/2008 12:29)
Crew PHP		kun je ook gewoon een linkje van maken met een onClick update je het textfield zn value naar wat je wilt javascript code - Bekijk de code zonder highlighting - Klap code in function code(txt) { value = document.getElementById("txtarea").value + txt document.getElementById("txtarea").value = value } } function code(txt) { value = document.getElementById("txtarea").value + txt document.getElementById("txtarea").value = value } } en dan onclick="code('tekst')". Wel even je input een id geven

Chilion - 08/12/2008 12:33
MySQL interesse		Ik snap helemaal niks van JavaScript, dus wat je daar neer zet ook niet, zou je het heel misschien kunnen verwerken in mijn bovenstaande code? Dan kan ik eens kijken hoe dat gaat! Alvast bedankt!

Martijn - 08/12/2008 12:37
Crew PHP		die functie zet je in <script type...> tags in je head. en dan gewoon <button value="Test 2" onClick="code('hoi')">Test 2!</button><br />

Chilion - 08/12/2008 12:43 (laatste wijziging 08/12/2008 12:44)

MySQL interesse

Ik had via W3 deze code:

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

<?php

echo '<input type="submit" id="field1" value="Test!" onclick="document.getElementById(field2).value=document.getElementById(field1).value">';
echo '<button value="Test 2">Test 2!</button><br>';

echo '<input type="text" id="field2"><br>';

?>

<?php
 
echo '<input type="submit" id="field1" value="Test!" onclick="document.getElementById(field2).value=document.getElementById(field1).value">';
echo '<button value="Test 2">Test 2!</button><br>';
 
echo '<input type="text" id="field2"><br>';
 
?>

Jou code zou dus zo moeten?

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

<?php

echo '<script type = JavaScript>function code(txt) {value = document.getElementById("txtarea").value + txt document.getElementById("txtarea").value = value}
      }</script>';
echo '<button value="Test 2" onClick="code(hoi)">Test 2!</button><br>';
//echo '<input type="submit" id="field1" value="Test!" onclick="document.getElementById(field2).value=document.getElementById(field1).value">';
//echo '<button value="Test 2">Test 2!</button><br>';

echo '<input type="text" id="hoi"><br>';


?>

<?php
 
echo '<script type = JavaScript>function code(txt) {value = document.getElementById("txtarea").value + txt document.getElementById("txtarea").value = value}
      }</script>';
echo '<button value="Test 2" onClick="code(hoi)">Test 2!</button><br>';
//echo '<input type="submit" id="field1" value="Test!" onclick="document.getElementById(field2).value=document.getElementById(field1).value">';
//echo '<button value="Test 2">Test 2!</button><br>';
 
echo '<input type="text" id="hoi"><br>';
 
 
?>

Martijn - 08/12/2008 12:54
Crew PHP		nee, dat eerste stuk meot in je head

Chilion - 08/12/2008 14:59

MySQL interesse

zo?

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

<html>
<head><script type = JavaScript>function code(txt) {value = document.getElementById("txtarea").value + txt document.getElementById("txtarea").value = value}
      }</script></head>
<?php
echo '<button value="Test 2" onClick="code(hoi)">Test 2!</button><br>';
//echo '<input type="submit" id="field1" value="Test!" onclick="document.getElementById(field2).value=document.getElementById(field1).value">';
//echo '<button value="Test 2">Test 2!</button><br>';

echo '<input type="text" id="hoi"><br>';


?>

<html>
<head><script type = JavaScript>function code(txt) {value = document.getElementById("txtarea").value + txt document.getElementById("txtarea").value = value}
      }</script></head>
<?php
echo '<button value="Test 2" onClick="code(hoi)">Test 2!</button><br>';
//echo '<input type="submit" id="field1" value="Test!" onclick="document.getElementById(field2).value=document.getElementById(field1).value">';
//echo '<button value="Test 2">Test 2!</button><br>';
 
echo '<input type="text" id="hoi"><br>';
 
 
?>

Martijn - 08/12/2008 15:07
Crew PHP		nou is t ook handig dat de id waar ie t moet wegschrijven gelijk is aan t id in de functie. spreekt een beetje voor zich

Chilion - 08/12/2008 15:38
MySQL interesse		As i said, geen verstand van JS, waar staat het id? Is dat txt? Chilion

Aar - 08/12/2008 16:21
PHP interesse		Zie regel 9. Daar staat toch echt 'hoi'

henver - 08/12/2008 16:39 (laatste wijziging 09/12/2008 11:25)

HTML gevorderde

Functie:

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

                window.onload=function(){
	var buttons = document.getElementById('my_div').getElementsByTagName('button');
	for (var i=0;i<buttons.length;i++){
		buttons[i].onclick=function(){
			var waarde = this.value;
			document.form.textarea = waarde;
		}
	}
}

            
window.onload=function(){
	var buttons = document.getElementById('my_div').getElementsByTagName('button');
	for (var i=0;i<buttons.length;i++){
		buttons[i].onclick=function(){
			var waarde = this.value;
			document.form.textarea = waarde;
		}
	}
}
 

'Aanroepen':

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

<div id="my_div">
 <button value="Text 1">Test 1</button><br />
 <button value="Text 2">Test 2</button><br />
 <form name="form"><input type="text" name="textarea" /></form>
</div>

<div id="my_div">
 <button value="Text 1">Test 1</button><br />
 <button value="Text 2">Test 2</button><br />
 <form name="form"><input type="text" name="textarea" /></form>
</div>

Ik hebt het niet getest, maar zou wel moeten werken.

Is misschien een omweg met die div, maar op deze manier gaat ie niet alle buttons aanpassen, enkel degene die in de div staan en zo blijft het ook valid.

Chilion - 09/12/2008 10:31
MySQL interesse		Maar, hij moet niet alle buttons aanpassen, hij moet het in de text box zetten.

Erwt - 09/12/2008 10:58

PHP beginner

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 xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Untitled Document</title>
	<script type="text/javascript">
		 function wijzigveld(waarde)
		 {
			  document.getElementById("tekstveld").value = waarde;
		 }
	</script>
</head>
<body>
<input type="button" value="Test" onclick="javascript:wijzigveld(this.value);" />
<input type="button" value="Dit is een test" onclick="javascript:wijzigveld(this.value);" />
<input type="text" id="tekstveld" />
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Untitled Document</title>
	<script type="text/javascript">
		 function wijzigveld(waarde)
		 {
			  document.getElementById("tekstveld").value = waarde;
		 }
	</script>
</head>
<body>
<input type="button" value="Test" onclick="javascript:wijzigveld(this.value);" />
<input type="button" value="Dit is een test" onclick="javascript:wijzigveld(this.value);" />
<input type="text" id="tekstveld" />
</body>
</html>

Bedoelde je dit?

henver - 09/12/2008 11:24
HTML gevorderde		Dat van mij doet net hetzelfde, met het verschil dat de code en de inhoud gescheiden blijven én het blijft valid...

Erwt - 09/12/2008 11:27
PHP beginner		Niet naar vorige code gekeken. Ik zag dat hij bij z'n laatste post nog steeds geen antwoord had dus

Chilion - 09/12/2008 11:30
MySQL interesse		Helemaal goed man! Bedankt!

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten