ReadOnly deaktivieren

Unregistriert

Hallo zusammen

Ich habe ein Problem wofür ich keine Lösung finde und auch durch Suchen nicht weiter gekommen bin.
Ich habe eine Tabelle voller Textfelder die ReadOnly sind. Nun gibt es einen Editbutton der onclick eine Javascript Funktion aufrufen soll die das ReadOnly deaktivieren soll. Leider gibt es wie ich schon mehrmals gelesen habe für das ReadOnly nur true und kein false...
Was ich mir nun überlegt habe wäre 2 verschiedene Elemente zu erstellen. Eines davon type=hidden und nicht ReadOnly das andere type=text und ReadOnly. Jetzt soll eine Javascript Funktion die beiden Eigenschaften von type vertauschen. So dass jetzt das type=hidden in type=text und umgekehrt geändert wird.

Leider habe ich aber nur sehr beschränkt Ahnung von Javascript und komme nicht weiter.
Habs schon mit document.FORMNAME.getElementsByTagName usw. versucht aber bin bisher nicht weitergekommen. Auch wenn es wahrscheinlich Javascript Grundlagen wären...

Bitte helft mir

synaptic

ja dann gib doch mal den code her, den du bisher hast

und es reicht wenn du document.getElementsByTagName nimmst, das liefert dir dann ein array mit den entsprechenden elementen zurück.

aber wie gehabt, schmeiss ma deinen code inne runde ich schaus mir dann an

Unregistriert

Gibt es hier im Forum eine Möglichkeit Code übersichtlich zu Posten? Weil keine Tabulatoren(oder wie die heissen ;)) gemacht werden können und somit mein Code unlesbar ist...

synaptic

