nicht angemeldet
Hallo zusammen,
ich arbeite an einer Barrierefreien Internetseite für einen Pflegedienst. Der Nutzer der Seite soll die Möglichkeit haben, die Seite je nach Wunsch größer zu zoomen.
Die Funktion dazu habe ich erstellt. Sie funktioniert auch einwandfrei. Nun soll aber der "normale" Button durch eine Lupe ersetzt werden. Sobald ich aber ein image angebe, zoomt die Seite zwar kurz rein, dann aber wieder raus, danach hat man eine zeitlang nicht mehr die Möglichkeit zu zoomen, irgendwann klappt es dann wieder (also reinzoomen, aber gleichzeitig auch wieder rauszoomen).
Woran liegt das? Hat jemand eine Idee, bzw. vll sogar die Lösung zu dem Problem?
Hier einmal der Quelltext meiner "Testseite" (Das Script liegt in einer Externen Datei):
---------------------------------------------------------------------
<html>
<head>
<title> </title>
<script language="Javascript" src="javascript.js">
</script>
</head>
<body>
<form name="formfaktor">
<input type=button name="plus" value="+" onClick="zoomIn();">
<!-- So habe ich es mit dem Bild versucht:
<input type=image src="lupe.jpg" name="plus" value="+" onClick="zoomIn();">
-->
<input type=button name="minus" value="-" onClick="zoomOut();">
<input type=button name="reset" value="reset" onClick="resetZoom();">
</form>
<p>
Das ist ein Test
</body>
</html>
---------------------------------------------------------------------
Und hier noch der Code aus der *.js Datei:
---------------------------------------------------------------------
i= 1;
function zoomIn()
{ i += 1;
innerZoom(); }
function zoomOut()
{ if (i > 0.6) i -= 1;
innerZoom(); }
function resetZoom()
{ i = 1;
innerZoom(); }
function innerZoom()
{ this.document.body.style.zoom=i; }
---------------------------------------------------------------------
Vielen Dank schonmal im Voraus
Steffi
Gunnar Bittersmann