Javascript, dropdown-menu in Frame leiten.

Gazza_Wazza · 7. März 2008

AAAAAAAAAAAAAAAARGH!
2 Stunden dran gesessen und ich komme nicht raus... Hilfe!

Also folgende Schwierigkeit:

Seite: http://www.god-studios/tonstudio_html/player.htm

Diese Seite besteht aus drei Frames: Hier der Quelcode dazu:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Sprachprobenplayer</title>
</head>
<frameset rows="53%,40%,*" border="0">
<frame name="top" src="sprecher.html" border="0" scrolling="no">
<frame name="middle" src="../sprachproben/arabisch.html" border="0" target="_self" marginwidth="10" marginheight="15" scrolling="auto">
<frame name="bottom" src="play_frame.htm" border="0">
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html>

Der "Top" Frame enthält die Datei "sprecher.html" davon hier der Quellcode:

<html>
<head>
<title>Die G.o.d. studios - Sprecher. Gordon Rijnders - Das Tonstudio im Belgischem Viertel in Köln. Tonstudios in Köln</title>

<style type="text/css">

</style>

<script language="JavaScript">

</script></head>
<
<BODY BG COLOR="#FF5900">

<center>
<table width="800" height="70" border="0" cellspacing="0" cellpadding="0" bgcolor="#FF5900" >
<tr>
<td width="196" bgcolor="#FF5900" height="2" align="left" style="font-family: Verdana; font-size: 10pt; font-weight: bold; text-align: left; margin-left:0; margin-right:0; margin-top:0" nowrap>
 </td>
<td width="155" bgcolor="#FF5900" height="2" align="left" style="font-family: Verdana; font-size: 10pt; font-weight: bold; text-align: left; margin: 0; " nowrap colspan="2">
 </td>
<td width="280" bgcolor="#FF5900" height="70" align="center" style="font-family: Verdana; font-size: 10pt; font-weight: bold; margin: 0; ; position:relative" rowspan="7" valign="top">
<a title="Die G.o.d. studios" href="../index.html" border="0"><img border="0" src="../tonstudio_bilder/god-logo.jpg" align="top" hspace="0" vspace="15" width="280" height="170"></A></td>
</tr>
<tr>
<td width="196" bgcolor="#FF5900" height="15" align="left" style="font-family: Verdana; font-size: 10pt; font-weight: bold; text-align: left; margin-left:0; margin-right:0; margin-top:0" nowrap valign="top">
<font size="1">     G.o.d. studios - Gordon Rijnders</font></td>
<td width="37" bgcolor="#FF5900" height="15" align="left" style="font-family: Verdana; font-size: 10pt; font-weight: bold; text-align: left; margin: 0; " nowrap valign="top">
<font size="1">Tel: </font></td>
<td width="118" bgcolor="#FF5900" height="15" align="left" style="font-family: Verdana; font-size: 10pt; font-weight: bold; margin: 0" nowrap valign="top">
<font size="1">+49.(0)221.2225623</font></td>
</tr>
<tr>
<td width="196" bgcolor="#FF5900" height="15" align="left" style="font-family: Verdana; font-size: 10pt; font-weight: bold; text-align: left; margin-left:0; margin-right:0; margin-top:0" nowrap valign="top">
<font size="1">     Brabanter Str. 37-39</font></td>
<td width="37" bgcolor="#FF5900" height="15" align="left" style="font-family: Verdana; font-size: 10pt; font-weight: bold; text-align: left; margin: 0; " nowrap valign="top">
<font size="1">Fax: </font></td>
<td width="118" bgcolor="#FF5900" height="15" align="left" style="font-family: Verdana; font-size: 10pt; font-weight: bold; margin: 0" nowrap valign="top">
<font size="1">+49.(0)221.2225624</font></td>
</tr>
<tr>
<td width="196" bgcolor="#FF5900" height="15" align="left" style="font-family: Verdana; font-size: 10pt; font-weight: bold; text-align: left; margin-left:0; margin-right:0; margin-top:0" nowrap valign="top">
<font size="1">     50672 Köln</font></td>
<td width="37" bgcolor="#FF5900" height="15" align="left" style="font-family: Verdana; font-size: 10pt; font-weight: bold; text-align: left; margin: 0; " nowrap valign="top">
<font size="1">Mobil: </font></td>
<td width="118" bgcolor="#FF5900" height="15" align="left" style="font-family: Verdana; font-size: 10pt; font-weight: bold; margin: 0" nowrap valign="top">
<font size="1">+49.(0)171.4874141</font></td>
</tr>
<tr>
<td width="196" bgcolor="#FF5900" height="20" style="font-family: Verdana; font-size: 10pt; font-weight: bold; text-align: left; margin-left:0; margin-right:0; margin-top:0" nowrap valign="top">
<font size="1">     <a href=mailto:"info(at)god-studios.de">info(at)god-studios.de</A></FONT></td>
<td width="37" bgcolor="#FF5900" height="20" style="font-family: Verdana; font-size: 10pt; font-weight: bold; text-align: left; margin: 0; " align="left" nowrap valign="top">
<font size="1">VoIP: </font></td>
<td width="118" bgcolor="#FF5900" height="20" style="font-family: Verdana; font-size: 10pt; font-weight: bold; margin: 0" align="left" nowrap valign="top">
<font size="1">+49.(0)221.3020964</font></td>
</tr>
<tr>
<td width="484" bgcolor="#FF5900" height="10" style="font-family: Verdana; font-size: 10pt; font-weight: bold; text-align: left; margin-left:5; margin-right:0; margin-top:5" colspan="3">
 <h2>Sprecherkartei</h2>
