MegaByter
Terugkerende gebruiker
- Lid geworden
- 11 okt 2009
- Berichten
- 1.497
ik weet niet wat het is maar het lijkt erop dat ik het bouwen van een site steeds meer begint af te leren.
niet goed word ik ervan...
Enfin..
ik ben nu even bezig met het opbouw van een nieuwe site voor een speel o theek.
de site gaat zoveel menu items bevatten dat ik de site wel moet opbouwen in iframes.
anders word het bewerken van het menu gewoon niet leuk meer. dit moet gewoon in 1x kunnen gebeuren.
en daarbij wil ik een cms systeem gaan maken... hoe simpel de site is des te beter.
De index site mag best wat scripts bevatten maar de andere paginas zo min mogelijk.
alleen de code van het cms systeem dan...
Mijn bedoeling was om de iframe vanzelf aan te laten passen aan de grote van de pagina.
op 1 of andere manier faalt de iframe daarin...
het is namelijk niet de bedoeling dat de iframe een scrollbar vertoond.
de enige scrollbar die gezien mag worden is de scrollbar van de browser zelf.
dit is de code voor tussen de heads:
dit is de code voor de iframe:
kan iemand mij misschien vertellen wat ik fout doen?
niet goed word ik ervan...
Enfin..
ik ben nu even bezig met het opbouw van een nieuwe site voor een speel o theek.
de site gaat zoveel menu items bevatten dat ik de site wel moet opbouwen in iframes.
anders word het bewerken van het menu gewoon niet leuk meer. dit moet gewoon in 1x kunnen gebeuren.
en daarbij wil ik een cms systeem gaan maken... hoe simpel de site is des te beter.
De index site mag best wat scripts bevatten maar de andere paginas zo min mogelijk.
alleen de code van het cms systeem dan...
Mijn bedoeling was om de iframe vanzelf aan te laten passen aan de grote van de pagina.
op 1 of andere manier faalt de iframe daarin...
het is namelijk niet de bedoeling dat de iframe een scrollbar vertoond.
de enige scrollbar die gezien mag worden is de scrollbar van de browser zelf.
dit is de code voor tussen de heads:
HTML:
<script type="text/javascript">
/***********************************************
* IFrame SSI script II- � Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of original DHTML scripts
* This notice must stay intact for legal use
***********************************************/
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["myframe"]
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
var iframehide="yes"
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers
function resizeCaller() {
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++){
if (document.getElementById)
resizeIframe(iframeids[i])
//reveal iframe for lower end browsers? (see var above):
if ((document.all || document.getElementById) && iframehide=="no"){
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
tempobj.style.display="block"
}
}
}
function resizeIframe(frameid){
var currentfr=document.getElementById(frameid)
if (currentfr && !window.opera){
currentfr.style.display="block"
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
currentfr.height = currentfr.Document.body.scrollHeight;
if (currentfr.addEventListener)
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent){
currentfr.detachEvent("onload", readjustIframe) // Bug fix line
currentfr.attachEvent("onload", readjustIframe)
}
}
}
function readjustIframe(loadevt) {
var crossevt=(window.event)? event : loadevt
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
if (iframeroot)
resizeIframe(iframeroot.id);
}
function loadintoIframe(iframeid, url){
if (document.getElementById)
document.getElementById(iframeid).src=url
}
if (window.addEventListener)
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload=resizeCaller
</script>dit is de code voor de iframe:
HTML:
<iframe id="myframe" src="site_components/home.html" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%; display:none"></iframe>kan iemand mij misschien vertellen wat ik fout doen?
Laatst bewerkt:
