Map selecteren uit het pulldown menu

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Robert de Groot

Robert de Groot

08/06/2005 11:30:00
Quote Anchor link
Ik ben bezig met een eigen soort CMS te maken. Nu heb ik een pagina met een groot tekstveld die de ingevoerde tekst opslaat in de database. Dat werkt al. Aan de rechterkant van de pagina is de mogelijkheid om afbeeldingen tussen de tekst te voegen. Er komt dan een link in de tekst te staan Afbeelding Zodra er dus geklikt wordt op een afbeelding verschijnt deze tussen de tekst.

Nu het probleem: Ik heb een pull down menu hierboven gemaakt die de afbeeldingen leest uit de mappen en deze weergeeft. Alleen het switchen tussen de verschillende mappen werkt nog niet helemaal. Dit bestand heb ik ge-included in het hoofdbestand. Het rare is dat als ik het bestand voor de afbeeldingen los open, ik wel kan switchen tussen de verschillende mappen. Ik kan er niet uitkomen wat de fout is.

Iemand die mij kan helpen, dit is de code:

Hoofdbestand:
--------------------------------------------------

<html>
<link href="../css/stylesheet.css" rel="stylesheet" type="text/css">
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<?

//-- Database gegevens weggelaten

    echo "<form name='gastenboek' method=\"post\" action=\"verslag_toegevoegd.php\">";

    echo "<table class=tekst_main border=2 cellspacing=0 cellpadding=5 width=100% height=100% bordercolor=\"FFA800\">";
    echo "<tr><td valign=\"top\">";
    
    echo "<table class=tekst_main border=1 cellspacing=0 cellpadding=0 width=100% bordercolor=\"FFFFFF\"><tr class=kop_main bgcolor=6B8E43><td height=20 colspan=2>";

    $query3 = mysql_query ("SELECT t2.thuis, t2.id, t2.uit, t2.datum, t2.tijd, t1.teamid, t2.jaar, t2.type, t2.wid, t1.naam FROM wedstrijden AS t2, teams AS t1 WHERE t2.thuis = t1.teamid AND t2.id = '80' AND t2.wid = $HTTP_GET_VARS[wid] LIMIT 1");

    if (mysql_num_rows($query3) >= 1 )
    {
        while ($var2 = mysql_fetch_array($query3))
            {
    echo "<b>";
    $thuis = $var2['naam'];
    echo "$thuis";
    echo "</b>";
            }
    }
    
    $query2 = mysql_query ("SELECT t3.wid AS wid, t3.id, t3.thuis, t3.uit, t3.datum, t3.tijd, t4.teamid, t3.jaar, t3.type, t4.naam, t3.verslag, t3.koptekst, t3.uitslag FROM wedstrijden AS t3, teams AS t4 WHERE t3.uit = t4.teamid AND t3.id = '80' AND t3.wid = $HTTP_GET_VARS[wid] LIMIT 1");

    if (mysql_num_rows($query2) >= 1 )
    {
        while ($var = mysql_fetch_array($query2))
            {
    echo "<b> - ";
    $uit = $var['naam'];
    echo "$uit";
    echo "&nbsp;&nbsp;";
    $uitslag = $var['uitslag'];
    $thuis = $var['thuis'];
    echo "$uitslag";
    echo "</b>";

    echo "</td></tr>";
    
    echo "<tr>";
    
    echo "<td class=tekst_main valign=top width=310>";
    $koptekst = $var['koptekst'];
    echo "<b>Titel:</b><br>";
    echo "<input type=\"text\" name=\"koptekst\" value='$koptekst'><br>";
    $verslag = $var['verslag'];
    echo "<br><b>Tekst:</b><br>";
    echo "<textarea name=\"verslag\" class=\"tekst_main\" cols=\"74\" rows=\"27\">$verslag</textarea>";
    echo "<br><br>";
    echo "<input type=\"submit\" name=\"Submit\" value=\"Update\">";
    echo "<br><br><br>";
    echo "<textarea name=\"wid\" class=\"tekst_main\" cols=\"75\" rows=\"1\">$wid</textarea>";



                }
    }
    echo "&nbsp;</td><td width=180 bgcolor=6B8E43 valign=top class=tekst_main_yellow><b>Afbeelding:</b><br><br>";
    echo "<input type=\"hidden\" name=\"add\">";
    echo "</form>";
    ?>


Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
<?
    include("foto2.php");

    echo "</table></td</tr>";

    echo "</table>";


