Javascript-Fehler - Bitte um Hilfe
Javascript-Fehler - Bitte um Hilfe
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 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
Der Trick ist, sich nicht darüber aufzuregen und morgen zu lernen, was man vorgestern vergessen hat.
https://lembach-cmsimple.de
Re: Javascript-Fehler - Bitte um Hilfe
Ich habs jetzt nicht runtergeladen, getestet oder ausprobiert, aber ich denke wenn Du die Zeile
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 und entfernen. Oder halt dementsprechend was Du entfernst.
Code: Select all
<p><span style="padding: 0 1ex 0 1ex; border: thin solid black;"><span id="bgtranshexval"></span></span> - - - Aus für mich nicht nachvollziehbaren Gründen verschwindet der Wert in der Tabelle, wenn hier der Wert entfernt wird.</p>
Code: Select all
bgtranshexval = document.querySelector('#bgtranshexval'),
Code: Select all
bgtranshexval.innerHTML = '#' + bgtranshex;
Re: Javascript-Fehler - Bitte um Hilfe
Vielen Dank für die schnelle Antwort!!!
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
Der Trick ist, sich nicht darüber aufzuregen und morgen zu lernen, was man vorgestern vergessen hat.
https://lembach-cmsimple.de
Re: Javascript-Fehler - Bitte um Hilfe
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%)';
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%);
}
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>
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
Der Trick ist, sich nicht darüber aufzuregen und morgen zu lernen, was man vorgestern vergessen hat.
https://lembach-cmsimple.de
Re: Javascript-Fehler - Bitte um Hilfe
Das style Objekt hat keine LinearGradient Eigenschaft. Probier mal.Caravaner wrote: ↑Sat Sep 11, 2021 11:38 amDa 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.
Code: Select all
output.style.backgroundImage = 'linear-gradient (to top left, '+color.value+' 0%, '+background.value+' 100%)';
Christoph M. Becker – Plugins for CMSimple_XH
Re: Javascript-Fehler - Bitte um Hilfe
Hallo Christoph,cmb wrote: ↑Sat Sep 11, 2021 12:12 pmDas 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.
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
Der Trick ist, sich nicht darüber aufzuregen und morgen zu lernen, was man vorgestern vergessen hat.
https://lembach-cmsimple.de
Re: Javascript-Fehler - Bitte um Hilfe
Oh, nach dem linear-gradient darf kein Leerzeichen stehen, und natürlich sollte es background statt backgroundImage sein, alsoCaravaner wrote: ↑Sat Sep 11, 2021 12:59 pmdas scheint auch nicht zu funktionieren. Ich vermute, dass die Zeile doch noch etwas anders aussehen muss.cmb wrote: ↑Sat Sep 11, 2021 12:12 pmDas 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%)';
Code: Select all
output.style.background = 'linear-gradient(to top left, '+color.value+' 0%, '+background.value+' 100%)';
Christoph M. Becker – Plugins for CMSimple_XH
Re: Javascript-Fehler - Bitte um Hilfe
Vielen Dank! Das ist die Lösung!cmb wrote: ↑Sat Sep 11, 2021 2:34 pmCode: Select all
output.style.background = 'linear-gradient(to top left, '+color.value+' 0%, '+background.value+' 100%)';
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
Der Trick ist, sich nicht darüber aufzuregen und morgen zu lernen, was man vorgestern vergessen hat.
https://lembach-cmsimple.de