naja kopier einfach deinen text so wie er ist und setze ihn in codetags
[Blockierte Grafik: http://home.arcor.de/synaptic/codetag.png]

anagramm

Du hast durch suchen nichts gefunden? lol^^
Google: JavaScript onclick readonly deaktivieren
Dann das erste Ergebnis auswählen, und du erhälst folgenden Code:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="de-DE" lang="de-DE"  xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Beispiel</title>
<script type="text/javascript">
<!--
function add_readonly()
{
  // Den neuen Attribut-Wert zuweisen
  document.getElementById("beispiel").setAttribute("readonly", "readonly");
}


function remove_readonly()
{
  // Attribut entfernen
  document.getElementById("beispiel").removeAttribute("readonly");
}


function get_status()
{
  // Aktuellen Status ausgeben
  alert( document.getElementById("beispiel").readOnly );
}
//-->
</script>
</head>
<body>
  <p>
    <input type="text" name="beispiel" id="beispiel" /><br />
    <a href="javascript:add_readonly();">hinzufügen</a> - <a href="javascript:remove_readonly();">entfernen</a> - <a href="javascript:get_status();">Status</a>
  </p>
</body>
</html>

Alles anzeigen

Der ist sogar nocht erweitert. In deinem Fall müsstest du nur die "remove_readonly();" kopieren.

Greez und morgen dann schöne Weihnachten =D

Mr.Bier

Ok danke werds mal ausporbieren

Mr.Bier

Also ich habs jetzt mal so probiert:

Code

[align=left][size=10]function editfu()[/SIZE]
[size=10]{[/SIZE]
[size=10]document.bbForm.getElementsByTagName('domain').removeAttribute('readOnly');[/SIZE]
[size=10]document.bbForm.getElementsByTagName('username').removeAttribute('readOnly');[/SIZE]
[size=10][COLOR=#0000ff][size=10][COLOR=#0000ff]document.bbForm.getElementsByTagName('description').removeAttribute('[COLOR=#000000]readOnly[/COLOR]');[/COLOR][/SIZE]
[size=10][COLOR=#0000ff]document.bbForm.getElementsByTagName('password').removeAttribute('readOnly');[/COLOR][/SIZE][/align]
[size=10][COLOR=#0000ff]}[/COLOR][/SIZE]
[/COLOR][/SIZE]

Es gibt ne Fehlermeldung aus: Object Expected
Kann mir jemand erklären wiso?

Mr.Bier

Ok hat endlich geklappt

und zwar so:

Code

[size=10]
[align=left]function editfu()
{
document.getElementById('domain').removeAttribute('readOnly');
document.getElementById('username').removeAttribute('readOnly');
document.getElementById('description').removeAttribute('readOnly');[/align]
[/SIZE][size=10][COLOR=#0000ff][size=10][COLOR=#0000ff][align=left]document.getElementById('password').removeAttribute('readOnly');[/align]
}
[/COLOR][/SIZE][/COLOR][/SIZE]

Danke an euch beide

anagramm

Da wir ja deinen Code noch immer nicht kennen:
Offenbar willst du bei allen gleichzeitig das readonly entfernen, da wäre es ja einfacher einfach bei allen objekten bei denen das readonly entfernt werden soll z.B. ein "id='readonly' hinzuzufügen - und dann entsprechend beim button:
onclick="document.getElementsById('readonly').removeAttribute('readOnly');"

Greez

Thonixx

Dann aber ne Klasse, denn eine ID darfst du nur einmal vergeben
Sonst kannst du auch alle Elemente abklappern durch eine for-Schleife und schauen, da wo das readonly steht, da entfernen

anagramm

Oh hoppla, da haben wir ja gleichzeitig einen Post abgesendet - ja, so gehts natürlich auch =D

Thonixx

Aber am besten ist es, den Bereich der Tags auf irgendeine Weise einzugrenzen, sonst läuft die Schleife jedes mögliche Element ab und stürzt vielleicht den Browser ab oder hat einfach verdammt lange.
Aber wenns nicht so viele Elemente sind, machs lieber auf die Variante mit den einzelnen Tags anzusprechen.

anagramm:
Nö, hab 8 Minuten nach deinem gesendet, war nur eine Korrektur wegen den Klasse und halt noch eine andere Möglichkeit.

anagramm

@Thonixx: Nicht du, Mr.Bier und ich habe gleichzeitig gesendet.

Thonixx

5 Minuten länger nenn ich nicht gleichzeitig
Aber gut, hab gedacht, ach ist doch egal, passt nicht mehr zum Thema, das is Spam..

Würd gern hören, was der Threadersteller dazu sagt, ob das geholfen hat oder nicht.

anagramm

Er hat doch schon gesagt das es ihm geholfen hat

Das ist eben der Post den wir (Mr.Bier und ich) gleichzeitig absendeten.

In Post #8 sagte er, dass es gut ging.

Bandit

Mir ist es ja wurscht, aber 12:37 Uhr und 13:37 Uhr ist für mich noch nicht mal annähernd zeitgleich.

anagramm

ui scheisse XD
Hätte eben schwören können, dass vor meinem Post in jenem Post etwas anderes stand^^

Aber eben: Dir ist es wurscht

synaptic

ein posting von dir hab ich gelöscht anagramm, weil du es ja bereits wegen eines vorhergegangenen editierens als überflüssig gekennzeichnet hattest!
des war um 12:27Uhr und nu schluss mit rumbabbeln, wartet infach alle auf den TE ob er noch was hat!!

Tobse

Ne for-schleife is schlecht. Wärend ne for schleife läuft, geht nämlich nix, also is eine while() besser. Und ich kann dir sagen, warum dein erstes Beispiel nicht geklappt hat, nur so für die Zukunft:
getElementsByTagName(); liefer ein Array zurück, sonst müsste es ja getElementByTagName(); heissen. Und mit ElementByTag.. wäre auch nciht viel geholfen. Bei dir müsste es also heissen:
getElementsByTagName('password')[0].....

synaptic

naja, da es mehrere elemente sind würd ich schon getElementsByTagName() benutzen.