Antworten auf deine Fragen:
Neues Thema erstellen

Frame Problem in Firefox

M

Maike12

Guest

Hallo,

bin neu im Forum. Könnte mir jemand helfen? Ich habe folgendes Problem. Ich habe eine Internetseite in Dreamweaver erstellt. Links und rechts ein Frame. Ich habe im linken Frame kleine Bilder untereinander. Wenn man drauf klickt, sollte rechts das dazu gehörige große Bild öffnen. Klappt im IE prima, nur bei Firefox nicht. Wenn ich alle Bilder in einem Frame hab, geht es. Danke.

Gruß,

Maike12
 

sokie

Mod | Web

AW: Frame Problem in Firefox

warum es nicht klappt und wie die Lösung aussieht ist ohnene einen blick auf den quelltext (frameset und seiten) nicht so ohne weiteres zu sagen. am einfachsten wäre es das ding einfach mal online zu stellen und hier einen Link zu posten.
 

sokie

Mod | Web

AW: Frame Problem in Firefox

hallo maike,
du solltest das Frameset nochmal deutlich nacharbeiten und zwar:
bei den IDs hast du im bezeichner Leerzeichen. Das führt zu Problemen.
Wichtiger als IDs bei FRames (resp.Fenstern) dass sie einen NAMEN haben. zB
Code:
<frame src="start.html" scrolling="no" id="Content" [COLOR=Red]name="Content"[/COLOR] />
das sind schon mal ein paar Sachen, vielleicht löst das schon das Problem.

