Javascript im Backend funktioniert nicht

[m.haase]

Hallo zusammen,

ich habe noch ein einfach Script:

/* /* JS (jQuery) */

  {
    document.getElementById('ctrl_xt_regioforum').readOnly = true;
  } 

(jQuery);

Das wird zwar im Frontend ohne Probleme ausgeführt. Aber im Backend funktioniert das nicht, obwohl das Feld das gleiche ist.

Woran kann das liegen Fehlermeldung laut FireFox: TypeError: document.getElementById(...) is null

[fiedsch]

Wenn der Browser sagt: " document.getElementById(...) is null", dann gibt es das Element mit dieser ID nicht.

Wozu Du in Deinem (unvollständigen) Code jQuery stehen hast, verstehe ich nicht, denn es wird nirgends verwendet.

Edit: Im Backend hast Du kein jQuery!

[m.haase]

OK, aber diese IS wird wirklich verwendet:

Hier einmal ein Schipssel aus dem Backend:

<fieldset id="pal_forum" class="tl_box">
<legend onclick="AjaxRequest.toggleFieldset(this,'forum','tl_member')">Forum und Arbeitskreis</legend>
<div class="w50">
  <h3><label for="ctrl_xt_regioforum">Ihr Regionalforum gemäß Postleitzahlbereich</label></h3>
  <input name="xt_regioforum" id="ctrl_xt_regioforum" class="tl_text" value="" onfocus="Backend.getScrollOffset()" type="text">
  <p class="tl_help tl_tip" title="">Ihr Regionalforum gemäß Postleitzahlbereich</p>
</div>
</fieldset>

[07alex07]

Was passiert bei folgendem Code

$('#ctrl_xt_regioforum').attr('readonly', true);

bzw.

$('#ctrl_xt_regioforum').prop('readonly', true);

[m.haase]

the same

[fiedsch]

$('#ctrl_xt_regioforum')

kann im Backend nicht funktionieren, da jQuery und im Backend gibt's kein jQuery, sondern Mootools.

Der entsprechende Befehl (Selektor) wäre da

$('ctrl_xt_regioforum')

(ohne die Raute; siehe auch https://mootools.net/core/docs/1.5.1/Element/Element)

[07alex07]

Also ich weiß nicht wie dein Code aussieht, aber so funktioniert es.

$(function() {
				$('#ctrl_xt_regioforum').attr('readonly', true);
			});

[07alex07]

kann im Backend nicht funktionieren, da jQuery und im Backend gibt's kein jQuery, sondern Mootools.

Im einem anderem Thread hat er schon angefragt zwecks jQuery im Backend.

[fiedsch]

Im einem anderem Thread hat er schon angefragt zwecks jQuery im Backend.

Davon wurde hier aber nichts geschrieben und meine Glaskugel ist kaputt :-o

[m.haase]

Ich hatte auch für das Backend diese Erweiterung installiert DIe mir vorgeschlagen wurde.

[m.haase]

Also ich weiß nicht wie dein Code aussieht, aber so funktioniert es.

$(function() {
				$('#ctrl_xt_regioforum').attr('readonly', true);
			});

Wo genau muss ich denn diesen Code einbinden ? Sorry aber ich komme da irgendwie nciht weiter

[07alex07]

du musst dir eine Datei z.b. script.js im Modul ablegen und dann bindest du es für das Backend ein.

if (TL_MODE == 'BE')
{
    $GLOBALS['TL_JAVASCRIPT'][] = '...';
}

[m.haase]

Das habe ich und wenn ich ins Backend gehe, bringt mir zwar FireFox keinen Fehler mehr, das Feld ist aber immer noch für eine EIngabe offen.

VG
Marco

[07alex07]

kann man sich das irgendwie anschauen? hättest du Zugangsdaten?

[m.haase]

Hier meine erstellte JS Datei:

http://dvag.gewaesser-experten.de/fi...ead_only_be.js

[Spooky]

Du verwendest jQuery.noConflict(); - benutzt aber direkt danach ohnehin wieder $. Außerdem brauchst du das jQuery.noConflict() nicht in deiner eigenen Datei, wenn du wie zuvor erwähnt die entsprechende Erweiterung zur Intergration von jQuery im Backend benutzt. Darüberhinaus solltest du deinen Code so wrappen:

(function($) {
	alert('TEST');
	$('#ctrl_xt_regioforum').attr('readonly', true);
})(jQuery);

[m.haase]

Du verwendest jQuery.noConflict(); - benutzt aber direkt danach ohnehin wieder $. Außerdem brauchst du das jQuery.noConflict() nicht in deiner eigenen Datei, wenn du wie zuvor erwähnt die entsprechende Erweiterung zur Intergration von jQuery im Backend benutzt. Darüberhinaus solltest du deinen Code so wrappen:

(function($) {
	alert('TEST');
	$('#ctrl_xt_regioforum').attr('readonly', true);
})(jQuery);

Das "Test" wird angezeigt, aber das war es dann auch schon. Mehr passiert nicht :/ ich habe 3 Scripte eingebunden, wovon 1 funktioniert. Der rest aber nicht. Im frontend laufen alle 3 ohne Probleme.

[m.haase]

Wenn ich diesen Code:

(function($) {
	//alert('TEST');
	$('#ctrl_xt_regioforum').attr('readonly', true);

})(jQuery);

in Firefox unter JS Umgebung einfüge. Funktioniert es ohne Probleme im Backend. Aber der gleiche Code wird aber nciht ausgeführt, wenn er über eine JS datei eingepflegt ist...

[Spooky]

Wie hast du diesen Code überhaupt eingebunden? Wenn du dein JavaScript im <head> einbinden hast lassen kann der Code natürlich nicht funktionieren, denn dann existiert zu diesem Zeitpunkt das Element mit der CSS ID "ctrl_xt_regioforum" noch gar nicht. Du musst entweder $(document).ready verwenden oder deinen Code am Ende des <body> ausgeben lassen.

[m.haase]

Ich brauche den Code im Backend und habe Ihn über die dca eingebunden.

[Spooky]

Ich brauche den Code im Backend und habe Ihn über die dca eingebunden.

Die Frage war wie hast du dein JavaScript eingebunden Was meinst du mit

und habe Ihn über die dca eingebunden.

Wo wird der Code eingebunden? Wie gesagt, wenn dein Code im <head> eingebunden wird, dann musst du $(document).ready verwenden. Damit dein Code so wie er jetzt ist funktioniert, muss er am Ende des <body> eingebunden werden - da erst dann das Element existiert, dass du ansprechen willst.

[m.haase]

Also, ich habe meine .js datei über die dcaconfig.php eingebunden:

//javascript Backend
if (TL_MODE == 'BE')
{

   $GLOBALS['TL_JAVASCRIPT'][] = '/files/regionalforum_be.js';
   $GLOBALS['TL_JAVASCRIPT'][] = '/files/regionalforum_read_only_be.js';
   $GLOBALS['TL_JAVASCRIPT'][] = '/files/checkbox_be.js';
  
}

Die regionalforum_be.js funktioniert einwandfrei.

Mein derzeitiger code sieht so aus:

(function($) {
	//alert('TEST');
	$('#ctrl_xt_regioforum').attr('readonly', true);

})(jQuery);

[m.haase]

Jetzt klappt der COde Ich habe den Fehler mit deiner Hilfe gefunden