fout in code

Status
Niet open voor verdere reacties.
W

Wouter1

Gebruiker
Lid geworden
14 nov 2006
Berichten
16
ik heb er de ballen verstand van, kan een leuke pagina maken in dreamweaver maar daar houd het wel een beetje mee op..

nou doet mn dropdown menu niet wat ie moet doen en staat dit in een gele balk met uitroeptekens in dreamweaver:

<a class="menus" href="workshop.htm" target="bodyfrm" onmouseout="menuOut('rollimg1')" onmouseover="menuOver('rollimg1')" target="_top"><b>Workshops</b></a>

zit hier een fout in? of is daar mee info voor nodig?
 
Er is toch wel iets meer informatie nodig. :)
Je kan misschien de hele code hier neerpoten tussen php-tags.
Zo is het gemakkelijker leesbaar.

Greetz : Jer:cool:en.
 
<a class="menus" href="workshop.htm" target="bodyfrm" onmouseout="menuOut('rollimg1')" onmouseover="menuOver('rollimg1')" target="_top"><b>Workshops</b></a>

waarschijnlijk zit het in de fout in de fucties menuOut en/of menuOver .

kan je die code even laten zien
 
Laatst bewerkt:
het werkt nu al wat beter, maar nog steeds klopt er iets niet:

PHP: 
<tbody>
<tr>
<td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
<td><a class="menus" href="muurschildering.htm"  target="bodyfrm" onmouseout="menuOut('rollimg0')" onmouseover="menuOver('rollimg0')" target="_top"><b>Muurschildering</b></a></td>
 <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
 </tr>
<tr>
<td height="38"><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
<td><a class="menus" href="fotoms.htm"  target="bodyfrm" onmouseout="menuOut('rollimg1')" onmouseover="menuOver('rollimg1')" target="_top"><b>Foto's</b></a></td>
 <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
 </tr>
</tbody>
 
Laatst bewerkt door een moderator:
bedoel je dit deel kdemetter??

PHP: 
}// HIDE MENU
function hideLayer(layerName){
 if (menuActive == 0) {
 if (NS4 || IE4) {
 eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
 }
 }
}// TIMER FOR BUTTON MOUSE OUT
function btnTimer() {
 timeOn = setTimeout("btnOut()",1000)
}// BUTTON MOUSE OUT
function btnOut(layerName) {
 if (menuActive == 0) {
 hideLayer(onLayer)
 }
}// MENU MOUSE OVER 
function menuOver(itemName) {
 clearTimeout(timeOn)
 menuActive = 1
}// MENU MOUSE OUT 
function menuOut(itemName) {
 menuActive = 0 
 timeOn = setTimeout("hideLayer(onLayer)", 400)
 }// -->
</SCRIPT>
 
Laatst bewerkt door een moderator:
Dat zal inderdaad in dat deel zijn, maar ontbreekt daarboven geen stuk code van je script?

Greetz : Jer:cool:en.
 
ja maar ik dacht het neemt zoveel ruimte in als ik de hele code neerzet..
kom er niet echt uit iig.. als ik nu de preview bekijk doet ie het op zich goed, alleen onder bij de button van muurschildering (de 3e) zit er een ruimte tussen de opties in de dropdown..

PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Evented 2007</title>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000066;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000066;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000;
}
-->
</STYLE>
<style type="text/css">
<!--
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
-->

</style>
<style>
<!--  
a            { text-decoration: underline }
a:hover      { color: #FF0000; text-decoration: underline}
#Home     { left: 252px; position: absolute; top: 190px; visibility: hidden; z-index: 1 }
#Workshop    { left: 379px; position: absolute; top: 190px; visibility: hidden; z-index: 1 }
#Muurschildering   { left: 504px; position: absolute; top: 190px; visibility: hidden; z-index: 1 }
#Contact     { left: 630px; position: absolute; top: 190px; visibility: hidden; z-index: 1 }
.menus       { color: #666699; font-family: arial, helvetica, 'sans serif'; font-size: 8pt; 
               text-decoration: none }
.menus:hover { color: #ffffff; background-color: #043365; font-family: 
               arial, helvetica, 'sans serif'; font-size: 8pt; 
               text-decoration: none }
select       { font-family: arial, verdana; font-size: 12px }
input.Small  { font-family: arial, verdana; font-size: 12px }
input        { font-family: arial, verdana; font-size: 12px }
input.Button { font-family: arial, verdana; font-size: 12px }
.style7 {
	font-size: 10px;
	color: #900000;
}
a:link {
	color: #900000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #900000;
}
a:active {
	text-decoration: none;
}
-->
</style>

<script language="JavaScript" 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];}}
}
//-->
</script>
<SCRIPT language=javascript>

 <!--
 if (document.images)
 {var imglist = new Array (
  "rollover_script/homebutton.jpg"
,
 "rollover_script/workshopbutton.jpg"
,
 "rollover_script/muurschilderingbutton.jpg"
,
 "rollover_script/contactbutton.jpg"
 );
 var imgs = new Array(); var count;
 for (count=0; count<imglist.length; count++)
 {imgs[count]=new Image(); imgs[count].src=imglist[count];}
 }
 function hilite(name,m)
 {if (document.images)
 {imgswap(name, imgs[m])}
 }
 function imgswap(i1,i2)
 {if (document.images)
 {var temp = i1.src; i1.src=i2.src; i2.src=temp;}
 }
 // -->