Ist zu sehen, ohne Quelltext gibts da trotzdem nicht mehr zu sagen. Niemand weiß, was du mit deinen Links ansprichst oder wohin der Verweis geht...
??
die Quelltexte kannst du doch in den Seiten sehen...
Unternehmen.html:
HTML:
<!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>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #9d9ea0;
}
-->
</style>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
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 MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
function MM_effectGrow******(targetElement, duration, from, to, toggle, referHeight, growFromCenter)
{
    Spry.Effect.DoGrow(targetElement, {duration: duration, from: from, to: to, toggle: toggle, referHeight: referHeight, growCenter: growFromCenter});
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

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_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('Christian1.JPG','Robert.jpg','Mario.jpg','timo.jpg')">
<div align="center">
  <p><strong><img src="pixel.gif" alt="pixel" width="50" height="50" /><br />
      <a href="#"><img src="Micha_klein.jpg" alt="" name="michaklein" width="135" height="135" border="0" id="michaklein" /></a></strong></p>
  <p><strong><a href="#"><img src="Christian1_klein.jpg" alt="" name="Christian_klein" width="135" height="135" border="0" id="Christian_klein" onmouseover="MM_swapImage('micha_gross?rechts','','Christian1.JPG',1)" onmouseout="MM_swapImgRestore()" /></a></strong></p>
  <p><strong><a href="#"><img src="Robert_klein.jpg" alt="" name="Robert_klein" width="135" height="135" border="0" id="Robert_klein" onmouseover="MM_swapImage('micha_gross?rechts','','Robert.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></strong></p>
  <p><strong><a href="#"><img src="Mario_klein.jpg" alt="" name="Mario_klein" width="135" height="135" border="0" id="Mario_klein" onmouseover="MM_swapImage('micha_gross?rechts','','Mario.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></strong></p>
  <p><a href="#"><img src="timo_klein.jpg" alt="" width="135" height="135" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','timo.jpg','micha_gross?rechts','','timo.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p>&nbsp;</p>
  <p><strong><br />
  </strong></p>
</div>
</body>
</html>
frameset:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Benthake Malerfachbetrieb</title>
</head>

<frameset rows="*" cols="1280,84" framespacing="0" frameborder="no" border="0">
  <frameset rows="1024,67" cols="*" framespacing="0" frameborder="no" border="0" bordercolor="0">
    <frame src="start.html" scrolling="no" id="Content" />
    <frame src="Content_unten.html" frameborder="no" scrolling="no" id="Content unten" />
  </frameset>
  
  <frame src="content_rechts.html" frameborder="no" id="rechte Seite" />
</frameset>
<noframes><body>
</body>
</noframes></html>
links_fassade.html
HTML:
<!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>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #9d9ea0;
}
-->
</style>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
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 MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
function MM_effectGrow******(targetElement, duration, from, to, toggle, referHeight, growFromCenter)
{
    Spry.Effect.DoGrow(targetElement, {duration: duration, from: from, to: to, toggle: toggle, referHeight: referHeight, growCenter: growFromCenter});
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

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_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('knapp13.jpg','knapp16.jpg','knapp17.jpg','knapp18.jpg','knapp19.jpg','knapp7.jpg','knapp8.jpg','knapp9.jpg','knapp10.jpg','knapp12.jpg','knapp1.jpg','knapp2.jpg','knapp3.jpg','knapp4.jpg','knapp5.jpg','knapp6.jpg')">
<div align="center">
  <p><strong><img src="pixel.gif" alt="pixel" width="50" height="50" /><br />
  </strong><a href="#"><img src="knapp16_klein.jpg" alt="" name="knapp16" width="135" height="135" border="0" id="knapp16" onmouseover="MM_swapImage('knapp16','','knapp16.jpg','knapp16_gross?rechts','','knapp16.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p><a href="#"><img src="knapp17_klein.jpg" alt="" name="knapp17" width="135" height="135" border="0" id="knapp17" onmouseover="MM_swapImage('knapp17','','knapp17.jpg','knapp16_gross?rechts','','knapp17.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p><a href="#"><img src="knapp18_klein.jpg" alt="" name="knapp18" width="135" height="135" border="0" id="knapp18" onmouseover="MM_swapImage('knapp18','','knapp18.jpg','knapp16_gross?rechts','','knapp18.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p><a href="#"><img src="knapp19_klein.jpg" alt="" name="knapp19" width="135" height="135" border="0" id="knapp19" onmouseover="MM_swapImage('knapp19','','knapp19.jpg','knapp16_gross?rechts','','knapp19.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p><a href="#"><img src="knapp7_klein.jpg" alt="" name="knapp7" width="135" height="135" border="0" id="knapp7" onmouseover="MM_swapImage('knapp7','','knapp7.jpg','knapp16_gross?rechts','','knapp7.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p><a href="#"><img src="knapp8_klein.jpg" alt="" name="knapp8" width="135" height="135" border="0" id="knapp8" onmouseover="MM_swapImage('knapp8','','knapp8.jpg','knapp16_gross?rechts','','knapp8.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p><a href="#"><img src="knapp9_klein.jpg" alt="" name="knapp9" width="135" height="135" border="0" id="knapp9" onmouseover="MM_swapImage('knapp9','','knapp9.jpg','knapp16_gross?rechts','','knapp9.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p><a href="#"><img src="knapp10_klein.jpg" alt="" name="knapp10" width="135" height="135" border="0" id="knapp10" onmouseover="MM_swapImage('knapp10','','knapp10.jpg','knapp16_gross?rechts','','knapp10.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p><a href="#"><img src="knapp12_klein.jpg" alt="" name="knapp12" width="135" height="135" border="0" id="knapp12" onmouseover="MM_swapImage('knapp12','','knapp12.jpg','knapp16_gross?rechts','','knapp12.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p><a href="#"><img src="knapp13_klein.jpg" alt="" name="knapp13" width="135" height="135" border="0" id="knapp13" onmouseover="MM_swapImage('knapp16_gross?rechts','','knapp13.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p><strong><a href="#"><img src="knapp1_klein.jpg" alt="" name="knapp1" width="135" height="135" border="0" id="knapp1" onmouseover="MM_swapImage('knapp16_gross?rechts','','knapp1.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></strong></p>
  <p><a href="#"><img src="knapp2_klein.jpg" alt="" name="knapp2" width="135" height="135" border="0" id="knapp2" onmouseover="MM_swapImage('knapp16_gross?rechts','','knapp2.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p><a href="#"><img src="knapp3_klein.jpg" alt="" name="knapp3" width="135" height="90" border="0" id="knapp3" onmouseover="MM_swapImage('knapp16_gross?rechts','','knapp3.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p><a href="#"><img src="knapp4_klein.jpg" alt="" name="knapp4" width="135" height="135" border="0" id="knapp4" onmouseover="MM_swapImage('knapp16_gross?rechts','','knapp4.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p><a href="#"><img src="knapp5_klein.jpg" alt="" name="knapp5" width="135" height="135" border="0" id="knapp5" onmouseover="MM_swapImage('knapp16_gross?rechts','','knapp5.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p><a href="#"><img src="knapp6_klein.jpg" alt="" name="knapp6" width="135" height="135" border="0" id="knapp6" onmouseover="MM_swapImage('knapp16_gross?rechts','','knapp6.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  <p>&nbsp;</p>
</div>
</body>
</html>
 
Zuletzt bearbeitet:
M

Maike12

Guest

AW: Frame Problem in Firefox

<img src="knapp18_klein.jpg" alt="" name="knapp18" width="135" height="135" border="0" id="knapp18" onmouseover="MM_swapImage('knapp18','','knapp18.jpg','knapp16_gross?rechts','','knapp18.jpg',1)" onmouseout="MM_swapImgRestore()" />

hilft das?
 
M

Maike12

Guest

AW: Frame Problem in Firefox

Danke für die vielen Tipps. Ich räum jetzt erst mal die Seite auf.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.642
Beiträge
1.538.514
Mitglieder
67.559
Neuestes Mitglied
Andi Schäfer
Oben