[PHP / Javascript] scriptje werkt niet onder php wel in html - Softwareontwikkeling

vrijdag 13 juli 2007 09:42

Acties:

Topicstarter

Hallo allemaal,

Ik heb het volgende probleem, ik het een stukje javascript dat wel werkt in een html pagina, maar niet in een php pagina. Weet iemand wat het probleem kan zijn? Heb al gezocht op google maar kan er niks over vinden. Heb al geprobeerd om de code te verplaatsen naar de body tag en naar de head maar kom er niet uit wat het is. Waarschijnlijk heeft het iets te maken met de manier waarop php met javascript omgaat.
Ik ben net begonnen met php dus heb er niet zoveel verstand van. Als iemand een idee heeft hoor ik t graag.
Server draait trouwens apache.

Alvast bedankt!

Het javascriptje is een menu wat meescrollt.

Hier is een copy paste van de php pagina:

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var timer
function scrolltop()
{
document.getElementById('scrollmenu').style.top=document.body.scrollTop
timer=setTimeout("scrolltop()",1)
}
function stoptimer()
{
clearTimeout(timer)
}
</script>
</head>

<body onload="scrolltop()" onunload="stoptimer()">
<span id="scrollmenu" style="position:absolute">
<b>Menu</b><br />
<a href="http://www.w3schools.com">W3Schools</a><br />
<a href="http://www.microsoft.com">Microsoft</a><br />
<a href="http://www.altavista.com">Altavista</a><br />
</span>

<table border="0" width="100%">
<tr>
<td width="100"> </td>
<td>Scroll this page to see the "always-on-top" menu
<br /><br /><br /><br /><br />
Scroll this page to see the "always-on-top" menu
<br /><br /><br /><br /><br />
Scroll this page to see the "always-on-top" menu
<br /><br /><br /><br /><br />
Scroll this page to see the "always-on-top" menu
<br /><br /><br /><br /><br />
Scroll this page to see the "always-on-top" menu
<br /><br /><br /><br /><br />
Scroll this page to see the "always-on-top" menu
<br /><br /><br /><br /><br />
Scroll this page to see the "always-on-top" menu
<br /><br /><br /><br /><br />
Scroll this page to see the "always-on-top" menu
<br /><br /><br /><br /><br />
Scroll this page to see the "always-on-top" menu
<br /><br /><br /><br /><br />
Scroll this page to see the "always-on-top" menu
<br /><br /><br /><br /><br />
Scroll this page to see the "always-on-top" menu
<br /><br /><br /><br /><br />
Scroll this page to see the "always-on-top" menu
<br /><br /><br /><br /><br />
</td>
</tr>
</table>
</body>
</html>

C2D E6600 - 2048MB Kingston - Sapphire HD2900XT - 200Gb Samsung - Asus P5B-E

vrijdag 13 juli 2007 09:48

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

php gààt niet met javascript om . punt.

Dat is een essentieel punt dat je zult moeten inzien, het verschil tuseen serverside (php, waar een html-pagina gegenereerd wordt) en clientside (javascript, een script dat op die client uitgevoerd wordt vanuit een HTML-pagina)

Die 'php-pagina' is voor een browser gewoon een HTML-pagina waar het hem verder niks uitmaakt hoe die serverside gegenereerd wordt..

Ik weet dus zeker dat het probleem ergens anders ligt en vooral in verschil tussen de specifieke HTML code...

Mogelijk kan het probleem bv hier bij de DOCTYPE ligge, in combinatie met een SPAN (inline) element dat je een top-waarde geeft, en welk position:absolute; heeft... het kan zijn dat dat in Quirksmode wél werkt (zonder doctype), maar zodra je pagina als valide HTML uitgevoerd wordt, de SPAN niet zomaar een top- en position-waarde kan hebben zolang het inline is , en geen 'display:block; heeft (of liever omgezet wordt naar een DIV)...

Nóg een stuk netter zou trouwens gewoon zijn om 'position: fixed; te gebruiken, dat dient hetzelfde te doen en wordt door recnte browsers ook gewoon ondersteund, en voor msie6 bestaan ook workarounds: http://artikel.fabrice-pascal.de/posfixedie6/

[ Voor 11% gewijzigd door RM-rf op 13-07-2007 09:51 ]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

vrijdag 13 juli 2007 09:55

Acties:

Erkel

Topicstarter

Position: fixed; Heeft mn probleem gefixed:P

C2D E6600 - 2048MB Kingston - Sapphire HD2900XT - 200Gb Samsung - Asus P5B-E