Hallo!
Ich bin gerade dabei, meine erste website zu gestalten und bin gerade am Ende meines Wissens angelangt.
Ich habe bereits einiges in HTML gelernt. Da ich in meiner website aber ein Pop-up Menü einbauen möchte, und ich von Javascript noch keine Ahnung hatte, habe ich dieses Problem mittels Fireworks zu umgehen versucht.
JEtzt möchte ich aber, dass beim Klicken auf einen Untermenü-Button zwei Frames gleichzeitig geöffnet werden. WIe das in fireworks geht weiß ich aber auch (noch - oder geht das überhaupt) nicht.
Habe schon viele Javascript-Befehle für das gleichzietige Öffnen zweier Frames im Netz gefunden (gibt es ja eh zu genüge) Aber ich weiß nicht, wie ich diese SCripts mit dem für das Popup Menü kombinieren soll.
Vielleicht könnt ihr mir ja sagen, was ich wo einfügen muss. Der erste Menüpunkt mit den UNtermenüs heißt:
PET
-Die Idee
-Das Team
Hier ist mal der Code von meinem PopupMenü.
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function mmLoadMenus() {
if (window.mm_menu_1104192313_0) return;
window.mm_menu_1104192313_0 = new Menu("root",79,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#003300","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_1104192313_0.addMenuItem("Unsere Idee");
mm_menu_1104192313_0.addMenuItem("Unser Team");
mm_menu_1104192313_0.hideOnMouseOut=true;
mm_menu_1104192313_0.menuBorder=1;
mm_menu_1104192313_0.menuLiteBgColor='#ffffff';
mm_menu_1104192313_0.menuBorderBgColor='#555555';
mm_menu_1104192313_0.bgColor='#ffffff';
window.mm_menu_1104192240_1 = new Menu("root",144,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#003300","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_1104192240_1.addMenuItem("Eigenschaften & Vorteile");
mm_menu_1104192240_1.addMenuItem("Herstellung");
mm_menu_1104192240_1.addMenuItem("Entsorgung");
mm_menu_1104192240_1.hideOnMouseOut=true;
mm_menu_1104192240_1.menuBorder=1;
mm_menu_1104192240_1.menuLiteBgColor='#ffffff';
mm_menu_1104192240_1.menuBorderBgColor='#555555';
mm_menu_1104192240_1.bgColor='#ffffff';
window.mm_menu_1104192155_2 = new Menu("root",202,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#003300","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_1104192155_2.addMenuItem("Einstreu für Kleintiere");
mm_menu_1104192155_2.addMenuItem("Einstreu für Pferde");
mm_menu_1104192155_2.addMenuItem("Futterzusatz für Schweine & Rinder");
mm_menu_1104192155_2.hideOnMouseOut=true;
mm_menu_1104192155_2.menuBorder=1;
mm_menu_1104192155_2.menuLiteBgColor='#ffffff';
mm_menu_1104192155_2.menuBorderBgColor='#555555';
mm_menu_1104192155_2.bgColor='#ffffff';
window.mm_menu_1104192114_3 = new Menu("root",142,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#003300","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_1104192114_3.addMenuItem("Unser Standort");
mm_menu_1104192114_3.addMenuItem("Unsere Vertriebspartner");
mm_menu_1104192114_3.addMenuItem("Online Bestellung");
mm_menu_1104192114_3.hideOnMouseOut=true;
mm_menu_1104192114_3.menuBorder=1;
mm_menu_1104192114_3.menuLiteBgColor='#ffffff';
mm_menu_1104192114_3.menuBorderBgColor='#555555';
mm_menu_1104192114_3.bgColor='#ffffff';
window.mm_menu_1104151737_0 = new Menu("root",63,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#003300","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_1104151737_0.addMenuItem("Angebote");
mm_menu_1104151737_0.addMenuItem("News");
mm_menu_1104151737_0.addMenuItem("Termine");
mm_menu_1104151737_0.hideOnMouseOut=true;
mm_menu_1104151737_0.menuBorder=1;
mm_menu_1104151737_0.menuLiteBgColor='#ffffff';
mm_menu_1104151737_0.menuBorderBgColor='#555555';
mm_menu_1104151737_0.bgColor='#ffffff';
mm_menu_1104151737_0.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript1.2" src="mm_menu.js"></script>
</head>
<--body onLoad="MM_preloadImages('top_r1_c2_f2.gif','top_r1_c2_f3.gif','top_r1_c3_f2.gif','top_r1_c3_f3.gif','top_r1_c4_f2.gif','top_r1_c4_f3.gif','top_r1_c5_f2.gif','top_r1_c5_f3.gif','top_r1_c6_f2.gif','top_r1_c6_f3.gif');">
<script language="JavaScript1.2">mmLoadMenus();</script>
< --table border="0" cellpadding="0" cellspacing="0" width="550">
<!-- fwtable fwsrc="hoflerhp2.png" fwbase="top.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="35" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="100" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="100" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="100" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="100" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="100" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="15" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img name="top_r1_c1" src="top_r1_c1.gif" width="35" height="73" border="0" alt=""></td>
<td><a href="#" onMouseOut="MM_nbGroup('out');MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_1104192313_0,20,73,null,'top_r1_c2');MM_nbGroup('over','top_r1_c2','top_r1_c2_f2.gif','top_r1_c2_f3.gif',1);" onClick="MM_nbGroup('down','navbar1','top_r1_c2','top_r1_c2_f3.gif',1);"><img name="top_r1_c2" src="top_r1_c2.gif" width="100" height="70" border="0" alt=""></a></td>
<td><a href="#" onMouseOut="MM_nbGroup('out');MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_1104192240_1,-44,73,null,'top_r1_c3');MM_nbGroup('over','top_r1_c3','top_r1_c3_f2.gif','top_r1_c3_f3.gif',1);" onClick="MM_nbGroup('down','navbar1','top_r1_c3','top_r1_c3_f3.gif',1);"><img name="top_r1_c3" src="top_r1_c3.gif" width="100" height="70" border="0" alt=""></a></td>
<td><a href="#" onMouseOut="MM_nbGroup('out');MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_1104192155_2,-100,73,null,'top_r1_c4');MM_nbGroup('over','top_r1_c4','top_r1_c4_f2.gif','top_r1_c4_f3.gif',1);" onClick="MM_nbGroup('down','navbar1','top_r1_c4','top_r1_c4_f3.gif',1);"><img name="top_r1_c4" src="top_r1_c4.gif" width="100" height="70" border="0" alt=""></a></td>
<td><a href="#" onMouseOut="MM_nbGroup('out');MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_1104192114_3,-41,73,null,'top_r1_c5');MM_nbGroup('over','top_r1_c5','top_r1_c5_f2.gif','top_r1_c5_f3.gif',1);" onClick="MM_nbGroup('down','navbar1','top_r1_c5','top_r1_c5_f3.gif',1);"><img name="top_r1_c5" src="top_r1_c5.gif" width="100" height="70" border="0" alt=""></a></td>
<td><a href="#" onMouseOut="MM_nbGroup('out');MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_1104151737_0,37,73,null,'top_r1_c6');MM_nbGroup('over','top_r1_c6','top_r1_c6_f2.gif','top_r1_c6_f3.gif',1);" onClick="MM_nbGroup('down','navbar1','top_r1_c6','top_r1_c6_f3.gif',1);"><img name="top_r1_c6" src="top_r1_c6.gif" width="100" height="70" border="0" alt=""></a></td>
<td rowspan="2"><img name="top_r1_c7" src="top_r1_c7.gif" width="15" height="73" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="70" border="0" alt=""></td>
</tr>
<tr>
<td colspan="5"><img name="top_r2_c2" src="top_r2_c2.gif" width="500" height="3" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="3" border="0" alt=""></td>
</tr>
</table>
</body>
</html>
BItte bitte helft mir, sonst bekomme ich noch eine Krise!
Danke! Marianne