Das brauchst Du nicht von Hand umzuschreiben. Wie ich schon schrieb, kannst Du dir in Codepen die compilierte Version anzeigen lassen und wenn Du die kopierst und in deine Homepage einfügst, sollte es funktionieren.
Beiträge von Sempervivum
-
-
Habe ich auch schon gesehen. Scheint Code für einen Preprocessor zu sein. Wie bei SCSS etc. "View compiled PUG" auswählen, dann bekommst Du das kompilierte HTML:
-
Ich schlage dies vor:
Code
Alles anzeigen<style> .angebotskasten { width: 100%; height:400px; background-color: blue; } .angebotskasten.large { height: 600px; } .angebotskasten span.smaller { display: none; } .angebotskasten span.larger { display: inline; } .angebotskasten.large span.smaller { display: inline; } .angebotskasten.large span.larger { display: none; } </style> <div class="angebotskasten"> <button type='button' class='togglebtn'> <span class="larger">Angebotskasten vergrößern</span> <span class="smaller">Angebotskasten verkleinern</span> </button> </div> <div class="angebotskasten"> <button type='button' class='togglebtn'> <span class="larger">Angebotskasten vergrößern</span> <span class="smaller">Angebotskasten verkleinern</span> </button> </div> <script> $(".togglebtn").on("click", function () { $(this).closest(".angebotskasten").toggleClass("large"); }); </script>Der Code benutzt jQuery, vergiss nicht, es einzubinden.
-
Du musst das Javascript einbinden, nachdem die HTML-Elemente definiert wurden, d. h. am Ende des body, vor dem schließenden </body>.
-
Geht doch voran! Damit die Seite sofort angezeigt wird, musst Du die HTML-Datei in index.html umbenennen.
-
_Wie es mit Filezilla weiter geht, wird hier beschrieben:
http://eass.bplaced.de/3-FTP-Dateiupload
Zitatdie fiddle die ich erstellt habe muss ja irgendwie noch als html gespeichert werden oder nicht?
Dazu brauchst Du einen HTML-Editor, z. B. Komodo.
-
PS: Geht nicht wirklich gut, weil dabei ein Symbol für ein ungültiges Bild angezeigt wird. Besser display auf none oder visibility auf hidden setzen:
Codefunction loeschen() { for (var i = 0; i < anzahlBilder; i++) { document.querySelector('#bl' + i + ' img').style.display = "none"; } } -
Sollte gehen, indem Du dem src-Attribut einen leeren String zuweist.
-
Der Fehlertext bleibt bei dem Element gespeichert, Du musst ihn, wenn die Eingabe in Ordnung ist, wieder löschen:
Codefunction informationcheck() { if (firstname.value.search(/^[a-zA-Z ]+$/) == -1) { firstname.setCustomValidity('Namen dürfen nur Buchstaben enthalten!'); } else { firstname.setCustomValidity(''); } } -
Habe mir deinen Code noch etwas genauer angesehen und dies scheint besser auf deine Anwendung zu passen:
https://stackoverflow.com/questions/4351…cker-using-ajax
Demnach müsste Du beim Ajax folgendes hinzu fügen:
Codexmlhttp.onreadystatechange=function() { if (this.readyState==4 && this.status==200) { document.getElementById("txtHint").innerHTML=this.responseText; $(".selectpicker").selectpicker('refresh'); } } -
Jimdo ist nicht geeignet für dich. Es ist gedacht für Benutzer, die ohne Programmierkenntnisse auf der Basis von Vorlagen eine Homepage erstellen wollen. Benutze besser bplaced.net, wie früher schon empfohlen.
-
Schau mal, ob dir dies weiter hilft:
-
Offensichtlich kann man nur Blockelemente transformieren. Durch display:inline-block kannst Du auch einen Link zu einem Blockelement machen:
-
Wenn Du die img-Elemente erst beim Klick anlegst, müsstest Du immer überprüfen, ob sie schon existieren, wie ich es in Posting #9 gemacht habe. Es vereinfacht die Sache jedoch sehr, wenn man die Bilder sofort anlegt und beim Klick nur noch das src-Attribut austauscht. Dies funktioniert bei mir:
Code
Alles anzeigen<table> <tr> <td id="bl0" onclick="hitColor('bl0')"></td> <td id="bl1" onclick="hitColor('bl1')"></td> <td id="bl2" onclick="hitColor('bl2')"></td> </tr> </table> <input type="button" id="button1" value="eins" onclick="Eins()">Eins <input type="button" id="button2" value="zwei" onclick="Zwei()">Zwei <style> table td img { width: 300px; height: 200px; } </style> <script> var images = {}; images.img1 = new Image(); images.img2 = new Image(); images.img3 = new Image(); images.img11 = new Image(); images.img12 = new Image(); images.img13 = new Image(); images.img1.src = "images/dia0.jpg"; images.img2.src = "images/dia1.jpg"; images.img3.src = "images/dia2.jpg"; images.img11.src = "images/01.png"; images.img12.src = "images/02.png"; images.img13.src = "images/03.png"; anzahlBilder = 3; for (var i = 0; i < anzahlBilder; i++) { var im = document.createElement("img"); document.getElementById('bl' + i).appendChild(im); } function Zwei() { for (var i = 0; i < anzahlBilder; i++) { document.querySelector('#bl' + i + ' img').src = images['img' + (i + 11)].src; } } function Eins() { for (var i = 0; i < anzahlBilder; i++) { document.querySelector('#bl' + i + ' img').src = images['img' + (i + 1)].src; } } -
Zitat
woran hast du das gesehen?
In dem zweiten Screenshot mit dem farbigen Text sieht man es ganz unten.
-
Ah so, das Problem ist, dass in der Tabellenzelle noch ein span ist, in dem Fall muss man eine Ebene tiefer gehen:
Codefor (var i = 0; i < tbl.rows.length; i++) { var txtNode= tbl.rows[i].cells[1].firstChild.firstChild; var eltxt = txtNode.nodeValue; eltxt = eltxt.replace('test', 'repl'); txtNode.nodeValue = eltxt; } -
ID_tablecontrol0CC90632 ist die ID der Tabelle?
War das ein Intranet? Sonst würde ich empfehlen, die URL zu posten.
Wenn nicht möglich, dann poste noch Mal einen Screenshot wo auch das <table>-Tag sichtbar ist und die fragliche Zelle aufgeklappt.
-
So kannst du gezielt auf die Zeilen und Spalten einer Tabelle zugreifen und den Inhalt bearbeiten:
Code
Alles anzeigen<table id="testreplace"> <tr> <th>Berlin</th> <th>testHamburg</th> <th>München</th> </tr> <tr> <td>Miljöh</td> <td>testKiez</td> <td>Bierdampf</td> </tr> <tr> <td>Buletten</td> <td>testFrikadellen</td> <td>Fleischpflanzerl</td> </tr> </table> <script> var tbl = document.getElementById("testreplace"); for (var i = 0; i < tbl.rows.length; i++) { var cell = tbl.rows[i].cells[1]; var eltxt = cell.firstChild.nodeValue; eltxt = eltxt.replace('test', 'repl'); cell.firstChild.nodeValue = eltxt; } </script> -
Ja, das habe ich mit Magix VDL gemacht. Die Pfalz ist ein transparentes PNG, ebenso der Text. Und das Feuerwerk ist in Wirklichkeit kein Neujahrsfeuerwerk, sondern vom Schützenfest, ebenfalls in Goslar.
-
Das ist die Kaiserpfalz in Goslar.