</SCRIPT>
<SCRIPT language=javascript>
<!--
window.onerror = null;
 var bName = navigator.appName;
 var bVer = parseInt(navigator.appVersion);
 var NS4 = (bName == "Netscape" && bVer >= 4);
 var IE4 = (bName == "Microsoft Internet Explorer" && bVer >= 4);
 var NS3 = (bName == "Netscape" && bVer < 4);
 var IE3 = (bName == "Microsoft Internet Explorer" && bVer < 4);
 var menuActive = 0
 var menuOn = 0
 var onLayer
 var timeOn = null// LAYER SWITCHING CODE
if (NS4 || IE4) {
 if (navigator.appName == "Netscape") {
 layerStyleRef="layer.";
 layerRef="document.layers";
 styleSwitch="";
 }else{
 layerStyleRef="layer.style.";
 layerRef="document.all";
 styleSwitch=".style";
 }
}
 
// SHOW MENU
function showLayer(layerName){
if (NS4 || IE4) {
 if (timeOn != null) {
 clearTimeout(timeOn)
 hideLayer(onLayer)
 }
 if (NS4 || IE4) {
 eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
 } 
 onLayer = layerName
 }
}// HIDE MENU
function hideLayer(layerName){
 if (menuActive == 0) {
 if (NS4 || IE4) {
 eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
 }
 }
}// TIMER FOR BUTTON MOUSE OUT
function btnTimer() {
 timeOn = setTimeout("btnOut()",1000)
}// BUTTON MOUSE OUT
function btnOut(layerName) {
 if (menuActive == 0) {
 hideLayer(onLayer)
 }
}// MENU MOUSE OVER 
function menuOver(itemName) {
 clearTimeout(timeOn)
 menuActive = 1
}// MENU MOUSE OUT 
function menuOut(itemName) {
 menuActive = 0 
 timeOn = setTimeout("hideLayer(onLayer)", 400)
 }// -->
</SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><body background="background.jpg"><center>
  <img src="banner.jpg" width="700" height="150"> <br>
<table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
                <tr>
                  <td><div align="center"><a href="home.html" target="bodyfrm" class="bigmenus" onmouseover="showLayer('Home'), hilite(document.home,0)" onmouseout="btnTimer(), hilite(document.home,0)"><img name="home" src="homebutton.jpg" border="1" align="bottom" width="120" height="20"></a>
                        <a href="workshop.htm" target="bodyfrm" class="bigmenus" onmouseover="showLayer('Workshop'), hilite(document.workshop,1)" onmouseout="btnTimer(), hilite(document.workshop,1)"><img name="workshops" border="1" src="workshopbutton.jpg" align="bottom" width="120" height="20"></a>
                        <a href="muurschildering.htm" target="bodyfrm" class="bigmenus" onmouseover="showLayer('Muurschildering'), hilite(document.muurschildering,2)" onmouseout="btnTimer(), hilite(document.muurschildering,2)"><img name="muurschilderingen" src="muurschilderingbutton.jpg" border="1" align="bottom" width="120" height="20"></a>
                  <a href="mailto:info@evented.nl" target="bodyfrm" class="bigmenus" onmouseover="showLayer('Contact'), hilite(document.contact,3)" onmouseout="btnTimer(), hilite(document.contact,3)"><img src="contactbutton.jpg" name="contact" width="120" height="20" border="1" align="bottom"></a> </div></td>
                </tr>
  </table>  
<p>
<iframe name="bodyfrm" src="home.html" width="700" frameborder="0" height="300">Your browser does not support inline frames</iframe>
    <br>
    <span class="style1 style7">Copyright Evented 2007</span></p>
</center>
<!---->
<div id="Home"> 
  <table bgcolor="black" border="0" cellpadding="1" cellspacing="0">
    <tbody>
      <tr> 
        <td> <table bgcolor="#FFFFFF" cellpadding="1" cellspacing="0">
            <tbody>
              <tr> 
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
                <td><a class="menus" href="home.html"  target="bodyfrm" onMouseOut="menuOut('rollimg0')" onMouseOver="menuOver('rollimg0')"><b>Home</b></a></td>
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
              </tr>
              <tr> 
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
                <td><a class="menus" href="openveld.htm"  target="AutoWindow" onClick="window.open('','AutoWindow',& #39;toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,
				resizable=no,width=200,height=400')"  onMouseOut="menuOut('rollimg2')" onMouseOver="menuOver('rollimg2')"><b>Open 
                  Veld</b></a></td>
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
              </tr>
            </tbody>
          </table></td>
      </tr>
    </tbody>
  </table>