?>

<title>
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<? echo "Voetbal Alblasserdam 3"?>
</title>
</head>
<body>
</body>
</html>



En dit is het bestand dat de afbeeldingen leest:
Foto
----------------------------------------------
<script language="JavaScript">
function smiley() {
return;
}
function Invoegen(Smiley) {
var edit;
var HuidigeTekst = document.gastenboek.verslag.value;
edit = HuidigeTekst+Smiley+" ";
document.gastenboek.verslag.value=edit;
document.gastenboek.verslag.focus();
return;
}
</script>
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
// End -->
</SCRIPT>
<title>FotoAlbum</title>
<script>

// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.

// SETUPS:
// ===============================

// Set the horizontal and vertical position for the popup

PositionX = 100;
PositionY = 100;

// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)

defaultWidth = 500;
defaultHeight = 500;

// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

var AutoClose = true;

// Do not edit below this line...
// ================================
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();
}}

</script>
</head>
<body>
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<?php
        $hoofddir = '../images/wedstrijden'; // map waar alle andere 'album' mappen instaan.
        $directory = $hoofddir ."/". $_GET['map'] . "/"; //De map van de foto's die uitgelezen moet worden
        
if ($dir = opendir($directory)) {
  while (($file = readdir($dir)) !== false) {
    if(!is_dir($file) && strstr($file,".")){
        $FilesArr[]=$file;
    }
  }
  closedir($dir);
}
$Hor = 3;
$Vert = 3;
if(isset($FilesArr)){
    $CountFiles = count($FilesArr);
    $Pages = ceil($CountFiles / ($Hor * $Vert));
    if(isset($_GET['page'])){
        $i=$_GET['page']*($Hor*$Vert);
        $Max = $i+($Hor*$Vert);
        if($Max > $CountFiles){
            $Max = $CountFiles;
        }
    }else{
        $i=0;
        $Max = $Hor*$Vert;
        if($Max > $CountFiles){
            $Max = $CountFiles;
        }
    }
    ?>

<center>
<table>
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
<?

        //Variabelen Invullen
        $hoofddir = '../images/wedstrijden'; // map waar alle andere 'album' mappen instaan.
        $directory = $hoofddir ."/". $_GET['map'] . "/"; //De map van de foto's die uitgelezen moet worden
        
        $hoofddir2 = 'images/wedstrijden'; // map waar alle andere 'album' mappen instaan.
        $directory2 = $hoofddir2 . $_GET['map'] . "/"; //De map van de foto's die uitgelezen moet worden
        ?>


<form name="form">
<select name="site">
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
<?  
        echo "<option value=''>>> Selecteer uw map</option>";
        echo "<option value='verslag2.php'>Bovenste Niveau</option>";
        echo "<option value=''>--------------------------</option>";
        $dir = @opendir($directory);  
        while (($file = readdir($dir)) !== false) {
            if(!is_dir($file) != strstr($file,".")){
            echo "<option value='verslag2.php?map=". $file ."'>". $file ."</option>";  
          }  
        }
        ?>

</select>
<input type=button value="Go!" onClick="javascript:formHandler(this)">
</form>
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
<?
    
    $x=0;
    $y=0;
    for($i=$i;$i<=$Max-1;$i++){
        $x++;
        if($x==1){
            echo"<tr>";
            $y++;
        }
        echo"<td valign=top>";
                ?>

<a href='javascript:smiley();' onClick="javascript:Invoegen('Afbeelding');">
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<?
        echo "<img border=\"0\" src=\"$directory".$FilesArr[$i]."\" width=50 height=50 class=border_green></a><br><a href=\"javascript:popImage('$directory".$FilesArr[$i]."')\" class=tekst_main>Zoom</a></td>";
        if($x==$Hor){
            echo"</tr>";
            $x=0;
        }
    }
    ?>

</table>
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
<?
    if($Pages > 1){
        echo"<a href=\"?page=0\">1</a>&nbsp;";
        for($i=1;$i<=$Pages-1;$i++){
            echo"<a href=\"?page=".$i."\">". ($i+1) ."</a>&nbsp;";
        }
    }
}else{
    echo"Er zijn nog geen foto's geupload.";
}


?>

</center>
</body>
</html>
 
Er zijn nog geen reacties op dit bericht.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.