Javascript -> CSS -> keine Transition?

Hallo, wie ich in letzer Zeit schon öfters Fragen zu "Toasts" und "Snackbars" gestellt habe, kommt heute die nächste. Tja, bin leider kein Profi. 😴

Also, ich habe mir da eine kleine "Library" gebaut, mit der ich Toasts und Snackbars anzeigen lassen kann. Eigentlich funktioniert sie auch relativ gut.

Hier ist die Library auf Hastebin: https://hastebin.com/suqumiyoli.js

So, das hier erklärt mein Problem:

Methode 1:

var toast = Toast.create("id1", { text: "Message 1" });
toast.show();
//----------------------------------
//Diese Methode funktioniert eigentlich genau so, wie sie soll. Toast wird erstellt, mittels transition angezeigt und ausgeblendet!

---

Methode 2:

Toast.create("id2", {
  text: "Message 2"
}).show();
//---------------------
//Bei dieser Methode wird der Toast erstellt und angezeigt.
Allerdings funktioniert die Einblende-Transition nicht.
Beim Ausblenden ist alles wieder richtig.

Zwar hat mir der liebe tavkomann schon erklärt, wie das mit den Transitions funktioniert und dass man mit Javascript nur Klassen hinzufügen soll. Das funktioniert leider trotzdem nicht ganz. Und ich weiß auch nicht genau, wo mein Fehler liegt.

Ich habe das Beispiel jetzt mit Toast gemacht, es ist aber bei Snackbar genauso.

Danke, ich hoffe jemand kennt sich aus und kann mir auch diesmal weiterhelfen.

PS: Wenn jemand einen besseren Weg weiß, die Callback-Methode zu übergeben, darf er diesen gerne mitteilen. :P

HTML, programmieren, CSS, JavaScript, Toast, einfügen, Klasse, Transition, snackbar
2 Antworten
Adobe PP CS6 verbindet sich nicht mehr mit AE | "durch After Effectskomposition ersetzten" geht nicht mehr-ist ausgegraut?

Hallo ich habe Adobe Premiere Pro CS6 und hab schon einige Videos damit gemacht. Besitze auch dazugehörig After Effects und habe damit ebenfalls etliche Videobearbeitungen gemacht.

Nun mein Problem: ich kann die Videos nicht mehr durch eine AE kompostionen ersetzten.

sprich: rechtsklick-durch AE komp. ersetzen geht nicht mehr...

ich hatte anfangs im Projekt schon einige video Stücke mit AE bearbeitet und wieder eingefügt , und alles, usw, Also es GING (im selben video/projekt noch!)

nun gehts nicht mehr und ich weis nicht wieso.

es ist ausgegraut und nicht anwählbar

hab mich schon damit auseinander gesetzt obs mit Dynamic link zu tun hat also versions verschiedenheiten oder vom alter der beiden programme desweiteren hab ich auch etwas über ordner verzeichnisse gelesen aber mir fehlt schlicht weg das Verständnis um auf einen grünen zweig zu kommen.

die letzte idee, die ich hätte, nochmal alles neu runter zu laden und zu installieren... aber dann gehen leider meine ganzen angefangen videos verloren.......

ich rechne eigentlich eh nicht mit vielen antworten aufgrund meines langes textes aber bin dennoch um jede einzelne dankbar...

Gruß Michi

Computer, Video, Adobe, Technik, bearbeiten, komposition, einfügen, ersetzen, pro, after, Premiere, Projekt, Technologie, CS6, effects, Ordnerverzeichnis, rechtsklick, ausgegraut, dynamic link, geht nicht , anwählbar
1 Antwort
Warum kann ich nach dem HTML-Foirmular nicht Normal weiterschreiben?

Hallo zusammen

Ich habe ein HTML-Formular erstellt und würde gerne unterhalb weiterschreiben, was so nicht funktioniert. Weiss jemand warum?

<body>

    <header>
        <img src="logo.png" width="600px" height="auto">
        
    </header>

    <h1> Bestellformular für Neukunden </h1>

    <form action="<a href="mailto:gianduri.calonder@edu.tbz.ch">mailto:gianduri.calonder@edu.tbz.ch</a>" method="post">
    <table border="0" cellpadding="10" width="800pxS" align="left">

        <tr><td> <h2> Persönliche Daten </h2> </td></tr>

            <tr>
            <td> Anrede* </td>
            <td> <select name="Anbieter">
            <option value="n/a"> --- </option>
            <option value="Herr"> Herr </option>
            <option value="Frau"> Frau <option>
            </tr>

            <tr>
            <td> Vorname* </td>
            <td> <input type="text" name="Vorname" size="40"  required="" /> </td>
            </tr>

            <tr>
            <td> Nachname* </td>
            <td> <input type="text" name="Nachname" size="40px" required="" /> </td>
            </tr>

            <tr>
            <td> Strasse* </td>
            <td> <input type="text" name="Strasse" size="40px"required="" /> </td>
            </tr>

            <tr>
            <td> PLZ / Ort* </td>
            <td> <input type="text" name="PLZ_Ort" size="40px"required="" /> </td>
            </tr>

            <tr>
            <td> E-Mail* </td>
            <td><input type="email" name="E_Mail" size="40px" required="" /> </td>
            </tr>

            <tr>
            <td> Telefonnummer* <a href="infotel.html" target="_bank"> &#x1F6C8; </a> </td>
            <td> <input type="tel" name="tel" size="40px" required=""> </td>
            </tr>

        <tr><td> <h2> Login my kNet Portal </h2> </td></tr>
    
            <tr>
            <td> Benutzername* </td>
            <td> <input type="text" name="Benutzername" size="40px" minlength="3" required="" /> </td>
            </tr>

            <tr>
            <td> Kennwort* <a href="infopasswd.html" target="_bank"> &#x1F6C8; </a></td>
            <td> <input type="password" name="Passwort" size="40px"required="" minlength="8" /> </td>
            </tr>

        <tr><td> <h2> Artikelauswahl </h2> </td></tr>

            <tr>
            <td> Ich möchte* </td>
            <td> <select name="Anbieter">
            <option value="n/a"> Bitte Wählen Sie aus </option>
            <option value="iNet_S"> iNet S </option>
            <option value="iNet_M"> iNet M </option>
            <option value="iNet_L"> iNet L </option>
            <option value="iNet_XL"> iNet XL </option>
            <option value="iNet_XXL"> iNet XXL </option>
            </select>
            </td>
            </tr>

            <!--RADIOBUTTON NEUKUNDE ABGESCHAFFT DA ANNAHME, DASS KUNDE VOR DEM FORMULAR BEREITS GEWÄHLT HAT OB KUNDE
            ODER NICHT (WENN JA, LOGIN NÖTIG, SONST NICHT)

            <tr>
            <td> Neukunde? *</td>
            <td> <input type="radio" value="ja"/> Ja </br>
            <input type="radio" value="nein" /> Nein </td>
            </tr>-->

            <tr>
            <td> Wann soll die Aufschaltung erfolgen?</td>
            <td> <input type="date" name="date" size="40px" /> </input> </td>
            </tr>

            <tr>
            <td> <input type="submit" value="Auftrag bestellen"> </td>
            </tr>
        
        <!--<p> bei Fragen oder sonstigen Problemen wenden Sie sich bitte an unsere Verkaufsabteilung unter der Telefonnummer 0800 700 600 </p> -->
            
            </table>
            </form>     
            
    <footer>
    
    </footer>
</body>

Freundliche GRüsse

calgia

Unterhalt, einfügen, Text
1 Antwort

Meistgelesene Fragen zum Thema Einfügen

Kennt ihr eine App zum Ausschneiden und Einfügen von Fotos?

5 Antworten

Wie kann ich eine Karte aus Google-Maps kopieren?

3 Antworten

Kopieren/Einfügen von Text per Mausklick bei manchen Webseiten nicht möglich?

6 Antworten

Kopf in Bilder einfügen

2 Antworten

Bild in ein Video einfügen?

5 Antworten

Word 07 gesamte seite kopieren+einfügen

3 Antworten

Wie kan ich einen Kopierten Text in die Text-Zeile in Minecraft einfügen?

8 Antworten

Schöne Instagram Bio?

2 Antworten

Kann man mit einer Foto app zwei Fotos zusammenfügen?

2 Antworten

Einfügen - Neue und gute Antworten