</div>
<div id="Workshop">
  <table bgcolor="black" border="0" cellpadding="1" cellspacing="0">
    <tbody>
      <tr>
        <td>
          <table bgcolor="#FFFFFF" cellpadding="1" cellspacing="0">
            <tbody>
               <tr>
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
                <td><a class="menus" href="workshop.htm"  target="bodyfrm" onmouseout="menuOut('rollimg1')" onmouseover="menuOver('rollimg1')" target="_top"><b>Workshops</b></a></td>
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
              </tr>
              <tr>
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
                <td><a class="menus" href="fotows.htm"  target="bodyfrm" onmouseout="menuOut('rollimg2')" onmouseover="menuOver('rollimg2')" target="_top"><b>Foto's</b></a></td>
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</div>
<div id="Muurschildering">
  <table bgcolor="black" border="0" cellpadding="1" cellspacing="0">
    <tbody>
      <tr>
        <td>
          <table bgcolor="#FFFFFF" cellpadding="1" cellspacing="0">
            <tbody>
              <tr>
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
                <td><a class="menus" href="muurschildering.htm"  target="bodyfrm" onmouseout="menuOut('rollimg0')" onmouseover="menuOver('rollimg0')" target="_top"><b>Muurschildering</b></a></td>
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
              </tr>
              <tr>
                <td height="38"><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
                <td><a class="menus" href="fotoms.htm"  target="bodyfrm" onmouseout="menuOut('rollimg1')" onmouseover="menuOver('rollimg1')" target="_top"><b>Foto's</b></a></td>
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</div>
<div id="Contact">
  <table bgcolor="black" border="0" cellpadding="1" cellspacing="0">
    <tbody>
      <tr>
        <td>
          <table bgcolor="#FFFFFF" cellpadding="1" cellspacing="0">
            <tbody>
              <tr>
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
                <td><a class="menus" href="mailto:info@evented.nl"  target="bodyfrm" onmouseout="menuOut('rollimg0')" onmouseover="menuOver('rollimg0')" target="_top"><b>Mail</b></a></td>
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
              </tr>
              <tr>
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
                <td><a class="menus" href="contact.htm"  target="bodyfrm" onmouseout="menuOut('rollimg1')" onmouseover="menuOver('rollimg1')" target="_top"><b>Info</b></a></td>
                <td><img alt border="0" height="1" src="rollover_script/line.gif" width="2"></td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</div>
<!-- menu end -->
</body>
</html>
 
Laatst bewerkt door een moderator:
Hier enkele verbeteringen die je kan aanbrengen :

1. lijn 84 van de hele html-code : var count; mag je weglaten
2. lijn 165 : hilite(document.workshop,1) wordt hilite(document.workshops,1)
3. lijn 166 : hilite(document.muurschildering,2) wordthilite(document.muurschilderingen,1)
4. in de meeste <a href......> staan twee targets, zoals niek_e al zei. Verwijder er 1 van, namelijk target="_top"
5. lijn 189 : verander & #39; in '
6. lijn 189 en 190 : ga op het einde van lijn 189 staan en druk delete. Zo maak je er 1 lijn van waardoor de browser het juist kan lezen. Anders herkent de browser die niet als zijnde 1 <a href......>

Dat is het voorlopig.
Mocht er nog iets zijn, dan roep je maar, we horen je toch niet. :D:p:D
Hier een berichtje zetten bezorgt ons een mail. Dat horen we ook niet, maar we kunnen die mail wel lezen. :D

Greetz : Jer:cool:en.
 
nog 1 dingetje:

waar verander ik de roll over image? (de url van de image swap that is).. als ik nu over de menu buttons ga worden ze wit met een kruisje, je kent t wel..

:thumb: thanks
 
Laatst bewerkt:
Op lijn 164, 165, 166 en 167 staat telkens hilite(document.[naam],[nummer]).
Dit staat er twee keer.
Verwijder eens document. (punt inclusief) in die stukjes zodat het hilite([naam],[nummer]) wordt.
Misschien is dat de oplossing, maar ik ben niet zeker omdat ik de plaatjes zelf niet staan heb. Het geeft hier alleszins geen foutmelding.

Greetz : Jer:cool:en.
 
ik heb de rollover functie er nu gewoon uitgehaald.. dat was de makkelijkste oplossing..
 
had ik al gezegd dat het de laatste vraag was? nee he? haha

is er een manier waarop k kan zorgen dat de "drop down" vanuit die buttons onder die knoppen blijft?
als ik de pagina open in een andere schermresolutie komt de dropdown op een andere plaats ten opzichte van de knoppen..

:shocked:
 
Dat wordt een lastige, maar ik doe mijn best.

Greetz : Jer:cool:en.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan