mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Mi 24.04.2024 05:20 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
Anzeige
Anzeige
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
Account gelöscht


Ort: -
Alter: -
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
 
 
Ähnliche Themen [javascript] setTimeout?
setTimeout ausführen bei mouseover
[JavaScript] setTimeout- Problem
Mit Hilfe von setTimeout auf Seite davor gelangen...
SetTimeout bei Mouseout löschen und bei Mouseover setzen
problem mit setTimeout: angezeigte seite wird überschrieben
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 an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB