Hallo,
bin momentan dabei für meine Frau eine Website mit GoLive CS zu erstellen.
Nach Startschwierigkeiten klappte das auch halbwegs ordentlich.
Die Site habe ich mit 3 frames erstellt, links die Navigation, oben eine Art Logo oder so ähnlich.
Und rechts der Hauptteil mit Inhalt. Und darum geht es mir hier, vor allem die Startseite.
Dort habe ich über eine Auswahlliste verschiedene Bilder intergriert.
Jetzt möchte ich unten noch Musik einbinden, am Besten auch über ein Formular-Popup.
Dazu habe ich eins Script aus dem Michael Seeboerger-Weichselbaum Buch "Javascript" im BHV -Verlag auf Seite 269 ff. in meine Seite eingebaut.
Mit dem Browser Mozilla-Firefox funktioniert das auch ganz ordentlich, doch beim IE gibt es Probleme.
Er spielt zwar die Musik ab, doch ist der Musik-Navigations-Button zum Stoppen der Musik nicht mehr zu sehen. (vermutlich wegen location href)
Außerdem kommt der Surfer nur über den Zurück-Pfeil im Browser zurück zur Seite.
Das ist nicht schön und kann verwirren und fehlleiten.
Ich hätte es gern, daß auf meiner Frame-Seite die Musik ausgewählt werden kann und dann am Besten auch auf der selben Seite abgespielt wird, so daß der Besucher jeder Zeit Kontrolle über das Musik-Abspielen hat.
Verschiedene (freie) Java-Script-Portale habe ich mir schon angeschaut, aber nicht das richtige gefunden. Deshalb versuche ich es hier, zumal meine JS-Kenntnisse nicht mehr die frischesten sind.
Viellicht geht es ja auch einfacher direkt über GoLive.
Hatte früher auch schon mal hier gepostet und gute Erfahrungen gemacht.
Vielen Dank im Voraus.
Marc
Anbei schicke ich den Quellcode meiner Seite:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive">
<title>rechtsinh</title>
<script language="JavaScript">
function auswahl ()
{
var index=document.dateien.waehlen.selectedIndex;
var datei=document.dateien.waehlen.options[index].value;
play(datei);
}
function play (file)
{
location.href=file;
}
</script>
<link href="kerstinwebsite.css" rel="stylesheet" type="text/css" media="all">
<csactions>
<csaction name="450A705" class="Image Menu" type="onevent" val0="Formuebungsraum" val1="uebungsraumkerstin" val2="uebungsraum04"></csaction>
</csactions>
<csscriptdict import>
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
CSAct[/*CMP*/ '450A705'] = new Array(MPImageMenu,'Formuebungsraum','uebungsraumkerstin',/*CMP*/ 'uebungsraum04');
// --></script>
</csactiondict>
</head>
<body bgcolor="#ffffff">
<form id="Formuebungsraum" action="kerstinwebsite.css" method="get" name="Formuebungsraum">
<p></p>
<p></p>
<table width="900" border="0" cellspacing="0" cellpadding="0" cool gridx="10" gridy="10" height="352" showgridx showgridy usegridx usegridy>
<tr height="16">
<td width="899" height="16" colspan="5"></td>
<td width="1" height="16"><spacer type="block" width="1" height="16"></td>
</tr>
<tr height="44">
<td width="176" height="44"></td>
<td content csheight="34" width="320" height="44" colspan="3" valign="top" xpos="176">
<h1><font color="#003399">Voila, der neue Kursraum !</font></h1>
</td>
<td width="403" height="335" rowspan="3"></td>
<td width="1" height="44"><spacer type="block" width="1" height="44"></td>
</tr>
<tr height="30">
<td width="210" height="30" colspan="3"></td>
<td width="286" height="30" valign="top" align="left" xpos="210"><select name="uebungsraumkerstin" size="1" multiple onchange="CSAction(new Array(/*CMP*/'450A705'));" cschng="450A705">
<option selected value="ImageMenu/uebungsraum04.jpg">Sitzbereich / Beratungsgespräche</option>
<option value="ImageMenu/uebungsraum03.jpg">Figur</option>
<option value="ImageMenu/uebungsraum01.jpg">Entspannung</option>
</select></td>
<td width="1" height="30"><spacer type="block" width="1" height="30"></td>
</tr>
<tr height="261">
<td width="190" height="261" colspan="2"></td>
<td width="306" height="261" colspan="2" valign="top" align="left" xpos="190"><img src="ImageMenu/uebungsraum04.jpg" alt="Willkommen !!!" name="uebungsraum04" height="250" width="250" border="0"></td>
<td width="1" height="261"><spacer type="block" width="1" height="261"></td>
</tr>
<tr height="1" cntrlrow>
<td width="176" height="1"><spacer type="block" width="176" height="1"></td>
<td width="14" height="1"><spacer type="block" width="14" height="1"></td>
<td width="20" height="1"><spacer type="block" width="20" height="1"></td>
<td width="286" height="1"><spacer type="block" width="286" height="1"></td>
<td width="403" height="1"><spacer type="block" width="403" height="1"></td>
<td width="1" height="1"></td>
</tr>
</table>
</form>
<form name="dateien">
<select name="waehlen" size="1">
<option selected value="Audio/kurzsound12.mp3">Musik1</option>
<option value="Audio/Leiserieselt.mid">Leise rieselt...</option>
<option value="Audio/stillenacht.mid">Stille Nacht </option>
</select> <input type="BUTTON" value="Play" onclick="auswahl ()">
</form>
<p></p>
<p></p>
</body>
</html>
Gruß Marc