Hallo zusammen,
auf allen PCs, in allen Browsern und auch auf dem iphone funktioniert die Anweisung "addEventListener", nur nicht auf meinem alten IPADmini (IOS 9.x).
Es geht um eine Slidershow, die eigentlich von selbst losläuft mit 2 Buttons. Ein Button. realisiert durch Javascript, ist immer aktiv, einer immer deaktiviert.
Mann soll eigentlich hin und her klicken können.
Selbstständiges starten des Slidersund klicken der Buttons funktionieren aber nicht auf dem IPADMini.
Hier die Bildergalerie
und hier eine Miniseite reduziert auf das Problem
http://www.schuette.ruhr/neu/indexipadmini.php
Hat jemand eine Idee ? Fett funktioniert nicht auf IPADMini.
HTML
<!DOCTYPE html>
<html lang="de">
<head>
<title>Javascript Button</title>
<script type="text/javascript" >
var animation = {
/* Funktionen zur Bildershow */
x: 1,
handle: null ,
startshow: function () {
document.getElementsByTagName("button")[1].disabled = false ;
document.getElementsByTagName("button")[0].disabled = true ;
handle = alert('Start gedrueckt') ;
},
stopshow: function () {
clearInterval( handle ) ;
document.getElementsByTagName("button")[1].disabled = true ;
document.getElementsByTagName("button")[0].disabled = false ;
handle = alert('Stop gedrueckt') ;
},
showEvents: function () {
var beidebut = document.getElementById("but").getElementsByTagName("button");
alert('noch ok, aber danach fängt das Problem an') ;
beidebut.button1.addEventListener( "click" , function(){
animation.startshow();
} );
alert('fehlt auf ipadmini') ;
beidebut.button2.addEventListener( "click" , function(){
animation.stopshow();
} );
},
init: function () {
animation.showEvents();
animation.startshow();
}
}
window.addEventListener( "load" , animation.init ) ;
</script>
<body>
<div id="but">
<button name="button1">start Bildershow</button>
<button name="button2">stop Bildershow</button>
</div>
</body>
</html>