karstlei1979
Gebruiker
- Lid geworden
- 29 jan 2002
- Berichten
- 18
Ik heb een pagina waar ik gegevens uit een mysql database haal en hier krijg ik een aantal records en daar hangen images aan. Doormiddel van een mouseover over de images moeten er 2 divs aangepast worden. in 1 div moet een plaatje wijzigen en de andere div moet text gewijzigd worden. Dit werkt in ie7 lokaal op mijn pc. maar niet als ik hem de server opstuur. en hij werkt ook niet in ff. hoe kan dit?
ik gebruik voor de wijzigingen javascript.
de code staat hier:
<html>
<head>
<title>De Ruiterboulevard | Uden</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript"><!--
function writetext(what){
document.getElementById('right').innerHTML=''+what+'';
}
function notext(){
document.getElementById('right').innerHTML='';
}
//-->
</script>
<script type="text/javascript" src="thumbnailviewer2.js" defer="defer"></script>
<script language="JavaScript1.2">
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
</script>
<link rel="stylesheet" href="css/collectiondetail.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="loadarea">
<?php
include 'inc/connect.inc.php';
$keuze = $_REQUEST['id'];
$qrycollectie = "SELECT * FROM wannahaves";
$collectie = mysql_query($qrycollectie) or die(mysql_error());
while ($row = mysql_fetch_array($collectie))
{
$fotoid = $row['id'];
$tekst = $row['tekst'];
$titel = $row['album'];
}
echo '<img src="images/wannahaves/thumb.php?filename='.$fotoid.'.jpg">';
echo '</div>';
echo '<div id="right"><h2>'.$titel.'</h2>';
echo $tekst;
echo '<a href="javascript:history.back(1)"><img src="images/terug.jpg"></a>';
echo '</div>';
echo '<div id="strip">';
$keuze = $_REQUEST['id'];
$qrycollectie = "SELECT * FROM wannahaves";
$collectie = mysql_query($qrycollectie) or die(mysql_error());
while ($row = mysql_fetch_array($collectie))
{
$image = 'images/wannahaves/'.$row['id'].'.jpg';
if (file_exists($image)) {
echo '<a href="images/wannahaves/thumb.php?filename='.$row['id'].'.jpg" rel="enlargeimage::mouseover" rev="loadarea"><img src="images/wannahaves/test.php?filename='.$row['id'].'.jpg" style="filter:alpha(opacity=15)" alt="'.$titel.'" onmouseover="makevisible(this,0); writetext(\'<h2>'.$row['titel'].'</h2>'.$row['tekst'].'\')" onMouseout="makevisible(this,1)"></a>';
}
else{
echo '<a href="images/wannahaves/thumbnailer.php?bestand=nopic.jpg" rel="enlargeimage::mouseover" rev="loadarea"><img src="images/wannahaves/test.php?filename=nopic.jpg" style="filter:alpha(opacity=15)" alt="'.$titel.'" onmouseover="writetext(\'<h2>'.$titel.'</h2>'.$tekst.'\'); makevisible(this,0)" onMouseout="makevisible(this,1)"></a>';
}
}
?>
</div>
</div>
</body>
</html>
wie helpt mij.
sorry voor soms slordig programmeer werk.
ik gebruik voor de wijzigingen javascript.
de code staat hier:
<html>
<head>
<title>De Ruiterboulevard | Uden</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript"><!--
function writetext(what){
document.getElementById('right').innerHTML=''+what+'';
}
function notext(){
document.getElementById('right').innerHTML='';
}
//-->
</script>
<script type="text/javascript" src="thumbnailviewer2.js" defer="defer"></script>
<script language="JavaScript1.2">
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
</script>
<link rel="stylesheet" href="css/collectiondetail.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="loadarea">
<?php
include 'inc/connect.inc.php';
$keuze = $_REQUEST['id'];
$qrycollectie = "SELECT * FROM wannahaves";
$collectie = mysql_query($qrycollectie) or die(mysql_error());
while ($row = mysql_fetch_array($collectie))
{
$fotoid = $row['id'];
$tekst = $row['tekst'];
$titel = $row['album'];
}
echo '<img src="images/wannahaves/thumb.php?filename='.$fotoid.'.jpg">';
echo '</div>';
echo '<div id="right"><h2>'.$titel.'</h2>';
echo $tekst;
echo '<a href="javascript:history.back(1)"><img src="images/terug.jpg"></a>';
echo '</div>';
echo '<div id="strip">';
$keuze = $_REQUEST['id'];
$qrycollectie = "SELECT * FROM wannahaves";
$collectie = mysql_query($qrycollectie) or die(mysql_error());
while ($row = mysql_fetch_array($collectie))
{
$image = 'images/wannahaves/'.$row['id'].'.jpg';
if (file_exists($image)) {
echo '<a href="images/wannahaves/thumb.php?filename='.$row['id'].'.jpg" rel="enlargeimage::mouseover" rev="loadarea"><img src="images/wannahaves/test.php?filename='.$row['id'].'.jpg" style="filter:alpha(opacity=15)" alt="'.$titel.'" onmouseover="makevisible(this,0); writetext(\'<h2>'.$row['titel'].'</h2>'.$row['tekst'].'\')" onMouseout="makevisible(this,1)"></a>';
}
else{
echo '<a href="images/wannahaves/thumbnailer.php?bestand=nopic.jpg" rel="enlargeimage::mouseover" rev="loadarea"><img src="images/wannahaves/test.php?filename=nopic.jpg" style="filter:alpha(opacity=15)" alt="'.$titel.'" onmouseover="writetext(\'<h2>'.$titel.'</h2>'.$tekst.'\'); makevisible(this,0)" onMouseout="makevisible(this,1)"></a>';
}
}
?>
</div>
</div>
</body>
</html>
wie helpt mij.
sorry voor soms slordig programmeer werk.
