Toon posts:

Javascript linking naar IFrame's onjuist in FF / juist in IE

Pagina: 1
Acties:

vrijdag 18 mei 2007 12:47

Acties:
  • O_Tiby
  • Registratie: December 2005
  • Laatst online: 27-11 23:40

O_Tiby

Topicstarter
Hallo allemaal,

Ik heb een website gemaakt met 2 IFrame's. Dmv javascript link ik naar deze IFrame's.

Iframe0 = linkerkant / deelmenu, wat 1 keer wijzigd.
Iframe1 = tekstgedeelte, middengedeelte wat iedere keer wijzigd.

Normaal blijft in iframe0 left1.html staan, alleen bij een klik op 'Wat ik doe' wijzigt deze in left2.html
Voor de rest verandert iframe1 bij iedere klik op een knop.

Iedere knop heb ik dus verwezen welke pagina moet worden geladen in de iframe's.

In IE7 zijn de verwijzingen allemaal goed.
Bij een klik op 'Wat ik doe' wijzigd iframe0 in left2.html
en iframe1 in wat.html


Echter in Firefox gebeurt dit niet. wat.html wordt geladen in iframe0 en niet in iframe1. en left2.html wordt helemaal niet geladen.
Er lijkt dus wat in de verwijzingen fout te zijn.


Alvast bedankt!


code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152

<html> 

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Praktijk voor psychosociale counseling Marga Jansen</title> 
<style type="text/css"> 
<!-- 
body { 
   margin-left: 0px; 
   margin-top: 0px; 
   margin-right: 0px; 
   margin-bottom: 0px; 
} 
--> 
</style> 
<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_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];} 
} 
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 mask(end,middle,start,subject){ 
var one ='mai'; 
var two='lto:'; 
var three='?Subject='; 
start,middle,end,subject; 
var putogether= one+two+start+middle+end+three+subject; 
document.location.href=eval('"'+putogether+'"'); 
window.status=putogether; 
} 
//--> 
</script> 
<style type="text/css" media="all"> 
<!-- 
@import url("praktijkmj.css"); 
.style5 { 
   font-size: 12px; 
   color: #FFFFFF; 
} 
.style6 { 
   font-size: 10px 
} 
--> 
</style> 

</head> 





<body onload="MM_preloadImages('images/but-1-over.jpg','images/but-2-over.jpg','images/but-2a-over.jpg','images/but-3-over.jpg','images/but-4a-over.jpg','images/but-5-over.jpg')"> 
<table width="800" height="600" border="0" align="center" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td><table width="800" height="600" border="0" cellpadding="0" cellspacing="0"> 
      <tr> 
        <td width="245" height="70"><img src="images/logo.jpg" alt="logo" width="245" height="70" /></td> 
        <td width="555"><table width="555" height="70" border="0" cellpadding="0" cellspacing="0"> 
          <tr> 
            <td height="42" bgcolor="#EAF4FE">&nbsp;</td> 
          </tr> 
          <tr> 
            <td height="28"><table width="555" height="28" border="0" cellpadding="0" cellspacing="0" background="images/butback.jpg"> 
              <tr> 
                <td width="13">&nbsp;</td> 
                
                <td width="75"><div align="center"><img src="images/but-1.jpg" alt="HOME" width="75" height="28" id="Image1" onclick="MM_goToURL('frame1','home.html');MM_goToURL('frame0','left1.html');return document.MM_returnValue" onmouseover="MM_swapImage('Image1','','images/but-1-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td> 
                
                <td width="86"><div align="center"><img src="images/but-2.jpg" alt="PROFIEL" width="86" height="28" id="Image2" onclick="MM_goToURL('frame1','profiel.html');MM_goToURL('frame0','left1.html');return document.MM_returnValue" onmouseover="MM_swapImage('Image2','','images/but-2-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td> 
                
                <td width="86"><div align="center"><img src="images/but-2a.jpg" alt="MISSIE" width="86" height="28" id="Image3" onclick="MM_goToURL('frame1','missie.html');MM_goToURL('frame0','left1.html');return document.MM_returnValue" onmouseover="MM_swapImage('Image3','','images/but-2a-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td> 
                
                <td width="103"><div align="center"><img src="images/but-3.jpg" alt="WAT" width="103" height="28" id="Image4" onclick="MM_goToURL('frame1','wat.html');MM_goToURL('frame0','left2.html');return document.MM_returnValue" onmouseover="MM_swapImage('Image4','','images/but-3-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td> 
                
                <td width="103"><div align="center"><img src="images/but-4a.jpg" alt="CONTACT" width="103" height="28" id="Image5" onclick="MM_goToURL('frame1','contact.html');MM_goToURL('frame0','left1.html');return document.MM_returnValue" onmouseover="MM_swapImage('Image5','','images/but-4a-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td> 
                
                <td width="75"><div align="center"><img src="images/but-5.jpg" alt="LINKS" width="75" height="28" id="Image6" onclick="MM_goToURL('frame1','links.html');MM_goToURL('frame0','left1.html');return document.MM_returnValue" onmouseover="MM_swapImage('Image6','','images/but-5-over.jpg',1)" onmouseout="MM_swapImgRestore()" /></div></td> 
                
                <td width="14">&nbsp;</td> 
              </tr> 
            </table></td> 
          </tr> 
        </table></td> 
      </tr> 
      <tr> 
        <td height="530"> 
                
        <iframe src="left1.html" name="frame1" width="245" height="530" scrolling="no" frameborder="0" id="frame0"></iframe> 
        
        </td> 
        <td><table width="555" height="530" border="0" cellpadding="0" cellspacing="0"> 
          <tr> 
            <td height="28"><table width="555" height="28" border="0" cellpadding="0" cellspacing="0"> 
              <tr> 
                <td background="images/balk.jpg">&nbsp;</td> 
                <td background="images/balk.jpg">&nbsp;</td> 
                <td background="images/balk.jpg">&nbsp;</td> 
                <td background="images/balk.jpg">&nbsp;</td> 
                <td background="images/balk.jpg">&nbsp;</td> 
                <td background="images/balk.jpg">&nbsp;</td> 
              </tr> 
            </table></td> 
          </tr> 
          <tr> 
            <td height="448"><table width="555" height="448" border="0" cellpadding="0" cellspacing="0"> 
              <tr> 
                <td bgcolor="#EAF4FE"><iframe src="home.html" name="frame1" width="555" height="440" scrolling="Auto" frameborder="0" id="frame1"></iframe></td> 
              </tr> 
            </table></td> 
          </tr> 
          <tr> 
            <td height="54"><table width="555" height="54" border="0" cellpadding="0" cellspacing="0"> 
              <tr> 
                <td width="100" background="images/bottom.jpg">&nbsp;</td> 
                <td width="100" background="images/bottom.jpg">&nbsp;</td> 
                <td width="200" background="images/bottom.jpg">&nbsp;</td> 
                <td width="130" valign="middle" background="images/bottom.jpg" class="style5 style6" onmousedown="mask('t.nl','n@hccne','mmjanse','')">T&nbsp;&nbsp;&nbsp;&nbsp; 0575 - 441569<br /> 