<p> </p>
<p><span style="font-weight: 400">Auf dieser Seite können wir Ihnen vorerst nur Sprecher(innen) in
Ihrer Muttersprache anbieten.
Derzeit arbeiten wir an einer Datenbank in der Sie Ihre
Auswahlkriterien sehr detailliert eintragen können.
Bei einer Datenbank von über 2000 Sprechern nimmt diese
Kriterienzuordnung natürlich ein wenig Zeit in Anspruch.
Bis dahin hoffen wir Ihnen mit dieser etwas groben Suchfunktion dienen
zu können.</span><p> </td>
</tr>
</TABLE>

<table width="800" height="20" border="0" align="center" cellpadding="0" cellspacing="0" background="../tonstudio_bilder/menueleiste.jpg" bgcolor="#FF5900">
<tr align="center" valign="middle">
<td width="8"> </td>
<td width="87"><p5><a title="Besichtigung der Studios" href="regie.html">Studio</a></p5></td>
<td width="87"><p5><a title="Das vorhandene Equipment" href="equipment.html">Equipment</a></p5></td>
<td width="87"><p5><a title="Was wir können" href="leistungen.html">Leistungen</a></p5></td>
<td width="87"><p5><a title="Unsere Kunden" href="kunden.html">Kunden</a></p5></td>
<td width="87"><p5><a title="Unsere Sprecher" href="sprecher.html">Sprecher</a></p5></td>
<td width="87"><p5><a title="Andere Audio bezogene Webseiten" href="links.html">Links</a></p5></td>
<td width="87"><p5><a title="Unsere Preise" href="preise.html">Preise</a></p5></td>
<td width="87"><p5><a title="Wie es dazu kam" href="history.html">History</a></p5></td>
<td width="88"><p5><a title="Nehmen Sie Kontakt mit uns auf" href="contact.html">Kontakt</a></p5></td>
<td width="8"> </td>
</tr>
</table>

<center>
<table width="699" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF5900" height="67">
<tr>
<td width="811" valign="top" height="67">
<table width="800" border="0" cellspacing="0" cellpadding="10" align="left" height="62">
<tr>
<td width="491" valign="top" height="42" >
<h2 style="text-align: center">Fremdsprachen</h2>
<p style="text-align: center"> </p>
<FORM name="Fremdsprachen">
<p align="center" style="text-align: center">

