Div menu werkt wel in Dreamweaver Live View, Firefox, Google Chrome en Opera maar niet in IE.
Ik maak momenteel een website voor iemand. Ik werkte eerst met een IFRAME, dat ging niet helemaal goed, want ik wilde dat het IFRAME zo groot werd als de pagina die erin getoond zou worden. Al een miljoen scripts geprobeerd, maar niets werkt.
Toen las ik op een site dat je beter Div's kan gebruiken. Dus ik ben begonnen met Div's in mijn website. Ik heb gebruik gemaakt voor mijn menu van een javascript. (Zie code hieronder.) Allemaal heel lief leuk en aardig, maar mijn website werkt niet Internet Explorer. In mijn andere browsers (zie de titel) werkt mijn website helemaal top, maar het werkt niet in IE. Ik heb er al over nagedacht dat IE misschien een probleem in het JS zou zien, dus ik heb JS toegestaan bij Beveiliging in de Internetopties.
Hieronder mijn broncode:
-------------- BEGIN BRONCODE -----------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...ransitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Oma gaat online!</title>
<style type="text/css">
body {
background-image: url(images/bg.gif);
background-repeat: repeat;
}
body,td,th {
font-family: "Century Gothic";
font-size: 16px;
color: #000;
}
a {
font-size: 16px;
color: #05e3b5;
}
a:visited {
color: #05e3b5;
}
a:hover {
color: #19f4c4;
}
a:active {
color: #19f4c4;
}
h1 {
font-size: 24px;
color: #fd5519;
}
</style>
</style>
<script type="text/javascript">
/***********************************************
* Dynamic Ajax Content- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
var bustcacheparameter=""
function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
if (bustcachevar) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}
function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}
function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}
</script>
</head>
<body>
<table width="800" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="27" height="27" scope="col"><img src="images/image_03.gif" width="27" height="27" /></th>
<th colspan="3" scope="col" background="images/image_04.gif"> </th>
<th width="32" scope="col"><img src="images/image_05.gif" width="32" height="27" /></th>
</tr>
<tr>
<td rowspan="3" background="images/image_07.gif"> </td>
<td width="400" bgcolor="#FFFFFF"><img src="images/image_12.gif" width="286" height="227" /></td>
<td width="4" bgcolor="#FFFFFF"> </td>
<td width="489" bgcolor="#FFFFFF"><table width="489" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="29%" scope="col"><a border="0" href="javascript:ajaxpage('pagina/home.html', 'pagina'); loadobjs('pagina/external.css')"><img src="images/menu_home.gif" width="143" height="117" border="0" /></a></th>
<th width="36%" scope="col"><a href="javascript:ajaxpage('pagina/keramiek.html', 'pagina'); loadobjs('pagina/external.css')"><img src="images/menu_keramiek.gif" width="177" height="117" border="0" /></a></th>
<th width="35%" scope="col"><a href="javascript:ajaxpage('pagina/poezie.html', 'pagina'); loadobjs('pagina/external.css')"><img src="images/menu_gedichten.gif" width="169" height="117" border="0" /></a></th>
</tr>
</table>
<table width="489" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="52%" scope="col"><a href="javascript:ajaxpage('pagina/proza.html', 'pagina'); loadobjs('pagina/external.css')"><img src="images/menu_korteverhalen.gif" width="256" height="83" border="0" /></a></th>
<th width="48%" scope="col"><a href="javascript:ajaxpage('pagina/schilderkunst.html', 'pagina'); loadobjs('pagina/external.css')"><img src="images/menu_schilderkunst.gif" width="233" height="83" border="0" /></a></th>
</tr>
</table></td>
<td rowspan="3" background="images/image_11.gif"> </td>
</tr>
<tr>
<td height="62" colspan="3" bgcolor="#FFFFFF"><div id="pagina" style="margin-left: 20px;" loadobjs('pagina/external.css')>
<h1>Home</h1>
<p>Welkom op OmaGaatOnline.nl! Dit is mijn website met gedichten, schilderijen en nog veel meer.</p>
<p>Veel plezier op mijn website!</p>
<p>Voor contact kunt u <a href="javascript:ajaxpage('pagina/contact.html', 'pagina'); loadobjs('pagina/external.css')">hier</a> klikken.</p>
<p>Groetjes,</p>
<p>Oma Riet </p>
</div></td>
</tr>
<tr>
<td height="19" bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"><img src="images/image_18.gif" width="375" height="52" align="right" /></td>
</tr>
<tr>
<td height="19"><img src="images/image_19.gif" width="27" height="32" /></td>
<td colspan="3" background="images/image_20.gif"> </td>
<td><img src="images/image_21.gif" width="32" height="31" /></td>
</tr>
</table>
</body>
</html>
-------- EIND BRONCODE -----------
Ik hoop dat jullie misschien een alternatief voor het Javascript hebben, of misschien zien jullie een fout in mijn script.
Alvast superbedankt!
Groetjes,
Don
Gewijzigd op 05/10/2010 15:23:42 door Don van Baar
En probeer even alleen de relevante code er uit te halen
Gewijzigd op 05/10/2010 15:44:49 door Jacco Engel
RELEVANT!
Dit is de javascriptcode die ik gebruik om het 'menu en andere links aan te sturen':
------ CODE -------
<script type="text/javascript">
var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
var bustcacheparameter=""
function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
if (bustcachevar) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}
function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}
function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}
</script>
------ EIND CODE -------
Ik stuur de link zo aan:
------ CODE ------
<a href="javascript:ajaxpage('pagina/contact.html', 'pagina'); loadobjs('pagina/external.css')"> Linktext </a>
------ EIND CODE ------
Hopelijk kunnen jullie een beter alternatief bedenken hiervoor!
Alvast superbedankt!
Gr,
Don
P.s. ik ben niet zo goed met PHP en JS, daarom vraag ik jullie hulp! Alvast bedankt!
2) Dreamweaver is bagger
3) IE is bagger
4) Je menu is bagger (Geen javascript gebruiken voor je menu, mensen zonder javascript zien je menu niet, evenals google)
TIP/OPLOSSING -> Leer eerst simpel html zonder dreamweaver.
Dreamweaver is niet bagger, zolang je maar niet de standaard elementen gebuikt. codeer gewoon alles zelf dan is er niks aan de hand.
Je moet wel gewoon html en css kunnen, ga dit dus eens leren! Ik weet niet wat voor speciaal menu je hebt dat je javascript gebruikt? Je kan namelijk ook gewoon dit doen:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<ul>
<li><a href="">Sample</a></li>
<li><a href="">Sample</a></li>
<li><a href="">Sample</a></li>
<li><a href="">Sample</a></li>
<li><a href="">Sample</a></li>
</ul>
<li><a href="">Sample</a></li>
<li><a href="">Sample</a></li>
<li><a href="">Sample</a></li>
<li><a href="">Sample</a></li>
<li><a href="">Sample</a></li>
</ul>
En leer dan goed alles wat je nodig hebt om een veilig include systeem te bedenken en te maken. Hierdoor kan je jou pagina's in je content laden. Geen javascript nodig dus.
En gebruik nu eens de code tags:
[.code] hier de code [./code] <- zonder de puntjes.
Succes!
Gewijzigd op 05/10/2010 16:51:26 door Milo S
Ik ga me maar eens verdiepen in de vakantie in HTML.
Als je wilt zien hoe de website eruit ziet, ga dan naar www.omagaatonline.nl daar zie je ook mijn menu.
Groetjes,
Don
offtopic, nou ik vind Dreamweaver zwaar en zwaar bagger, heb je de preview mode wel eens gezien? De helft van de tijd klopt die niet. Dan laat de preview mode de website verneukt zien terwijl die in alle normale browsers gewoon klopt.
Alleen de imagemaps functie in Dreamweaver is ok :)