mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 14.10.2008 06:36 Benutzername: Passwort: Auto-Login

Thema: [JS] setTimeout einmal und dann nie wieder? vom 27.03.2007

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> [JS] setTimeout einmal und dann nie wieder?
Autor Nachricht
kugelfischi
Threadersteller

Dabei seit: 17.10.2006
Ort: datenstrom west
Alter: -
Geschlecht: Männlich
Verfasst Di 27.03.2007 21:08
Titel

[JS] setTimeout einmal und dann nie wieder?

Antworten mit Zitat Zum Seitenanfang

Hallo!

Hab da ein Problem mit JavaScript (bin absoluter Anfänger *bäh* )

Habe folgendes Script:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Tweenig</title>
<script type="text/javascript" language="javascript">
<!--
Funktion = '';
Bildname = '';
minx=38;
miny=38;
maxx=70;
maxy=70;
x=38;
y=38;

InAktiv = '';
OutAktiv = '';


function eZoomIn(Bildname)
{
   var bildobjekt = eval("document."+Bildname);
   bildobjekt.width=x;
   bildobjekt.height=y;
   
   if(x < maxx)
   {
      x = x + 2;
   }   
   if(y < maxy)
   {
      y = y + 2;
   }
   InAktiv = setTimeout("eZoomIn('"+Bildname+"'), 150");
}

function eZoomOut(Bildname)
{
   var bildobjekt = eval("document."+Bildname);
   bildobjekt.width=x;
   bildobjekt.height=y;
   
   if(x >= minx)
   {
      x = x - 2;
   }   
   if(y >= miny)
   {
      y = y - 2;
   }
   setTimeout("eZoomOut('"+Bildname+"'), 150");   
}


window.clearTimeout();
//-->
</script>
</head>
<body>
<center>
<img src="bildchen.gif" alt="#" id="Bild1" name="Bild1" width="38" height="38" onmouseover="eZoomIn('Bild1');" onmouseout="eZoomOut('Bild1');" />
</center>
</body>
</html>


Ablaufplan:
1. Bild ist verkleinert zu sehen (38x38 Pixel)
2. Mit Maus drüber gehen .> Bild wird in Stufen (2 Pixel) vergrößert (bis Endformat: 70 x70 Pixel)
3. Maus wieder runter vom Bild -> Bild soll sich wieder verkleiner <---- Und da ist das Problem!

Das verkleinern klappt einfach nicht! Menno!

Woran köönte das liegen?

Wäre für jeden Rat dankbar!

Gruß
Kugelfischi
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 28.03.2007 08:02
Titel

Antworten mit Zitat Zum Seitenanfang

Schätze mal das clearTimeout ist an der falschen
Stelle gesetzt:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Tweenig</title>
<script type="text/javascript" language="javascript">
<!--
Funktion = '';
Bildname = '';
minx=38;
miny=38;
maxx=70;
maxy=70;
x=38;
y=38;

InAktiv = '';
OutAktiv = '';


function eZoomIn(Bildname)
{
   window.clearTimeout(OutAktiv);
   var bildobjekt = eval("document."+Bildname);
   bildobjekt.width=x;
   bildobjekt.height=y;
   x = (x < maxx) ? x + 2 : x ;
   y = (y < maxy) ? y + 2 : y ;
   InAktiv = setTimeout("eZoomIn('"+Bildname+"'), 150");
}

function eZoomOut(Bildname)
{
   window.clearTimeout(InAktiv);
   var bildobjekt = eval("document."+Bildname);
   bildobjekt.width=x;
   bildobjekt.height=y;
   x = (x >=  minx) ? x - 2 : x ;
   y = (y >=  miny) ? y - 2 : y ;
   OutAktiv = setTimeout("eZoomOut('"+Bildname+"'), 150");   
}
//-->
</script>
</head>
<body>
<center>
<img src="bildchen.gif" alt="#" id="Bild1" name="Bild1" width="38" height="38" onmouseover="eZoomIn('Bild1');" onmouseout="eZoomOut('Bild1');" />
</center>
</body>
</html>
  View user's profile Private Nachricht senden
kugelfischi
Threadersteller

Dabei seit: 17.10.2006
Ort: datenstrom west
Alter: -
Geschlecht: Männlich
Verfasst Mi 28.03.2007 08:38
Titel

Antworten mit Zitat Zum Seitenanfang

Moinsen!

Dein Script funktioniert so, wie ich es wollte. Lächel


Vielen Dank!

Gruß!
  View user's profile Private Nachricht senden
kugelfischi
Threadersteller

Dabei seit: 17.10.2006
Ort: datenstrom west
Alter: -
Geschlecht: Männlich
Verfasst Do 29.03.2007 12:30
Titel

Antworten mit Zitat Zum Seitenanfang

Hi!

Ich nochmal *zwinker*

Mußte leider feststellen, dass das Script nicht im Opera und Safari-Browser funzt.

Wieso?

Bin für jeden Rat dankbar.

Gruß
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 29.03.2007 20:24
Titel

Antworten mit Zitat Zum Seitenanfang

Hmm, hier sind noch die Anführungszeichen falsch
gewesen (getestet im Opera 9):

Code:
InAktiv = setTimeout("eZoomIn('"+Bildname+"')", 150);

Code:
OutAktiv = setTimeout("eZoomOut('"+Bildname+"')", 150); 
  View user's profile Private Nachricht senden
XSchinkenX

Dabei seit: 25.01.2004
Ort: Mars
Alter: -
Geschlecht: -
Verfasst Do 29.03.2007 21:49
Titel

Antworten mit Zitat Zum Seitenanfang

Ich bin ja gerade von prototype angesteckt...

http://www.prototypejs.org/api/periodicalExecuter
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [javascript] setTimeout?
[JavaScript] setTimeout- Problem
SetTimeout bei Mouseout löschen und bei Mouseover setzen
Berechnung - Bilddatenmenge ...warum hauts nie hin?
Zwei Sachen auf einmal?
tweening > positionierung > einmal ...
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.