conflict iframes
Ik ben sinds enige tijd bezig een back forward fix in the bouwen voor mijn ajax applicatie , tis bijna gelukt maar zoals altijd zijn er vervelende problemen.
In mijn introductie heb ik een scroller staan wat ik in een iframe heb gezet, nu gebruik ik voor mijn back forward fix een hidden iframe dit werkt alleen als ik het iframe van mijn scroller verwijderd.
Wel een beetje jammer want het was een leuke versiering voor mijn website. Nu had ik gedacht om de scroller.html gewoon een js functie van te maken en hem gewoon in een div aan te roepen ipv een iframe maar dat is lastiger als ik heb gedacht.
Nu ben ik nog niet zo goed in javascript en hoop ik eigelijk op iemand waarvoor dit een appeltje eitje is.
Het volgende bestand wil ik zeg maar in mijn introductie aanroepen met bijvoorbeeld
scroller(); en dan moet het .js uitgevoerd worden en de scroller moet verschijnen nu ben ik al drie uur aan het proberen hier maar ik kom helaas geen stap verder. Wie kan mij even helpen het betrefd het volgende bestand.:
Code (php)
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
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
<div id="Layer1" style="position:absolute; width:800px; height:120px; z-index:1; left: 0px; top: 0px">
<script language="JavaScript">
//Instellen van het veld:
var breedte=465
var hoogte=70
var snelheid=1
agrondkleur="#FFFFFF"
//Invoegen van de afbeeldingen met eventuele hyperlinks:
var afbeelding=new Array()
afbeelding[0]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot1.gif width=77 height=70 border=0></a>'
afbeelding[1]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot2.gif width=77 height=70 border=0></a>'
afbeelding[2]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot3.gif width=77 height=70 border=0></a>'
afbeelding[3]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot4.gif width=77 height=70 border=0></a>'
afbeelding[4]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot5.gif width=77 height=70 border=0></a>'
afbeelding[5]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot6.gif width=77 height=70 border=0></a>'
afbeelding[6]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot7.gif width=77 height=70 border=0></a>'
afbeelding[7]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot8.gif width=77 height=70 border=0></a>'
afbeelding[8]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot9.gif width=77 height=70 border=0></a>'
afbeelding[9]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot10.gif width=77 height=70 border=0></a>'
afbeelding[10]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot11.gif height=70 border=0></a>'
afbeelding[11]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot12.gif width=77 height=70 border=0></a>'
afbeelding[12]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot13.gif width=77 height=70 border=0></a>'
afbeelding[13]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot14.gif width=77 height=70 border=0></a>'
//Hieronder niets wijzigen
var kopieersnelheid=snelheid
afbeelding='<nobr>'+afbeelding.join("")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">'+afbeelding+'</span>')
var huidige_breedte=''
function opvullen(){
if (iedom){
afb=document.getElementById? document.getElementById("test2") : document.all.test2
afb2=document.getElementById? document.getElementById("test3") : document.all.test3
afb.innerHTML=afb2.innerHTML=afbeelding
huidige_breedte=document.all? afb.offsetWidth : document.getElementById("temp").offsetWidth
afb2.style.left=huidige_breedte+4
}
else if (document.layers){
ns_slide=document.netscape.document.netscape2
ns_slide2=document.netscape.document.netscape3
ns_slide.document.write(afbeelding)
ns_slide.document.close()
huidige_breedte=ns_slide.document.width
ns_slide2.left=huidige_breedte+4
ns_slide2.document.write(afbeelding)
ns_slide2.document.close()
}
lefttime=setInterval("schuiflinks()",35)
}
window.onload=opvullen
function schuiflinks(){
if (iedom){
if (parseInt(afb.style.left)>(huidige_breedte*(-1)+8))
afb.style.left=parseInt(afb.style.left)-kopieersnelheid
else
afb.style.left=parseInt(afb2.style.left)+huidige_breedte+4
if (parseInt(afb2.style.left)>(huidige_breedte*(-1)+8))
afb2.style.left=parseInt(afb2.style.left)-kopieersnelheid
else
afb2.style.left=parseInt(afb.style.left)+huidige_breedte+4
}
else if (document.layers){
if (ns_slide.left>(huidige_breedte*(-1)+8))
ns_slide.left-=kopieersnelheid
else
ns_slide.left=ns_slide2.left+huidige_breedte+4
if (ns_slide2.left>(huidige_breedte*(-1)+8))
ns_slide2.left-=kopieersnelheid
else
ns_slide2.left=ns_slide.left+huidige_breedte+4
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+breedte+';height:'+hoogte+';overflow:hidden">')
write('<div style="position:absolute;width:'+breedte+';height:'+hoogte+';background-color:'+agrondkleur+'" onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid">')
write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+breedte+' height='+hoogte+' name="netscape" bgColor='+agrondkleur+'>')
write('<layer name="netscape2" left=0 top=0 onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid"></layer>')
write('<layer name="netscape3" left=0 top=0 onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
</div>
<script language="JavaScript">
//Instellen van het veld:
var breedte=465
var hoogte=70
var snelheid=1
agrondkleur="#FFFFFF"
//Invoegen van de afbeeldingen met eventuele hyperlinks:
var afbeelding=new Array()
afbeelding[0]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot1.gif width=77 height=70 border=0></a>'
afbeelding[1]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot2.gif width=77 height=70 border=0></a>'
afbeelding[2]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot3.gif width=77 height=70 border=0></a>'
afbeelding[3]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot4.gif width=77 height=70 border=0></a>'
afbeelding[4]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot5.gif width=77 height=70 border=0></a>'
afbeelding[5]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot6.gif width=77 height=70 border=0></a>'
afbeelding[6]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot7.gif width=77 height=70 border=0></a>'
afbeelding[7]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot8.gif width=77 height=70 border=0></a>'
afbeelding[8]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot9.gif width=77 height=70 border=0></a>'
afbeelding[9]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot10.gif width=77 height=70 border=0></a>'
afbeelding[10]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot11.gif height=70 border=0></a>'
afbeelding[11]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot12.gif width=77 height=70 border=0></a>'
afbeelding[12]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot13.gif width=77 height=70 border=0></a>'
afbeelding[13]='<a href="#"><img src=http://i264.photobucket.com/albums/ii172/pfzwaan/fot14.gif width=77 height=70 border=0></a>'
//Hieronder niets wijzigen
var kopieersnelheid=snelheid
afbeelding='<nobr>'+afbeelding.join("")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">'+afbeelding+'</span>')
var huidige_breedte=''
function opvullen(){
if (iedom){
afb=document.getElementById? document.getElementById("test2") : document.all.test2
afb2=document.getElementById? document.getElementById("test3") : document.all.test3
afb.innerHTML=afb2.innerHTML=afbeelding
huidige_breedte=document.all? afb.offsetWidth : document.getElementById("temp").offsetWidth
afb2.style.left=huidige_breedte+4
}
else if (document.layers){
ns_slide=document.netscape.document.netscape2
ns_slide2=document.netscape.document.netscape3
ns_slide.document.write(afbeelding)
ns_slide.document.close()
huidige_breedte=ns_slide.document.width
ns_slide2.left=huidige_breedte+4
ns_slide2.document.write(afbeelding)
ns_slide2.document.close()
}
lefttime=setInterval("schuiflinks()",35)
}
window.onload=opvullen
function schuiflinks(){
if (iedom){
if (parseInt(afb.style.left)>(huidige_breedte*(-1)+8))
afb.style.left=parseInt(afb.style.left)-kopieersnelheid
else
afb.style.left=parseInt(afb2.style.left)+huidige_breedte+4
if (parseInt(afb2.style.left)>(huidige_breedte*(-1)+8))
afb2.style.left=parseInt(afb2.style.left)-kopieersnelheid
else
afb2.style.left=parseInt(afb.style.left)+huidige_breedte+4
}
else if (document.layers){
if (ns_slide.left>(huidige_breedte*(-1)+8))
ns_slide.left-=kopieersnelheid
else
ns_slide.left=ns_slide2.left+huidige_breedte+4
if (ns_slide2.left>(huidige_breedte*(-1)+8))
ns_slide2.left-=kopieersnelheid
else
ns_slide2.left=ns_slide.left+huidige_breedte+4
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+breedte+';height:'+hoogte+';overflow:hidden">')
write('<div style="position:absolute;width:'+breedte+';height:'+hoogte+';background-color:'+agrondkleur+'" onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid">')
write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+breedte+' height='+hoogte+' name="netscape" bgColor='+agrondkleur+'>')
write('<layer name="netscape2" left=0 top=0 onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid"></layer>')
write('<layer name="netscape3" left=0 top=0 onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
</div>
Er zijn nog geen reacties op dit bericht.