tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
505
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 09.11.08 12:04 #1
    Lautsprecher Lautsprecher ist offline Mitglied Gold
    Registriert seit
    Jun 2005
    Beiträge
    246
    Hallo,

    ich versuche mir gerade ein wenig Javascript beizubringen und komme gerade leider nicht weiter. Vielleicht kann mir jemand von Euch helfen.

    Ich möchte eine Grafik 300 Pixel von links nach rechts bewegen lassen. An der Endposition soll sie dann ausgeblendet (hidden) werden. Der ganze Spaß soll starten, in dem man auf einen Hyperlink drückt. Leider passiert bei mir gar nichts!

    Hier mein Code:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84

    <html>
<head>
<title>Aufgabe 1 Webdesign f&uuml;r Profis</title>
 
<script type="text/javascript">
<!--
 
var objref1
 
function init(){
  if (document.all){
    objref1 = document.all.raiba.style
   
  } else if (document.layers){
    objref1 = document.raiba
    
  } else if (document.getElementById){
    objref1 = document.getElementById("raiba").style
   
  }
}
 
function leselinks(){
  if (document.all)                                       //für IE 4,5,6
    return document.all.raiba.style.posLeft
  else if (document.layers)                    //Anweisungen für Netscape Navigator 4
    return document.raiba.left
  else if (document.getElementById)          //Anweisungen für Netscape 6, Firefox 1.5
    return parseInt(document.getElementById("raiba").style.left)
}
 
function setzelinks(n){
  if (document.all)
    document.all.raiba.style.posLeft = n
  else if (document.layers)
    document.raiba.left = n
  else if (document.getElementById)
    document.getElementById("raiba").style.left = n+"px"
}
 
function animate(abstand){
  ziel=abstand
  if (leselinks()<ziel){
    setzelinks(leselinks() + 3)
    setTimeout("animate(ziel)", 50)
  
  else
  { 
     hideshow()
  }
  
}
 
 
function hideshow(){
 
    var visi = "hidden"
    objref1.visibility = visi
  }
}
 
 
 
 
//-->
</script>
</head>
 
 
 
Grüße
 
<body onLoad="init();">
 
      <a href="#" onClick="animate(300);">Start</a>  
 
 
 
<div id="raiba" style="position:absolute; left:10px; top:400px;">
  <img src=images/hotzenplotz.jpg>
</div>
 
</body>
</html>
     
    Zitieren Zitieren
  2. 09.11.08 12:21 #2
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Moin,

    du hast nur eine Klammer falsch gesetzt, so geht es :
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

    function animate(abstand){
  ziel=abstand
  if (leselinks()<ziel){
    setzelinks(leselinks() + 3)
    setTimeout("animate(ziel)", 50)
[B][COLOR="DarkRed"]<--nach hier[/COLOR][/B]
  else
  { 
     hideshow()
  }
  
}
 
 
function hideshow(){
 
    var visi = "hidden"
    objref1.visibility = visi
  }
}[B][COLOR="DarkRed"]<--von hier[/COLOR][/B]
     
    Zitieren Zitieren
  3. 09.11.08 12:21 #3
    messmar messmar ist offline Mitglied Brokat
    Registriert seit
    Oct 2003
    Ort
    München (Bayern)
    Beiträge
    434
    Hi,

    ....
    ich versuche mir gerade ein wenig Javascript beizubringen und komme gerade leider nicht weiter.
    ....
    Du hast einige Syntaxfehler in deinem Code.... überall am Ende jede Anweisung wurde ";" vergessen und auch einen Syntaxfehler bei der letzten Funktion die Klammer: "{}".

    hierbei der anpasste Code, und der funkt. bei mir soweit ich ihn getestet habe.

    HTML-Code:
    <script>
<!--

var objref1;

function init(){
  if (document.all){
    objref1 = document.all.raiba.style;
   
  } else if (document.layers){
    objref1 = document.raiba;
    
  } else if (document.getElementById){
    objref1 = document.getElementById("raiba").style;
   
  }
}

function leselinks(){
  if (document.all)                                       //für IE 4,5,6
    return document.all.raiba.style.posLeft;
  else if (document.layers)                    //Anweisungen für Netscape Navigator 4
    return document.raiba.left;
  else if (document.getElementById)          //Anweisungen für Netscape 6, Firefox 1.5
    return parseInt(document.getElementById("raiba").style.left);
}

function setzelinks(n){
  if (document.all)
    document.all.raiba.style.posLeft = n;
  else if (document.layers)
    document.raiba.left = n;
  else if (document.getElementById)
    document.getElementById("raiba").style.left = n+"px";
}

function animate(abstand){
  ziel=abstand;
  if (leselinks()<ziel){
    setzelinks(leselinks() + 3);
    setTimeout("animate(ziel)", 50);
  
  }else{ 
     hideshow();
  }
  
}

function hideshow(){
 
    var visi = "hidden";
    objref1.visibility = visi;
  }

//-->
</script>
    Gruß und der Sven macht es natürlich viel besser
    Messmar
    Geändert von messmar (09.11.08 um 12:27 Uhr)
     
    Zitieren Zitieren
  4. 09.11.08 15:16 #4
    Lautsprecher Lautsprecher ist offline Mitglied Gold
    Registriert seit
    Jun 2005
    Beiträge
    246
    Hallo Danke Euch

    ist ja super, dass ihr mir so schnell helfen konntet! Immer diese Leichtsinnsfehler. Na ja aller Anfang ist schwer!!

    Grüße
    Daniel
     
    Zitieren Zitieren
« Umrechnung Zeit | Css mit Javascript ändern? »

Ähnliche Themen

  1. JavaScript-Code für Außenwelt "nicht lesbar schalten"
    Von Kai-Behncke im Forum Hosting & Webserver
    Antworten: 2
    Letzter Beitrag: 15.11.09, 21:14
  2. "Beenden" über (x) bzw roten Knopf (OSX) oben am Fenster?
    Von tzippy im Forum Java
    Antworten: 1
    Letzter Beitrag: 25.10.09, 16:49
  3. Javascript-Aufruf eines "Slimbox 2"-Links funktioniert nicht
    Von Warper im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 09.05.09, 01:25
  4. Outlook 2000 Prof. startet nicht wegen "GB-Problem"
    Von LuvShining im Forum Office-Anwendungen
    Antworten: 5
    Letzter Beitrag: 30.05.06, 14:36
  5. C# Trotz "Show Desktop" Knopf nicht minimieren
    Von Terrance & Philipp im Forum .NET Windows Forms
    Antworten: 6
    Letzter Beitrag: 02.11.05, 13:40