Beiträge von Tambalar

Tambalar · 14. September 2021

Im Grunde genommen ist das alles.

Wenn die Datei hochgeladen wurde, soll einfach nur mit dem Script das Alert eingeblendet werden.

Tambalar · 14. September 2021

Leider funktioniert das ganze nicht.
Liegt es vllt daran das ich das ganze in einem PHP Script habe?

Ich habe nämlich ein Upload Script und das Alert soll kommen wenn eine Datei hochgeladen wurde. (Ja meine IDs sind dementsprechend nicht angepasst)
Hab die unten nun angepassst

So sieht es aktuell aus:

Code

if(move_uploaded_file($dateiTempName, $absolutePath)) {
    $ausgabe = '                
    <script>
        $(document).ready(function(){
            $("#succesAusgabe").delay(200).fadeIn(1000, function (){
                $("#successMessage").val("Dies ist eine Message Box");
                $(this).delay(5000).fadeOut(1000);
            });
        });
    </script>';
}

Alles anzeigen

PHP

<?php if(isset($ausgabe)) { ?>
    <div id="succesAusgabe" class="alert alert-info alert-with-icon" data-notify="container">
        <button type="button" aria-hidden="true" class="close" data-dismiss="alert">
            <i class="nc-icon nc-simple-remove"></i>
        </button>
        <span id="successMessage" data-notify="message" style="margin-left: 2%"></span>
    </div>
<?php } ?>

Also er blendet den Alert halt ein aber auch wieder nur Ruckartig. Entfernen tut es ihn diesmal nicht. Und einen Text fügt er auch nicht hinzu.

Tambalar · 14. September 2021

Guten Morgen,

Ich habe da mal ein kleines Problemchen.

Aktuell möchte ich gerne mit der "FadeIn" Animation einen Alert einblenden lassen, der danach wieder verschwindet.

Das FadeOut funktioniert super.

Nur das "FadeIn" möchte nicht so gerne. Es blendet sich ruckartig ein. Ohne Animation.

Ich habe gehofft das ich hier vielleicht eine Lösung dafür bekomme.

Code

<script>
    setTimeout(function() {
        $('#errorAusgabe2').fadeIn(1000);
        document.getElementByID("errorMsg2").innerHTML("Dies ist ein Alert!");
    }, 100);
                        
    setTimeout(function() {
        $('#errorAusgabe2').fadeOut(1000);
    }, 5100);
</script>

Code

<div id="errorAusgabe2" class="alert alert-info alert-with-icon" style="padding: 7px 2px 7px 2px; width: 50%; margin-left: 15px" data-notify="container">
    <button type="button" aria-hidden="true" class="close" data-dismiss="alert">
        <i class="nc-icon nc-simple-remove"></i>
    </button>
    <span id="errorMsg2" data-notify="message" style="margin-left: 2%"></span>
</div>

Hat jemand einen Tipp für mich?

Beiträge von Tambalar

JavaScript Animation (FadeIn)

JavaScript Animation (FadeIn)

JavaScript Animation (FadeIn)