Beiträge von Sempervivum

Sempervivum

Sollte gehen, indem Du dem src-Attribut einen leeren String zuweist.

Sempervivum

Der Fehlertext bleibt bei dem Element gespeichert, Du musst ihn, wenn die Eingabe in Ordnung ist, wieder löschen:

Code

        function informationcheck() {
            if (firstname.value.search(/^[a-zA-Z ]+$/) == -1) {
                firstname.setCustomValidity('Namen dürfen nur Buchstaben enthalten!');
            } else {
                firstname.setCustomValidity('');
            }
        }

Sempervivum

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:

Code

xmlhttp.onreadystatechange=function()
    {
        if (this.readyState==4 && this.status==200)
        {
            document.getElementById("txtHint").innerHTML=this.responseText;
            $(".selectpicker").selectpicker('refresh');
        }
    }

Sempervivum

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.

Sempervivum

Schau mal, ob dir dies weiter hilft:

https://stackoverflow.com/questions/3057…form-submission

Sempervivum

Offensichtlich kann man nur Blockelemente transformieren. Durch display:inline-block kannst Du auch einen Link zu einem Blockelement machen:

https://jsfiddle.net/czknLpbj/

Sempervivum

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

<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;
            }
        }

Alles anzeigen

Sempervivum

Zitat

woran hast du das gesehen?

In dem zweiten Screenshot mit dem farbigen Text sieht man es ganz unten.

Sempervivum

Ah so, das Problem ist, dass in der Tabellenzelle noch ein span ist, in dem Fall muss man eine Ebene tiefer gehen:

Code

for (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;
        }

Sempervivum

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.

Sempervivum

So kannst du gezielt auf die Zeilen und Spalten einer Tabelle zugreifen und den Inhalt bearbeiten:

Code

<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>

Alles anzeigen

Sempervivum

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.

Sempervivum

Das ist die Kaiserpfalz in Goslar.

Sempervivum

PS: Die Scrollbalken verschwinden, wenn man in dem eingebetteten Fiddle das position:absolute für #grad weg nimmt.

Sempervivum

Schau mal, ob dies besser ist:

https://jsfiddle.net/jutxeh99/3/

Zitat

ich glaube ich werde mal die ganze woche nur was überflex boxen lesen,weil denke damit sollte es doch prima gehen

Das ist sicher ein guter Plan. Meine Erfahrung ist auch, dass damit vieles einfach ist, was sonst Probleme macht.

Sempervivum

Nicht so schnell aufgeben!

Zu dem Fiddle aus #11: Wie möchtest Du es denn haben? Du schreibst:

Zitat

verschiebt sich der iframe unter den footer

Nebeneinander? Dafür ist doch gar nicht genug Platz. "Footer Laufschrift" ist zwar irreführend aber im HTML ist es #mittekopf und das passt zu dem Bild im Ergebnis: Kopf über Inhalt.

Edit: Habe dich leider falsch verstanden. Du meinst die Tatsache, dass der iFrame vom Footer überdeckt wird. Ich sehe es mir an ...

Sempervivum

Auch von mir ein frohes neues Jahr!

Externer Inhalt www.youtube.com

Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.

Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

Sempervivum

Jetzt weiß ich leider nicht, was sich hinter diesem zw verbirgt.

Ich habe jedoch mal einen Test gemacht, und dies funktioniert:

Code

<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>
     <button onclick="ZeigNeueBilder();">Rücksetzen</button>
     <script>
        var images = {};
        images.img1 = new Image();
        images.img2 = new Image();
        images.img3 = new Image();


        images.img1.src = "images/dia0.jpg";
        images.img2.src = "images/dia1.jpg";
        images.img3.src = "images/dia2.jpg";

        anzahlBilder = 3;
        function ZeigNeueBilder() {
            for (var i = 0; i <= anzahlBilder - 1; i++) {
                var cell = document.getElementById('bl' + i);
                var chld = cell.childNodes[0];
                var im = images['img' + (i + 1)];
                if (chld) {
                    chld.src = cell.getAttribute("data-src");
                } else {
                    cell.setAttribute("data-src", im.src)
                    cell.appendChild(im);
                }
            }
        }
        ZeigNeueBilder();
        
        function hitColor(blink) {
            document.getElementById(blink).childNodes[0].src = "images/01.png";
        }

        </script>

Alles anzeigen

Versuch mal, ob Du es auf deine Umgebung übertragen kannst.

Sempervivum

Ups, da ist mir ein Fehler unterlaufen. So müsste es besser sein:

Code

function zurueck() {
    for (var i = 0; i <= anzahlBilder-1; i++) {
        document.querySelector('#bl' +zw[i] + ' img').src = images['img' + (i+1)].src;
    }
}

Sempervivum

Ich würde einfach eine weitere Funktion nehmen, die den alten Zustand wieder herstellt:

Code

function zurueck() {
    for (var i = 0; i <= anzahlBilder-1; i++) {
        document.querySelector('bl' +zw[i] + ' img').src = images['img' + (i+1)].src;
    }
}

Oder noch besser, die img-Tags gleich im HTML anlegen und nur das src-Attribut ändern.

Beiträge von Sempervivum

Bilder in table ändern

[Javascript] Funktion: search

js wird nicht angewandt

Erste homepage in bau css probloeme [ verschoben]

js wird nicht angewandt

allgemeine fragen zu Javascript

Bilder in table ändern

[ERLEDIGT] replace. innerhalb mehrerer Tabellenzeilen

[ERLEDIGT] replace. innerhalb mehrerer Tabellenzeilen

[ERLEDIGT] replace. innerhalb mehrerer Tabellenzeilen

[ERLEDIGT] replace. innerhalb mehrerer Tabellenzeilen

Herzlich Willkommen im Jahr 2018

Herzlich Willkommen im Jahr 2018

Erste homepage in bau css probloeme [ verschoben]

Erste homepage in bau css probloeme [ verschoben]

Erste homepage in bau css probloeme [ verschoben]

Herzlich Willkommen im Jahr 2018

Bilder in table ändern

Bilder in table ändern

Bilder in table ändern