Ergebnis 1 bis 6 von 6

Thema: Externe .JS Datei aufbauen.

  1. #1
    Azubi(ne) Avatar von OJMD
    Registriert seit
    13.03.2007
    Ort
    Heidelberg
    Beiträge
    63
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Externe .JS Datei aufbauen.

    Hallo zusammen,

    ich überarbeite gerade meine Website und möchte gern alle meine Javascript Funktionen in eine Externe Datei schreiben und diese einfach nur in die jeweilige Seite einbinden.

    Kann mir jemand sagen wo der Fehler hier in meinem Versuchsaufbau liegt?

    Es soll das Untermenü eingefadet werden.


    Index.html
    PHP-Code:
    <html>

    <
    head>
        <
    script type="text/javascript" src="scripte/Script.js"></script>
    </head>

    <body>  
        <div id="MENU1" onmouseover='fading.ON("SUBMENU1");'>Home</div>


    <div id="SUBMENU1" style="display:none;border:1px solid #000;background-color:#aaa">TEST TEST TEST</div>
     
    </body>
    </html> 

    Script.js
    PHP-Code:
    var fading = {
        
    ON: function(obj){
            var 
    step 0;
            if (
    step <= 100){

            
    document.getElementByid(obj).style.display="block";
            
    document.getElementByid(obj).style.opacity step;
            
    document.getElementByid(obj).style.filter "alpha(opacity=" step ")"// IE
            
            
    step++;
            
    setTimeout(fading.ON100);
            }
        },
        
        
    OFF: function(){
        
        },

    Ich sage schon mal vielen Dank.

    Gruß OJMD
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Pion
    Gast

    Standard AW: Externe .JS Datei aufbauen.

    Jetzt geht es nicht und ohne externe Winbindung ging es?

    Adesse falsch^^?

  3. #3
    Azubi(ne)
    Themenstarter
    Avatar von OJMD
    Registriert seit
    13.03.2007
    Ort
    Heidelberg
    Beiträge
    63
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Externe .JS Datei aufbauen.

    Hallo Pion,

    ich hab es hin bekommen, ein Komma war zuviel. (hinter der vorletzten Geschweiften Klammer)

    Woran ich jetzt aber gerade Scheitere ist warum er nicht fadet, das müsste doch so eigentlich funktionieren, oder?

    Code:
    var fading = {
    
    	ON: function(obj,step){
    		if (step <= 100){
    			document.getElementById(obj).style.display="block";
    			document.getElementById(obj).style.opacity = step/100;
    			document.getElementById(obj).style.filter = "alpha(opacity=" + step + ")"; // IE
    			step=step+1;
    			setTimeout(fading.ON(obj,step), 100);
    		}
    	},
    	
    	OFF: function(obj){
    		document.getElementById(obj).style.display="none";
    	}
    }
    Er weigert sich aber und blendet es sofort ein.


    Gruß OJMD

  4. #4
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Externe .JS Datei aufbauen.

    du kannst meines wissens nach bei settimeout keine argumente übergeben.
    zudem muss die funktion als string übergeben werden.
    versuchs mal so:
    Code:
    setTimeout('fading.ON('+obj+')', 100);
    Schöner wärs, wenn du das zu fadende div als Objektvariable setzt und dann im onload ein click-event setzt.
    Geändert von jojo87 (12.11.2010 um 17:16 Uhr)

  5. #5
    Azubi(ne)
    Themenstarter
    Avatar von OJMD
    Registriert seit
    13.03.2007
    Ort
    Heidelberg
    Beiträge
    63
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Externe .JS Datei aufbauen.

    Hallo jojo87,

    ich habe mehrere Javascript ".js" Dateien angeschaut, in denen wird der Ausdruck nicht in Klammern gesetzt. Die Funktion funktioniert ja auch, sie wird 100 mal aufgerufen (geprüft mit Alert(step) das opacity wird auch geändert. Das einzige was nicht geht ist die Verzögerung, egal was ich reinschreibe 1, 500, 5000000 es erscheid sofort.

    Gruß OJMD

  6. #6
    Azubi(ne)
    Themenstarter
    Avatar von OJMD
    Registriert seit
    13.03.2007
    Ort
    Heidelberg
    Beiträge
    63
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Externe .JS Datei aufbauen.

    OK hab es jetzt hin bekommen und gleich ein neues Problem. Der onmousover wird schon aktiviert ob wohl ich noch auch dem div bin. Jetzt Flimmert mein Menü wenn ich über die Links mit der Maus fahre und das event onmouseout wenn ich das Menü verlasse funktioniert jetzt auch nicht immer richtig.

    Kann mir jemand sagen warum?


    Code:
    var fading = {  
    st: setTimeout('null',1),
    speed: 2,
    todo: 1,
    id:'',
    step:0,
            
    	STARTON: function(obj){
           		fading.id = obj 
           		fading.ON() 
           	},
    	ON: function(){  
    		if (fading.step < 100){
    			document.getElementById(fading.id).style.display="block"
    			document.getElementById(fading.id).style.opacity = fading.step/100
    			document.getElementById(fading.id).style.filter = "alpha(opacity=" + fading.step + ")"; // IE
    			fading.step+=2;
    		        fading.st = setTimeout('fading.ON()',(fading.speed))
    		}else{
    			clearTimeout(fading.st)
    			fading.st = setTimeout('null',1)  
    		
    			
    		}
    	},
    	
    	OFF: function(obj){ 
    		document.getElementById(obj).style.display="none"
    		fading.step = 0
    	},
    	
    	SHOWOUT: function(obj){
    	
           		if(fading.todo == 1){ 
       	      		document.getElementById(obj).style.display="block"
       	      		fading.todo = 0
          		}else{
       	       		document.getElementById(obj).style.display="none"
       			fading.todo = 1
          		}
          }
    }

Ähnliche Themen

  1. Externe CSS-Datei
    Von webzetty im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 25.05.2009, 17:20
  2. externe JavaScript-Datei
    Von mattis_1 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 24.10.2007, 18:08
  3. div-container und externe css-datei
    Von noa im Forum HTML & CSS Forum
    Antworten: 22
    Letzter Beitrag: 21.09.2006, 19:47
  4. Javascript: externe JS-Datei in einer externen JS-Datei
    Von µaTh im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 29.10.2005, 19:27
  5. externe css-datei
    Von D.K. im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 24.07.2005, 21:51

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •