Javascript-Fehler - Bitte um Hilfe

Ein CMSimple Support Forum für deutsch sprechende Nutzer und Entwickler
Post Reply
Caravaner
Posts: 112
Joined: Sat Oct 05, 2019 5:20 pm
Location: Wadgassen (Saarland)
Contact:

Javascript-Fehler - Bitte um Hilfe

Post by Caravaner » Fri Sep 10, 2021 11:59 pm

Hallo zusammen.
Ich benötige bei Javascript Hilfe. Kann mir jemand helfen, und mir den oder die Fehler im Code aufzeigen?
Zur Erläuterung habe ich schon eine Webseite auf meinem Testserver erstellt:
http://test.lembach-kr.de/?Fehlersuche- ... pt-erbeten
Es geht darum, die Anzeige der Seite zu aktualisieren, wenn ein neuer Wert ausgewählt wird, ohne sie neu zu laden.
Das funktioniert teilweise wie gewünscht. Merkwürdigerweise verschwindet die Anzeige von Werten, wenn eine eigentlich nicht notwendige Anzeige entfernt wird. Ich komme nicht dahinter, wo der Fehler liegt.
Ich danke euch jetzt schon mal für eure Antworten!
Ich bin > 69 und lerne fast jeden Tag was Neues. Dafür vergesse ich was Anderes.
Der Trick ist, sich nicht darüber aufzuregen und morgen zu lernen, was man vorgestern vergessen hat. ;)
https://lembach-cmsimple.de

knollsen
Posts: 459
Joined: Wed Nov 06, 2013 2:28 pm

Re: Javascript-Fehler - Bitte um Hilfe

Post by knollsen » Sat Sep 11, 2021 9:35 am

Ich habs jetzt nicht runtergeladen, getestet oder ausprobiert, aber ich denke wenn Du die Zeile

Code: Select all

<p><span style="padding: 0 1ex 0 1ex; border: thin solid black;"><span id="bgtranshexval"></span></span>&nbsp;- - - Aus für mich nicht nachvollziehbaren Gründen verschwindet der Wert in der Tabelle, wenn hier der Wert entfernt wird.</p>
entfernst. dann musst Du auch im Script alles was mit der id="bgtranshexval" zu tun hat entfernen, da es zu einem Fehler kommt weil es nicht mehr existiert. Also musst Du

Code: Select all

bgtranshexval = document.querySelector('#bgtranshexval'),
und

Code: Select all

bgtranshexval.innerHTML = '#' + bgtranshex;
entfernen. Oder halt dementsprechend was Du entfernst.

Caravaner
Posts: 112
Joined: Sat Oct 05, 2019 5:20 pm
Location: Wadgassen (Saarland)
Contact:

Re: Javascript-Fehler - Bitte um Hilfe

Post by Caravaner » Sat Sep 11, 2021 10:57 am

knollsen wrote:
Sat Sep 11, 2021 9:35 am
dann musst Du auch im Script alles was mit der id="bgtranshexval" zu tun hat entfernen, da es zu einem Fehler kommt weil es nicht mehr existiert
Vielen Dank für die schnelle Antwort!!!

:oops: schlag vor die stirn
Ich sagte es ja: 'Javascript ist mir nicht vertraut.'
Nach einem schnellen Test offline scheint es wirklich nur das gewesen zu sein.
Ich werde noch heute den Test online wiederholen und dann hier berichten.
Ich bin > 69 und lerne fast jeden Tag was Neues. Dafür vergesse ich was Anderes.
Der Trick ist, sich nicht darüber aufzuregen und morgen zu lernen, was man vorgestern vergessen hat. ;)
https://lembach-cmsimple.de

Caravaner
Posts: 112
Joined: Sat Oct 05, 2019 5:20 pm
Location: Wadgassen (Saarland)
Contact:

Re: Javascript-Fehler - Bitte um Hilfe

Post by Caravaner » Sat Sep 11, 2021 11:38 am

knollsen wrote:
Sat Sep 11, 2021 9:35 am
Ich habs jetzt nicht runtergeladen, getestet oder ausprobiert, aber
Dein Hinweis hat genau den Nagel auf den Kopf getroffen! Auch der Online-Test ist erfolgreich verlaufen. Die Website enthält schon den Hinweis auf Deine erfolgreiche Hilfe.
Zum Dank werde ich jetzt noch eine Frage stellen:
Was müsste am Javascript und HTML ergänzt werden, damit auch der Hintergrund-Farbverlauf ohne Seiten-Reload aktualisiert wird.
Da hat meine Suche nach der entsprechenden Javascript-Anweisung keine Früchte getragen.
Ich habe das mit (Javascript)

Code: Select all

output.style.LinearGradient = '(to top left, '+color.value+' 0%, '+background.value+' 100%)';
und (style)