<select name="Verfahren" onChange="FensterNeu(this.form.Verfahren.options[this.form.Verfahren.options.selectedIndex].value)">
<option value="0">Bitte wählen Sie die Sprache</option>
<option value="../sprachproben/arabisch.html">Arabisch</option>
<option value="../sprachproben/brasilianisch.html">Brasilianisch</option>
<option value="../sprachproben/bulgarisch.html">Bulgarisch</option>
<option value="../sprachproben/chinesisch.html">Chinesisch</option>
<option value="../sprachproben/daenisch_neu.html">Dänisch</option>
<option value="../sprachproben/australisch.html">Englisch (Afrikanisch)</option>
<option value="../sprachproben/australisch.html">Englisch (Australien)</option>
<option value="../sprachproben/britisch.html">Englisch (Britisch)</option>
<option value="../sprachproben/amerikanisch.html">Englisch (USA)</option>
<option value="../sprachproben/finnisch.html">Finnisch</option>
<option value="../sprachproben/flaemisch.html">Flämisch</option>
<option value="../sprachproben/franzoesisch.html">Französisch</option>
<option value="../sprachproben/griechisch.html">Griechisch</option>
<option value="../sprachproben/indonesisch.html">Indonesisch</option>
<option value="../sprachproben/italienisch.html">Italienisch</option>
<option value="../sprachproben/japanisch.html">Japanisch</option>
<option value="../sprachproben/koreanisch.html">Koreanisch</option>
<option value="../sprachproben/kroatisch.html">Kroatisch</option>
<option value="../sprachproben/niederlaendisch.html">Niederländisch</option>
<option value="../sprachproben/norwegisch.html">Norwegisch</option>
<option value="../sprachproben/polnisch.html">Polnisch</option>
<option value="../sprachproben/portugiesisch.html">Portugiesisch</option>
<option value="../sprachproben/rumaenisch.html">Rumänisch</option>
<option value="../sprachproben/russisch.html">Russisch</option>
<option value="../sprachproben/schwedisch.html">Schwedisch</option>
<option value="../sprachproben/spanisch.html">Spanisch / Iberisch (EU)</option>
<option value="../sprachproben/latino.html">Spanisch / Lat.Amerikanisch</option>
<option value="../sprachproben/tschechisch.html">Tschechisch</option>
<option value="../sprachproben/tuerkisch.html">Türkisch</option>
<option value="../sprachproben/ukrainisch.html">Ukrainisch</option>
<option value="../sprachproben/ungarisch.html">Ungarisch</option>
<option value="../sprachproben/vietnamesisch.html">Vietnamesisch</option>
</SELECT></p>

<
<p align="center" style="text-align: center">
 </p>
<p align="center" style="text-align: center">
 </p>
</FORM>

</td>
<td valign="top" width="470" height="42">
<h2 style="text-align: center">Deutsch</h2>
<p style="text-align: center"> </p>
<FORM name="Deutsch">
<p align="center" style="text-align: center">
<select name="Verfahren" onChange="FensterNeu(this.form.Verfahren.options[this.form.Verfahren.options.selectedIndex].value)">
<option value="0">Wählen Sie das Geschlecht</option>
<option value="../sprachproben/deutsch-männlich.html" TARGET="middle">Männer</option>
<option value="../sprachproben/deutsch-weiblich" TARGET="middle">Frauen</option>
</SELECT></p>
<p align="center" style="text-align: center">
 </p>
<p align="center" style="text-align: center">
 </p>
</FORM>
</td>
</tr>
</table></td>
</tr>
</table>
</body>
</center>
</html>

So nun das Problem: Das Dropdown-Menu im "Top" Frame ist im Moment noch ein "window.open" script wie bekomme ich es aber so hin, dass es nicht in ein neues Fenster öffnet, aber im "Middle" Frame... das kann doch eigentlich nicht so schwer sein oder?

Weiterhin kriege ich das Table im middle und bottom Frame nicht so wie das im Top Frame hin, also Schwarz an den Seiten.. woran liegt das?

Für jede Hilfe wäre ich sehr dankbar!

Gordon

Sven Mintel · 7. März 2008

Moin,

was die Funktion betrifft, probiers so:

Code:

<script language="JavaScript">
<!--
function FensterNeu(URL)
{
if (URL!="")
{
parent.middle.location.href=URL;
}
}

// -->
</script></head>

Du kannst auch einfach in deiner Funktion beim 2.Parameter(der momentan leer ist)....middle eintragen.
window.open() öffnet nämlich nur dann ein neues Fenster, wenn kein window-Objekt existiert, welches den Namen trägt, der beim 2.Parameter angegeben ist. Da ein Frame aus JS-Sicht ein window-Objekt ist, und ein Frame namens "middle" existiert, wird somit kein Popup erzeugt, sondern die URL in das betreffende Frame geladen.

Kleiner Hinweis noch:
top,parent und self sind in JS vordefinierte Namen für window-Objekte, um Problemen aus dem Weg zu gehen, solltest du wenn möglich versuchen, diese Namen anderswo nicht zu benutzen.

Ansonsten:
Wenn du anstatt lustiger Farben die BB-Codes [code] [html] oder dergleichen benützt werden dir viele User dankbar sein, da die Gefahr eines Augenleidens reduziert wurde :suspekt:

Javascript, dropdown-menu in Frame leiten.

Gazza_Wazza

Grünschnabel

Sven Mintel

Mitglied

Neue Beiträge