inspiron: Mit Button Text und Color ändern

Beitrag lesen

Nun möchte ich mit der Maus in ein Textfeld klicken und dann mit einem Button diese mit Text und Farbe füllen.

also gibt es Text nur aus einer begrenzten Auswahl? Warum dann nicht eine http://de.selfhtml.org/html/formulare/auswahl.htm@title=Auswahlliste?

Es müssen unbedingt Button sein!

<html>
<head>
<script language="JavaScript">

hier fehlt das type-Attribut, language ist dagegen überflüssig

function chC(id,cL)

wird die Funktion je aufgerufen?

  if(document.getElementById(id).name != '1')  

wieso missbrauchst du hier das name-Attribut?

<input type="text" value="<?$text1?>" id="neu1">
<input type="text" value="<?$text2?>" id="neu2">
<input type="text" value="<?$text3?>" id="neu3">
 .
 .
 .
<input type="text" value="<?$text450?>" id="neu450">

Eine id ist einmalig! Sie darf also nicht vier mal vorkommen.

<input type="button" onclick="document.getElementById('neu').style.backgroundColor = 'yellow';" value="Gelb">

entsprechend mus sich der Browser hier für eins der vier Elemente mit gleicher Id entscheiden.

</body>
</html>

nochmals html, head, title?

kopierfehler, ist es mal nur mein Testbeispiel

  
Ich möchte irgendein Textfeld "mit der Maus anklicken" danach ein Button "Dienst1" oder...., es soll dann der Text un eine vorgegebene Hintergrundfarbe eingetragen werden. Ich weiß nich wie ich das zusammen hinbekommen soll!  
  
  
~~~html
  
<script language="JavaScript">  
<!--  
function chC(id,cL)  
		{  
	  
		//wenn Style noch nicht gesetzt  
		if(document.getElementById(id).name != '1')  
			{  
			  
			document.getElementById(id).style.backgroundColor = cL;  
			document.getElementById(id).name = '1';  
			}  
			else if(document.getElementById(id).name = '1'){  
			  
			document.getElementById(id).style.backgroundColor = '';  
			document.getElementById(id).name = '0';  
			}  
		}  
function textWechsel(neuerText)  
    {  
   document.getElementById("textfeld").value = neuerText;  
    }  
//-->  
</script>  
<input type="button" name="text" value="U" onClick="textWechsel(this.value)">  
<input type="button" name="text" value="Frei" onClick="textWechsel(this.value)"><br><br>  
<input type="button" name="text" value="Dienst1" onClick="textWechsel(this.value)">  
<input type="button" name="text" value="Dienst2" onClick="textWechsel(this.value)">  
<input type="button" name="text" value="Dienst3" onClick="textWechsel(this.value)">  
<input type="button" name="text" value="Dienst4" onClick="textWechsel(this.value)">  
<input type="button" name="text" value="Dienst5" onClick="textWechsel(this.value)">  
<input type="button" name="text" value="Dienst6" onClick="textWechsel(this.value)">  
<input type="button" name="text" value="Dienst7" onClick="textWechsel(this.value)">  
<input type="button" name="text" value="Dienst8" onClick="textWechsel(this.value)">  
<input type="button" name="text" value="Dienst9" onClick="textWechsel(this.value)">  
<input type="button" name="text" value="Dienst10" onClick="textWechsel(this.value)"><br><br>  
  
<input type="button" onclick="document.getElementById('neu1').style.backgroundColor = 'yellow';" value="Gelb">  
<input type="button" onclick="document.getElementById('neu2').style.backgroundColor = 'red';" value="Rot">  
<input type="button" onclick="document.getElementById('neu3').style.backgroundColor = 'green';" value="Grün">  
<input type="button" onclick="document.getElementById('neu4').style.backgroundColor = 'blue';" value="Blau">  
<input type="button" onclick="document.getElementById('neu5').style.backgroundColor = '';" value="Reset">