Code: Select all

output {
float: left;
margin-right: 2em;
clear: both;
padding: 2em;
background-position: 0 0, 100% 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: linear-gradient(to top left, ".$farbwert." 0%, ".$hintergrundwert." 100%);
}
und (HTML)

Code: Select all

<output>
<div style='color: #ffffff; background-color: #ffffff; padding: 3px;'>
<div id='demobox'>
<p style='font-weight: 900; font-size: 2em;'><u>Beispieltext</u></p>
<p>Dies ist ein Text <b>(z.B. mit Fettschrift)</b>,<br>der nur zur Veranschulichung dient.</p>
</div>
</div>
</output>
zu realisieren versucht, es klappt aber offensichtlich nicht.
Ich bin > 69 und lerne fast jeden Tag was Neues. Dafür vergesse ich was Anderes.
Der Trick ist, sich nicht darüber aufzuregen und morgen zu lernen, was man vorgestern vergessen hat. ;)
https://lembach-cmsimple.de

cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: Javascript-Fehler - Bitte um Hilfe

Post by cmb » Sat Sep 11, 2021 12:12 pm

Caravaner wrote:
Sat Sep 11, 2021 11:38 am
Da hat meine Suche nach der entsprechenden Javascript-Anweisung keine Früchte getragen.
Ich habe das mit (Javascript)

Code: Select all

output.style.LinearGradient = '(to top left, '+color.value+' 0%, '+background.value+' 100%)';
[…]
zu realisieren versucht, es klappt aber offensichtlich nicht.
Das style Objekt hat keine LinearGradient Eigenschaft. Probier mal.

Code: Select all

output.style.backgroundImage = 'linear-gradient (to top left, '+color.value+' 0%, '+background.value+' 100%)';
Christoph M. Becker – Plugins for CMSimple_XH

Caravaner
Posts: 112
Joined: Sat Oct 05, 2019 5:20 pm
Location: Wadgassen (Saarland)
Contact:

Re: Javascript-Fehler - Bitte um Hilfe

Post by Caravaner » Sat Sep 11, 2021 12:59 pm

cmb wrote:
Sat Sep 11, 2021 12:12 pm
Das style Objekt hat keine LinearGradient Eigenschaft. Probier mal.

Code: Select all

output.style.backgroundImage = 'linear-gradient (to top left, '+color.value+' 0%, '+background.value+' 100%)';
Hallo Christoph,
das scheint auch nicht zu funktionieren. Ich vermute, dass die Zeile doch noch etwas anders aussehen muss.
Ich habe jedoch keine Ahnung, wo ich das finden könnte oder wie ich die Suchfrage sinnvoll formulieren muss.
Ich bin > 69 und lerne fast jeden Tag was Neues. Dafür vergesse ich was Anderes.
Der Trick ist, sich nicht darüber aufzuregen und morgen zu lernen, was man vorgestern vergessen hat. ;)
https://lembach-cmsimple.de

cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: Javascript-Fehler - Bitte um Hilfe

Post by cmb » Sat Sep 11, 2021 2:34 pm

Caravaner wrote:
Sat Sep 11, 2021 12:59 pm
cmb wrote:
Sat Sep 11, 2021 12:12 pm
Das style Objekt hat keine LinearGradient Eigenschaft. Probier mal.

Code: Select all

output.style.backgroundImage = 'linear-gradient (to top left, '+color.value+' 0%, '+background.value+' 100%)';
das scheint auch nicht zu funktionieren. Ich vermute, dass die Zeile doch noch etwas anders aussehen muss.
Oh, nach dem linear-gradient darf kein Leerzeichen stehen, und natürlich sollte es background statt backgroundImage sein, also

Code: Select all

output.style.background = 'linear-gradient(to top left, '+color.value+' 0%, '+background.value+' 100%)';
Christoph M. Becker – Plugins for CMSimple_XH

Caravaner
Posts: 112
Joined: Sat Oct 05, 2019 5:20 pm
Location: Wadgassen (Saarland)
Contact:

Re: Javascript-Fehler - Bitte um Hilfe

Post by Caravaner » Sat Sep 11, 2021 2:55 pm

cmb wrote:
Sat Sep 11, 2021 2:34 pm

Code: Select all

output.style.background = 'linear-gradient(to top left, '+color.value+' 0%, '+background.value+' 100%)';
Vielen Dank! Das ist die Lösung!
Ist online aktualisiert.
Ich bin > 69 und lerne fast jeden Tag was Neues. Dafür vergesse ich was Anderes.
Der Trick ist, sich nicht darüber aufzuregen und morgen zu lernen, was man vorgestern vergessen hat. ;)
https://lembach-cmsimple.de

Post Reply