function AddText will nicht so wie ich

schutzgeist

schutzgeist

Erfahrenes Mitglied
Halli Hallo

Ich hab von JavaScript leider nur den Hauch einer Ahnung und das scheint mir nun zum Verhängnis zu werden :-)

Ich hab ein Formular, dass mir beim Klick auf ein Bild etwas in ein Textfeld schreiben soll.
Hab ich ein Textfeld klappt das prima..
Nun hab ich allerdings 2. Klick ich nun auf eines der Bilder für das Obere, ändert sich das Textfeld des unteren :eek:
Da ich das gleiche noch für ein paar mehr Felder in meiner Seite einsetzen wollte, ist es nun natürlich extrem ungeschickt, wenn es nicht das ändert, was es soll :suspekt:

Hier mal mein Code:
Code: 
<SCRIPT LANGUAGE="JavaScript">
function AddText(NewCode) {
document.settings.sitetitlecolor.value=NewCode
}
function schwarz() {
AddTxt="#000000";
AddText(AddTxt);
}
function weiß() {
AddTxt="#FFFFFF";
AddText(AddTxt);
}
function dunkelblau() {
AddTxt="#000066";
AddText(AddTxt);
}
function gelb() {
AddTxt="#FFFF00";
AddText(AddTxt);
}
function dunkelgrau() {
AddTxt="#666666";
AddText(AddTxt);
}
function hellblau() {
AddTxt="#99CCFF";
AddText(AddTxt);
}
function hellgrau() {
AddTxt="#CCCCCC";
AddText(AddTxt);
}
function stahlblau() {
AddTxt="#336699";
AddText(AddTxt);
}
[...]
function dunkelrot() {
AddTxt="#990000";
AddText(AddTxt);
}
function dunkelgruen() {
AddTxt="#336633";
AddText(AddTxt);
}
function gruen() {
AddTxt="#66CC33";
AddText(AddTxt);
}
</script>
<SCRIPT LANGUAGE="JavaScript">
function AddText(NewCode) {
document.settings.sitecolor.value=NewCode
}
function schwarz() {
AddTxt="#000000";
AddText(AddTxt);
}
[...]
function hellgruen() {
AddTxt="#00FF33";
AddText(AddTxt);
}
function orange() {
AddTxt="#FF9900";
AddText(AddTxt);
}
function limette() {
AddTxt="#CCFF66";
AddText(AddTxt);
}
function hellrot() {
AddTxt="#FF3333";
AddText(AddTxt);
}
function hellgelb() {
AddTxt="#FFFF66";
AddText(AddTxt);
}
function dunkelrot() {
AddTxt="#990000";
AddText(AddTxt);
}
function dunkelgruen() {
AddTxt="#336633";
AddText(AddTxt);
}
function gruen() {
AddTxt="#66CC33";
AddText(AddTxt);
}
</script>

dazu gleich die nächste Frage:
Kann ich da auch irgendwie die fields zusammenfassen? Dass es eben nicht so ein ewig langer Code wird ^^

So und nun noch mein Formular:
Code: 
<form action="#.asp" method="post" name="settings" id="settings">
<input type="hidden" name="siteid" value="<%=id%>">
        <table border="2" cellpadding="6" cellspacing="0" bordercolor="silver" align="center">
<tr> 
            <td class="white">Seitentitelfarbe</td>
            <td><input name="sitetitlecolor" type="text" class="cssborder" value="<%=sitetitlecolor%>" size="8"> 
              </td>
            <td><!-- #INCLUDE FILE="colors.asp" --></td>
          </tr>
          <tr> 
            <td class="white">Seitenfarbe</td>
            <td><input name="sitecolor" type="text" class="cssborder" value="<%=sitecolor%>" size="8"> 
              </td>
            <td><!-- #INCLUDE FILE="colors.asp" --></td>
          </tr>
</tabel>
<input type="submit" value="Enter" class="cssborder">
</form>

meine colors.asp:
Code: 
<A href='javascript:schwarz();'><img src='../colors/schwarz.png' alt='schwarz' width="12" height="12" border='0'></a> 
<A href='javascript:weiss();'><img src='../colors/weiss.png' alt='weiss' width="12" height="12" border='0'></a> 
<A href='javascript:dunkelblau();'><img src='../colors/dunkelblau.png' alt='dunkelblau' width="12" height="12" border='0'></a> 
<A href='javascript:gelb();'><img src='../colors/gelb.png' alt='gelb' width="12" height="12" border='0'></a>
...

bin für jede Hilfe dankbar :)
 
Hi,

du könntest die vielen kleinen Funktionen zu einer allgemeinen zusammenfassen. Diese Routine
(AddText(strElement, NewCode)) erwartet zwei Parameter:
  1. Name des Formularfeldes
  2. Wert, der in das Textfeld eingetragen werden soll (hier: Farbwert)
Der folgende Quellcode verdeutlicht die Vorgehensweise.
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>www.tutorials.de</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Quaese" />
<script language="javascript" type="text/javascript">
<!--
function AddText(strElement, NewCode){
  document.settings.elements[strElement].value = NewCode;
}
//-->
</script>
<body>
<form action="#.asp" method="post" name="settings" id="settings">
  <input type="hidden" name="siteid" value="<%=id%>">
  <table border="2" cellpadding="6" cellspacing="0" bordercolor="silver" align="center">
    <tr>
      <td class="white">Seitentitelfarbe</td>
      <td><input name="sitetitlecolor" type="text" class="cssborder" value="<%=sitetitlecolor%>" size="8"></td>
      <td><!-- #INCLUDE FILE="colors.asp" --></td>
    </tr>
    <tr>
      <td class="white">Seitenfarbe</td>
      <td><input name="sitecolor" type="text" class="cssborder" value="<%=sitecolor%>" size="8"></td>
      <td><!-- #INCLUDE FILE="colors.asp" --></td>
    </tr>
  </table>
  <input type="submit" value="Enter" class="cssborder">
</form>

<div>
  Seitentitelfarbe:
  <a href="javascript:AddText('sitetitlecolor', '#000000');"><img src='../colors/schwarz.png' alt='schwarz' width="12" height="12" border='0'></a>
  <a href="javascript:AddText('sitetitlecolor', '#ffffff');"><img src='../colors/weiss.png' alt='weiss' width="12" height="12" border='0'></a>
  <a href="javascript:AddText('sitetitlecolor', '#000066');"><img src='../colors/dunkelblau.png' alt='dunkelblau' width="12" height="12" border='0'></a>
  <a href="javascript:AddText('sitetitlecolor', '#FFFF00');"><img src='../colors/gelb.png' alt='gelb' width="12" height="12" border='0'></a>
</div>
<div>
  Seitenfarbe:
  <a href="javascript:AddText('sitecolor', '#000000');"><img src='../colors/schwarz.png' alt='schwarz' width="12" height="12" border='0'></a>
  <a href="javascript:AddText('sitecolor', '#ffffff');"><img src='../colors/weiss.png' alt='weiss' width="12" height="12" border='0'></a>
  <a href="javascript:AddText('sitecolor', '#000066');"><img src='../colors/dunkelblau.png' alt='dunkelblau' width="12" height="12" border='0'></a>
  <a href="javascript:AddText('sitecolor', '#FFFF00');"><img src='../colors/gelb.png' alt='gelb' width="12" height="12" border='0'></a>
</div>
</body>
</html>
Vielleicht hilft dir das weiter.

Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück