zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Animation unter Safari hackt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 31.03.2019, 18:24
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2014
Beiträge: 88
seerose befindet sich auf einem aufstrebenden Ast
Standard Animation unter Safari hackt Update

ich habe eine Progress Anzeige gebaut

HTML-Code:
<div id='progress'>
   <progress id='wait_ani' value='70' max='100'> </progress>
   <br>    Noch zu speichern...
</div>
die mit Javascript als Loop animiert wird.

Code:
x=0;
function upload_ani(){
	document.getElementById('progress').style.display='block';
 	var intervalID = window.setInterval(myCallback, 25);
}
function myCallback() {
   document.getElementById('wait_ani').value=x;
   x++;
   if (x>100)  x=0;  // wieder von vorne
  
}
Android und alle anderen machen das, aber mein Ipad-2018 / Safari scheint das Js nicht abzuarbeiten, der 1. Befehl zum Einblenden geht noch aber der Balken bleibt stehen.


HTML-Code:
#progress {
 
   display:none;
    position:relative;
    width:250px;
    height:20px;
     
}

Nachtrag:
Es liegt natürlich nicht an die JS Funktion.
Ich hatte ein Bildupload programmiert, beim Absenden wird die Animation so lange gezeigt bis die neue Seite geladen wird.
Nur beim Safari wird beim absenden sofort das Javascript gestoppt, daher keine Animation.

Ich werde mal sehen das ich eine css3 Animation erstellen, vielleicht hat hier jemand eine gute Seite.

Nachtrag2:
Eine CSS3 Animation stoppt Safari leider auch.

Geändert von seerose (31.03.2019 um 22:42 Uhr) Grund: ursache gefunden
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Animation zurück setzen seerose Javascript & Ajax 1 12.03.2016 19:20
Div Animation opacity in Safari Philidor CSS 0 27.08.2014 21:33
Safari 3.1 Windows mit Develop Menu laborix Offtopic 3 31.05.2008 20:46
Safari 2 und Objektvariablen Kurtk Javascript & Ajax 0 12.11.2007 00:08
3 Column Float IE,FF,Opera hui, Safari, Konq. Pfui.... dablake CSS 5 29.05.2005 19:43


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:39 Uhr.