onclick textarea ändern

[deintag85]

Hallo,

ich benötige eine praktischere Lösung als die die ich bisher habe.

<script language="javascript">
		function check(color){
		document.getElementById('radio_'+color).checked = true;
		switch(color){
		
		case "green":
		xtended = "<textarea rows=\"5\" class=\"code\">&lt;script type=\"text/javascript\" src=\"http://www.domainname.de/<? echo $page; ?>?u=<?php echo $newid; ?>&amp;color=green\"&gt;&lt;/script&gt;&lt;noscript&gt;&lt;a href=\"<?php echo $page2; ?>\" target=\"_blank\"&gt;&lt;img src=\"http://www.domainname.de/count.php?u=<?php echo $newid; ?>&amp;color=green\" alt=\"\" border=\"0\" /&gt;&lt;/a&gt;&lt;/noscript&gt;</textarea>";break;
		
		case "black":
		xtended = "<textarea rows=\"5\" class=\"code\">&lt;script type=\"text/javascript\" src=\"http://www.domainname.de/<? echo $page; ?>?u=<?php echo $newid; ?>&amp;color=black\"&gt;&lt;/script&gt;&lt;noscript&gt;&lt;a href=\"<?php echo $page2; ?>\" target=\"_blank\"&gt;&lt;img src=\"http://www.domainname.de/count.php?u=<?php echo $newid; ?>&amp;color=black\" alt=\"\" border=\"0\" /&gt;&lt;/a&gt;&lt;/noscript&gt;</textarea>";break;
		
		case "blue":
		xtended = "<textarea rows=\"5\" class=\"code\">&lt;script type=\"text/javascript\" src=\"http://www.domainname.de/<? echo $page; ?>?u=<?php echo $newid; ?>&amp;color=blue\"&gt;&lt;/script&gt;&lt;noscript&gt;&lt;a href=\"<?php echo $page2; ?>\" target=\"_blank\"&gt;&lt;img src=\"http://www.domainname.de/count.php?u=<?php echo $newid; ?>&amp;color=blue\" alt=\"\" border=\"0\" /&gt;&lt;/a&gt;&lt;/noscript&gt;</textarea>";break;
		
		case "red":
		xtended = "<textarea rows=\"5\" class=\"code\">&lt;script type=\"text/javascript\" src=\"http://www.domainname.de/<? echo $page; ?>?u=<?php echo $newid; ?>&amp;color=red\"&gt;&lt;/script&gt;&lt;noscript&gt;&lt;a href=\"<?php echo $page2; ?>\" target=\"_blank\"&gt;&lt;img src=\"http://www.domainname.de/count.php?u=<?php echo $newid; ?>&amp;color=red\" alt=\"\" border=\"0\" /&gt;&lt;/a&gt;&lt;/noscript&gt;</textarea>";break;
		
		case "grey":
		xtended = "<textarea rows=\"5\" class=\"code\">&lt;script type=\"text/javascript\" src=\"http://www.domainname.de/<? echo $page; ?>?u=<?php echo $newid; ?>&amp;color=grey\"&gt;&lt;/script&gt;&lt;noscript&gt;&lt;a href=\"<?php echo $page2; ?>\" target=\"_blank\"&gt;&lt;img src=\"http://www.domainname.de/count.php?u=<?php echo $newid; ?>&amp;color=grey\" alt=\"\" border=\"0\" /&gt;&lt;/a&gt;&lt;/noscript&gt;</textarea>";break;
		
		case "pink":
		xtended = "<textarea rows=\"5\" class=\"code\">&lt;script type=\"text/javascript\" src=\"http://www.domainname.de/<? echo $page; ?>?u=<?php echo $newid; ?>&amp;color=pink\"&gt;&lt;/script&gt;&lt;noscript&gt;&lt;a href=\"<?php echo $page2; ?>\" target=\"_blank\"&gt;&lt;img src=\"http://www.domainname.de/count.php?u=<?php echo $newid; ?>&amp;color=pink\" alt=\"\" border=\"0\" /&gt;&lt;/a&gt;&lt;/noscript&gt;</textarea>";break;
		
		case "orange":
		xtended = "<textarea rows=\"5\" class=\"code\">&lt;script type=\"text/javascript\" src=\"http://www.domainname.de/<? echo $page; ?>?u=<?php echo $newid; ?>&amp;color=orange\"&gt;&lt;/script&gt;&lt;noscript&gt;&lt;a href=\"<?php echo $page2; ?>\" target=\"_blank\"&gt;&lt;img src=\"http://www.domainname.de/count.php?u=<?php echo $newid; ?>&amp;color=orange\" alt=\"\" border=\"0\" /&gt;&lt;/a&gt;&lt;/noscript&gt;</textarea>";break;
		
		case "yellow":
		xtended = "<textarea rows=\"5\" class=\"code\">&lt;script type=\"text/javascript\" src=\"http://www.domainname.de/<? echo $page; ?>?u=<?php echo $newid; ?>&amp;color=yellow\"&gt;&lt;/script&gt;&lt;noscript&gt;&lt;a href=\"<?php echo $page2; ?>\" target=\"_blank\"&gt;&lt;img src=\"http://www.domainname.de/count.php?u=<?php echo $newid; ?>&amp;color=yellow\" alt=\"\" border=\"0\" /&gt;&lt;/a&gt;&lt;/noscript&gt;</textarea>";break;	
	
		break;
		}
		document.getElementById("austausch").innerHTML = xtended;
		}
		</script>

Das war die Javascriptfunction und hier wird nun der textinhalt ausgetauscht.

            <div id="austausch">
                <textarea rows="5" class="code"><script type="text/javascript" src="http://www.domainname.de/<? echo $page; ?>?u=<?php echo $newid; ?>&amp;color=black"></script><noscript><a href="<?php echo $page2; ?>" target="_blank"><img src="http://www.domainname.de/count.php?u=<?php echo $newid; ?>&amp;color=black" alt="" border="0" /></a></noscript></textarea>
            </div>

Wie es aussieht und wie ich es gern hätte:

Ich habe verschiedene Radiobuttons + Grafiken. Je nachdem auf welche Grafik dem damit verbundenen Radiobutton man klickt soll der Text oder gar nur ein Teil des Textes geändert werden. Man muss ja eventuell nicht den ganzen Code immer wieder und wieder schreiben in einer switch-case-function, sondern kann sagen "dass ist der code und ändern mir hier die eine GET_Passage".

Wie mach ich das? Ich hab den obrigen Code vor Jahren mal zusammengebastelt, habe aber jedoch keinerlei richtige Erfahrung in JS. Kann mir jemand abhelfen oder sagen wie ich das machen kann, oder wo man sich informieren kann wie man das macht?

Liebe Grüße

 

[Sven Mintel]

Moin,

nehme ein bestehendes Textarea und weise dessen value-Eigenschaft den gewünschten String zu.

Die ganze switch/case-Sache kannst du dir eigentlich auch sparen, denn ich nehme mal an, die bestimmst, was da als color übergeben werden kann, und kannst diesen Wert somit "ungeprüft" in den String einbauen.