Schwambach: input Button mit Image hinterlegen

SELF-Forum

input Button mit Image hinterlegen

Schwambach
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. input Button mit Image hinterlegen

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hello out there!

    <html>

    Die DOCTYPE-Angabe fehlt.

    <script language="Javascript" src="javascript.js">

    Das 'type'-Attribut fehlt. <http://de.selfhtml.org/javascript/intro.htm#javascriptbereiche@title=So geht’s richtig.> Auf das 'language'-Attribut freut sich die Mülltonne.

    <form name="formfaktor">

    Das 'action'-Attribut fehlt. Da du aber gar keine Daten zur Weiterverarbeitung verschicken willst, ist das 'font'-Element hier unangebracht; 'input'-Elemente verlangen kein solches.

    Ohne 'font'-Element funktionierts im IE. Im Firefox zoomt nichts.

    function zoomIn()
    { i += 1;

    Wäre hier eine Multiplikation mit einem Faktor nicht angebrachter? Und einen Maximalwert gibt’s auch nicht?

    function zoomOut()
    { if (i > 0.6) i -= 1;

    i kann also -0.4 werden?

    See ya up the road,
    Gunnar

    --
    „Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ (Kirsten Evers)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln