|
|||
Wie kann ich die Schaltflächen positionieren
neulich bin ich auf das folgende Beispiel aufmerksam geworden
https://codepen.io/dimsis/pen/MJLZKp Meiner Meinung nach wäre es vor allem bei einem sehr langen Text besser, wenn die beiden Schaltflächen bzw. Buttons oberhalb des Textes angezeigt werden. Aber wie macht man das? Denn im html-Code sind die beiden Schaltflächen ja nicht hinterlegt. |
Sponsored Links |
|
|||
Dafür sind sie im JS hinterlegt. Irgendwo müssen sie ja angegeben sein, sie können ja nicht aus dem nichts erscheinen
Im JS hast du einen Teil //play button und einen //pause button, da sieht man, dass die Elemente mit appendChild angehängt werden. Diese Zeile einfach so anpassen, dass die buttons dort eingefügt werden, wo du es wünscht. |
Sponsored Links |
|
|||
Zitat:
Natürlich war mir klar, dass die Buttons in der JS hinterlegt sind, aber ich habe eben keine Ahnung, wie ich diese positionieren kann. Wie muss ich denn die eine bestimmte Zeile anpassen? Wo kann ich denn dafür ein Beispiel finden? Es funktioniert also nicht, dass man die Schaltflächen im html-Code Ergänzt und dass man diese dann per CSS positionieren kann? |
|
|||
Sicher kannst du diese per CSS positionieren, sie werden ja per JS in den DOM-Baum eingefügt.
Wie du den Code ändern musst kann ich dir nicht sagen, da es davon abhängt, wo die Buttons dann seien sollen. $buttons ist die Variable, in der der die <buttons> gespeichert sind (ein <p> mit <button>play und <button>Pause) Das wird am Ende des JS-Codes mit document.body.appendChild($buttons); an den body angehängt. Natürlich kannst du das frei an jeder anderen Stelle im Code anhängen. https://www.w3schools.com/jsref/met_...ppendchild.asp Du kannst natürlich auch den Code der Buttons direkt im HTML einfügen und dann mit JS Eventhandler auf diese buttons setzen. |
|
|||
Zitat:
Werde mich daran versuchen |
|
|||
Zitat:
Vielen Dank Roland! |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
2 DIVS richtig positionieren | Pari | CSS | 0 | 13.06.2009 21:22 |
Relatives Positionieren von Elementen zu beliebigen anderen Elementen im Dokument | dimension | CSS | 1 | 25.07.2008 14:49 |
Bild absolut positionieren (bottom) | ZuMe | CSS | 2 | 03.07.2008 09:14 |
mit Link hinterlegte Grafik in Tabellenzelle absolut positionieren... | jhartlep | CSS | 0 | 01.11.2007 14:46 |
list-style-image vertikal positionieren? | derdiedas | CSS | 2 | 05.03.2007 15:11 |