M &nbsp;&nbsp;&nbsp;06 - 48942336<br /> 
E&nbsp;&nbsp;&nbsp; &nbsp;mmjansen @ hccnet.nl</td> 
                <td width="15" background="images/bottom.jpg">&nbsp;</td> 
              </tr> 
            </table></td> 
          </tr> 
        </table></td> 
      </tr> 
    </table></td> 
  </tr> 
</table> 
</body> 
</html>

vrijdag 18 mei 2007 12:53

Acties:
  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

zet ook je name-attribuut goed voor je iframe met id="frame0"

Intentionally left blank

vrijdag 18 mei 2007 12:56

Acties:

Verwijderd

JavaScript:
1

eval(args[i]+".location='"+args[i+1]+"'"

Code die ervanuit gaat dat frames met een id beschikbaar zijn als globale variabele met die naam, is echt bijzonder slecht.
Pas het aan zodat het werkt met window.frames['frameid'] enz.

Om het nog maar niet over eval te hebben...

[ Voor 8% gewijzigd door Verwijderd op 18-05-2007 12:57 ]

vrijdag 18 mei 2007 13:26

Acties:
  • O_Tiby
  • Registratie: December 2005
  • Laatst online: 27-11 23:40

O_Tiby

Topicstarter
Mag ik vragen wat dan de precieze code wordt, met window.frames.id, die regel apart..

Bijvoorbeeld ik moet verwijzen naar 'frame0'..
wat wordt de code dan ipv;

code:
1

eval(args[i]+".location='"+args[i+1]+"'"


Alvast bedankt!

vrijdag 18 mei 2007 14:12

Acties:
  • O_Tiby
  • Registratie: December 2005
  • Laatst online: 27-11 23:40

O_Tiby

Topicstarter
hmmm heb een hele domme fout gemaakt.. heb de twee frames hetzelfde genoemd.. stomstomstom
toch bedankt voor de hulp!
Reageer

Apple iPhone 17 LG OLED evo G5 Google Pixel 10 Samsung Galaxy S25 Star Wars: Outlaws Nintendo Switch 2 Apple AirPods Pro (2e generatie) Sony PlayStation 5 Pro

Tweakers is onderdeel van DPG Media B.V.
Alle rechten voorbehouden - Auteursrecht © 1998 - 2025 • Hosting door TrueFullstaq