Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision |
en:create:javascript [13.02.2018 09:17] – Update admin | en:create:javascript [19.03.2021 09:41] – [Learn JavaScript] sophia.schauer |
---|
===== Inserting JavaScript ===== | ===== Inserting JavaScript ===== |
| |
Create a new text element in **Text Elements and Labels** in order to use JavaScript on a page in the questionnaire. This element will contain HTML code and the actual JavaScript code between the ''<script>'' tags within this. | In order to use JavaScript on a page of the questionnaire, one puts |
| * either in a section with **Add text** |
| * or under **Text Elements and Labels** |
| you create a new text element. Select the //Formating// "HTML code" for the text. |
| |
<code javascript> | <code javascript> |
| |
| |
===== Fehler finden ===== | ===== Troubleshooting ===== |
| |
If the JavaScript code does not work as it should, there is the browser's error console for debugging. These can be found -- depending on the browser -- in different places ([[http://webmasters.stackexchange.com/a/77337/30902|Stackexchange: Shortcuts]], [[https://codex.wordpress.org/Using_Your_Browser_to_Diagnose_JavaScript_Errors#Step_3:_Diagnosis|Wordpress: Diagnosis]], [[http://www.stramaxon.com/2013/10/developer-tools-in-browser.html|How to Open Developer Tools]]). | If the JavaScript code does not work as it should, there is the browser's error console for debugging. These can be found -- depending on the browser -- in different places ([[http://webmasters.stackexchange.com/a/77337/30902|Stackexchange: Shortcuts]], [[https://codex.wordpress.org/Using_Your_Browser_to_Diagnose_JavaScript_Errors#Step_3:_Diagnosis|Wordpress: Diagnosis]], [[http://www.stramaxon.com/2013/10/developer-tools-in-browser.html|How to Open Developer Tools]]). |
===== Learn JavaScript ===== | ===== Learn JavaScript ===== |
| |
There are a number of good introductions to JavaScript on the internet. However, basic programming knowledge is needed beforehand. | Didactically prepared is the following 30-hour free course from Duke University:[[https://www.coursera.org/learn/duke-programming-web?#syllabus|Programming Foundations with JavaScript, HTML and CSS]] |
| |
| In addition, you can find several JavaScript beginner courses on the Internet, e.g. [[https://www.javascript-kurs.de/|JavaScript lernen für Anfänger]] or [[https://lerneprogrammieren.de/javascript/|JavaScript Lernen: So lernst du es schnell & einfach]] |
| |
[[http://de.selfhtml.org/javascript/index.htm|SelfHTML]] is a website that combines a solid introduction with an extensive compendium [[http://de.selfhtml.org/javascript/index.htm|SelfHTML]] (German only). | [[http://de.selfhtml.org/javascript/index.htm|SelfHTML]] is a website that combines a solid introduction with an extensive compendium [[http://de.selfhtml.org/javascript/index.htm|SelfHTML]] (German only). |
| |