Ergebnis 1 bis 8 von 8
  1. #1
    MacStar ist offline Grünschnabel
    registriert
    02-08-2007
    Beiträge
    5

    Hilfe, Probleme 2 Scripte gleichzeitig laufen zu lassen!

    Hallo liebe Community,

    Ich bastel gerade ein bißchen an meine Seite rum und kriege es einfach nicht hin zwei Scripte gleichzeitig laufen zu lassen. Für sich alleine geht es wunderbar aber sobald ich beide einbaue nix.

    Zur Seite ich habe eine Javascript Menü und will noch ein Javascript Vertical Image Slideshow einbauen. Aber immer wenn ich die Einbaue geht das Menu nicht mehr :-(

    Ich hoffe ihr könnt mir weiterhelfen!!

    Grüße
    MacStar


    hmlt-code
    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=UTF-8" />
    <title>Test</title>
    <script type="text/javascript" src="newcssmenu.js"></script>
    <link type="text/css" rel="stylesheet" href="cssmenu.css">
    <style type="text/css">
    <!--
    body {
    	background-color: #CCCCCC;
    }
    -->
    </style></head>
    
    <body>
    <table width="95%" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td bgcolor="#CCCCCC">
        <ul id="menuList">
       		<li class="menubar">
              			<a href="#" class="starter" accesskey="1">Unternehmen</a>
    		  <ul id="menu1" class="menu">
    			<li><a href="unser_unternehmen.html" title="Unser Unternehmen">Unser Unternehmen</a></li>
    			<li><a href="philosophie.html" title="Philosophie">Philosophie</a></li>
    			<li><a href="offene_stellen.html" title="Offene Stellen">Offene Stellen</a></li>
    		  </ul>
            		</li>
       		<li class="menubar">
              			<a href="#" class="starter" accesskey="2">Produkte</a>
    		  <ul id="menu2" class="menu">
    			<li><a href="prod_uhren.html" title="Uhren">Uhren</a></li>
    			<li><a href="prod_schmuck.html" title="Schmuck-Kollektionen">Schmuck-Kollektionen</a></li>
    			<li><a href="prod_lederwaren.html" title="Lederwaren">Lederwaren</a></li>
    			<li><a href="prod_sonnenbrillen.html" title="Sonnenbrillen">Sonnenbrillen</a></li>
    			<li><a href="prod_verkaufsysteme.html" title="Verkaufssysteme">Verkaufssysteme</a></li>
    		  </ul>
            		</li>
            		<li class="menubar">
              			<a href="#" class="starter" accesskey="3">Service</a>
              			<ul id="menu3" class="menu">
    					<li><a href="service.html" title="Service">Service</a></li>
    					</ul>
            		</li>
            		<li class="menubar">
              			<a href="#" class="starter" accesskey="4">Kontakt</a>
              			<ul id="menu4" class="menu">
    					<li><a href="kontakt.html" title="Kontaktformular">Kontakt</a></li>
    					</ul>
            		</li>
       	  </ul>
        
        &nbsp;</td>
      </tr>
      <tr>
        <td bgcolor="#FFFFFF">
        <script type="text/javascript">
    
    var sliderwidth = 150; // Breite des Sliders
    var sliderheight = 420; // Höhe des Sliders
    var slidespeed = 1; // Geschwindigkeit des Sliders
    var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe
    var slidedir = "runter"; // Richtung - "hoch" oder "runter"
    var leftrightslide = new Array();
    var copyspeed = slidespeed;
    var i = 0;
    
    /* HIER DIE LINKS UND BILDER ANPASSEN*/
    leftrightslide[i++] = '<div><a href="0001.html"><img src="images/sportuhr_1s.jpg"></a></div>';
    leftrightslide[i++] = '<div><a href="0001.html"><img src="images/sportuhr_2s.jpg"></a></div>';
    leftrightslide[i++] = '<div><a href="0001.html"><img src="images/sportuhr_3s.jpg"></a></div>';
    
    
    
    /* AB HIER NICHTS MEHR ÄNDERN */
    //leftrightslide = '<nobr>' + leftrightslide.join("") + '</nobr>';
    leftrightslide = leftrightslide.join("");
    var iedom = document.all || document.getElementById;
    if (iedom)
    	document.write('<span id="temp" style="visibility:hidden;position:absolute;left:-100px;top:-3000px">' + leftrightslide + '</span>');
    var actualheight = '';
    var cross_slide, ns_slide;
    
    function fillup(){
    	if (iedom){
    		cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
    		cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3;
    		cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
    		actualheight=document.all? cross_slide.offsetHeight : document.getElementById("temp").offsetHeight;
    		cross_slide2.style.top=actualheight+20+"px";
    	}
    	else if (document.layers){
    		ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
    		ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
    		ns_slide.document.write(leftrightslide);
    		ns_slide.document.close();
    		actualheight=ns_slide.document.height;
    		ns_slide2.top=actualheight+20;
    		ns_slide2.document.write(leftrightslide);
    		ns_slide2.document.close();
    	}
    	if ( slidedir == "hoch" ) {
    		lefttime=setInterval("slidetop()",30);
    	} else {
    		lefttime=setInterval("slidedown()",30);
    	}
    }
    window.onload=fillup;
    function slidetop(){
    	if (iedom){
    		if (parseInt(cross_slide.style.top)>(actualheight*(-1)+8))
    			cross_slide.style.top=parseInt(cross_slide.style.top)-copyspeed+"px";
    		else
    			cross_slide.style.top=parseInt(cross_slide2.style.top)+actualheight+"px";
    
    		if (parseInt(cross_slide2.style.top)>(actualheight*(-1)+8))
    			cross_slide2.style.top=parseInt(cross_slide2.style.top)-copyspeed+"px";
    		else
    			cross_slide2.style.top=parseInt(cross_slide.style.top)+actualheight+"px";
    	}
    	else if (document.layers){
    		if (ns_slide.top>(actualheight*(-1)+8))
    			ns_slide.top-=copyspeed;
    		else
    			ns_slide.top=ns_slide2.top+actualheight;
    
    		if (ns_slide2.top>(actualheight*(-1)+8))
    			ns_slide2.top=copyspeed;
    		else
    			ns_slide2.top=ns_slide.top+actualheight;
    	}
    }
    
    function slidedown(){
    	if (iedom){
    		if (parseInt(cross_slide.style.top)<(actualheight-8))
    			cross_slide.style.top=parseInt(cross_slide.style.top)+copyspeed+"px";
    		else
    			cross_slide.style.top=parseInt(cross_slide2.style.top)-actualheight+"px";
    
    		if (parseInt(cross_slide2.style.top)<(actualheight-8))
    			cross_slide2.style.top=parseInt(cross_slide2.style.top)+copyspeed+"px";
    		else
    			cross_slide2.style.top=parseInt(cross_slide.style.top)-actualheight+"px";
    	}
    	else if (document.layers){
    		if (ns_slide.top>(actualheight*(-1)+8))
    			ns_slide.top-=copyspeed;
    		else
    			ns_slide.top=ns_slide2.top+actualheight;
    
    		if (ns_slide2.top>(actualheight*(-1)+8))
    			ns_slide2.top=copyspeed;
    		else
    			ns_slide2.top=ns_slide.top+actualheight;
    	}
    }
    
    if (iedom||document.layers){
    	with (document){
    		document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');
    		if (iedom){
    			document.write('<div style="position:relative;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;overflow:hidden">');
    			document.write('<div style="position:absolute;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;background-color:' + slidebgcolor + '" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">');
    			document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
    			document.write('<div id="test3" style="position:absolute;top:-1000;left:0"></div>');
    			document.write('</div></div>');
    		}
    		else if (document.layers){
    			document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');
    			document.write('<layer name="ns_slidemenu2" left=0 top=0 onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed"></layer>');
    			document.write('<layer name="ns_slidemenu3" left=0 top=0 onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed"></layer>');
    			document.write('</ilayer>');
    		}
    		document.write('</td></table>');
    	}
    }
    </script>
    
        
        &nbsp;</td>
      </tr>
    </table>
    </body>
    </html>
    menu-script
    Code:
    	var currentMenu = null;
    	var mytimer = null;
    	var timerOn = false;
    	var opera = window.opera ? true : false;
    
    	if (!document.getElementById)
    		document.getElementById = function() { return null; }
    	
    	function initialiseMenu(menu, starter, root) {
    //		var menuId = menu.attributes(0).value;
    		var leftstarter = false;
    	
    		if (menu == null || starter == null) return;
    			currentMenu = menu;
    	
    		starter.onmouseover = function() {
    			if (currentMenu) {
    				if (this.parentNode.parentNode!=currentMenu) {
    					currentMenu.style.visibility = "hidden";
    					
    
    				}
    				if (this.parentNode.parentNode==root) {
    					tempCurrentMenu = currentMenu
    					while (tempCurrentMenu.parentNode.parentNode!=root) {
    						tempCurrentMenu.parentNode.parentNode.style.visibility = "hidden";
    						tempCurrentMenu = tempCurrentMenu.parentNode.parentNode;
    					}
    				}
    				currentMenu = null;
    				this.showMenu();
    	        	}
    		}
    	
    		menu.onmouseover = function() {
    			if (currentMenu) {
    				currentMenu = null;
    				this.showMenu();
    	        	}
    		}	
    	
    		starter.showMenu = function() {
    			if (!opera) {
    				if (this.parentNode.parentNode==root) {
    					menu.style.left = this.offsetLeft + "px";
    					menu.style.top = this.offsetTop + this.offsetHeight + "px";
    				}
    				else {
    				 	menu.style.left = this.offsetLeft + this.offsetWidth + "px";
    				 	menu.style.top = this.offsetTop + "px";
    				}
    			}
    			else {
    				if (this.parentNode.parentNode==root) {
    					menu.style.left = this.offsetLeft + "px";
    					menu.style.top = this.offsetHeight + "px";
    				}
    				else {
    				 	menu.style.left = this.offsetWidth + "px";
    				 	menu.style.top = this.offsetTop + "px";
    				}
    
    			}
    			menu.style.visibility = "visible";
    			currentMenu = menu;
    		}
    
    		starter.onfocus	 = function() {
    			starter.onmouseover();
    		}
    	
    		menu.onfocus	 = function() {
    //			currentMenu.style.visibility="hidden";
    		}
    
    		menu.showMenu = function() {
    			menu.style.visibility = "visible";
    			currentMenu = menu;
    			stopTime();
    		}
    
    		menu.hideMenu = function()  {
    			if (!timerOn) {
    				mytimer = setInterval("killMenu('" + this.id + "', '" + root.id + "');", 2000);
    				timerOn = true;
    				for (var x=0;x<menu.childNodes.length;x++) {
    					if (menu.childNodes[x].nodeName=="LI") {
    						if (menu.childNodes[x].getElementsByTagName("UL").length>0) {
    							menuItem = menu.childNodes[x].getElementsByTagName("UL").item(0);
    							menuItem.style.visibility = "hidden";
    						}
    					}
    				}
    			}
    		}
    
    		menu.onmouseout = function(event) {
    			this.hideMenu();
    		}
    
    		starter.onmouseout = function() {
    			for (var x=0;x<menu.childNodes.length;x++) {
    				if (menu.childNodes[x].nodeName=="LI") {
    					if (menu.childNodes[x].getElementsByTagName("UL").length>0) {
    						menuItem = menu.childNodes[x].getElementsByTagName("UL").item(0);
    						menuItem.style.visibility = "hidden";
    					}
    				}
    			}
    			menu.style.visibility = "hidden";
    		}
    }
    	function killMenu(menu, root) {
    		var menu = document.getElementById(menu);
    		var root = document.getElementById(root);
    		menu.style.visibility = "hidden";
    		for (var x=0;x<menu.childNodes.length;x++) {
    			if (menu.childNodes[x].nodeName=="LI") {
    				if (menu.childNodes[x].getElementsByTagName("UL").length>0) {
    					menuItem = menu.childNodes[x].getElementsByTagName("UL").item(0);
    					menuItem.style.visibility = "hidden";
    				}
    			}
    		}
    		while (menu.parentNode.parentNode!=root) {
    			menu.parentNode.parentNode.style.visibility = "hidden";
    			menu = menu.parentNode.parentNode;
    		}
    		stopTime();
    	}
    	function stopTime() {
    		if (mytimer) {
    		 	 clearInterval(mytimer);
    			 mytimer = null;
    			 timerOn = false;
    		}
    	} 
    
    	window.onload = function() {
    		var root = document.getElementById("menuList");
    		getMenus(root, root);
    	}
    
    function getMenus(elementItem, root) {
    	var selectedItem;
    	var menuStarter;
    	var menuItem;
    	for (var x=0;x<elementItem.childNodes.length;x++) {
    		if (elementItem.childNodes[x].nodeName=="LI") {
    			if (elementItem.childNodes[x].getElementsByTagName("UL").length>0) {
    				menuStarter = elementItem.childNodes[x].getElementsByTagName("A").item(0);
    				menuItem = elementItem.childNodes[x].getElementsByTagName("UL").item(0);
    				getMenus(menuItem, root);
    				initialiseMenu(menuItem, menuStarter, root);
    			}
    		}
    	}
    }

  2. #2
    Buenaventure ist offline Jungspund
    registriert
    18-07-2007
    Beiträge
    13

    AW: Hilfe, Probleme 2 Scripte gleichzeitig laufen zu lassen!

    also ich hab mir den Code nicht genau angeguckt, aber dass kann eigentlich nur daran liegen, dass es 2 variablen mit gleichem Namen gibt
    ...javascript makes the web go round...
    ...AJAX ist ein Waschmittel...

  3. #3
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: Hilfe, Probleme 2 Scripte gleichzeitig laufen zu lassen!

    Probier mal folgendes:
    das raus aus dem HTML:
    Code:
    window.onload=fillup;
    und ins externe JS setzt Du es wieder so ein unter:
    Code:
    window.onload = function() {
    		var root = document.getElementById("menuList");
    		getMenus(root, root);
                    fillup();
    	}


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  4. #4
    MacStar ist offline Grünschnabel
    registriert
    02-08-2007
    Beiträge
    5

    AW: Hilfe, Probleme 2 Scripte gleichzeitig laufen zu lassen!

    @anna55:

    Danke für Deine Hilfe aber leider klappt es so nicht. Die Slideshow geht so überhaupt nicht :-(

    Grüße
    MacStar

  5. #5
    MacStar ist offline Grünschnabel
    registriert
    02-08-2007
    Beiträge
    5

    AW: Hilfe, Probleme 2 Scripte gleichzeitig laufen zu lassen!

    Ist denn wirklich keiner da der mir noch einen Tip geben kann? Bin mit Javascript nicht so bewandet, aber ein Pro müsste mir doch irgendwie helfen können.

    Grüße
    MacStar

  6. #6
    D.Baddel ist offline Foren As
    registriert
    16-05-2007
    Beiträge
    99

    AW: Hilfe, Probleme 2 Scripte gleichzeitig laufen zu lassen!

    Baue den Vorschlag von anna55 im zweiten Script-Tag ein und schmeiß beide alten onload-Geschichten aus den scripts raus.

  7. #7
    MacStar ist offline Grünschnabel
    registriert
    02-08-2007
    Beiträge
    5

    AW: Hilfe, Probleme 2 Scripte gleichzeitig laufen zu lassen!

    Supa, es geht !!!!!

    @Baddel:

    thx für den hinweis nochmal auf anna's vorschlag einzugehen....

    @anna:

    deine lösung geht wunderbar. war einfach zu verpeilt beim ersten versuch es umzusetzen...danke nochmal...

  8. #8
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: Hilfe, Probleme 2 Scripte gleichzeitig laufen zu lassen!

    Hi MacStar,

    hab's eben gelesen und mich gewundert. Aber gut, dass es jetzt funktioniert.

    Gruß Anna


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

Ähnliche Themen

  1. Probleme mit Menü - Dringe Hilfe gesucht!
    Von sk-designs im Forum JavaScript
    Antworten: 8
    Letzter Beitrag: 15-08-2006, 10:20
  2. Antworten: 24
    Letzter Beitrag: 08-07-2005, 12:28
  3. Probleme mit Masken in Flash - Hilfe!!
    Von nelya im Forum Flash
    Antworten: 0
    Letzter Beitrag: 17-04-2005, 18:38
  4. mehrere Scripte gleichzeitig pro seite
    Von histe im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 16-10-2003, 22:58
  5. Hilfe !!! Probleme mit Javaskript !!!
    Von DarkVampire666 im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 14-05-2003, 20:31

Lesezeichen

Berechtigungen

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