onChange Bildwechsel?

Uzilan

Grünschnabel
Hi erstma.
Also ein freund und ich sind dabei ein kleines script zu schreiben nur da wir beide eher auf PHP statt auf JScript geschult sind haben wir ein kleines Problem :(

Und zwar wollen wir hier http://bm.united-teamkillerz.com/rac00n/ wie man sieht einen ordner auslesen und deren bildinhalte in der liste anzeigen lassen nur soll halt rechts daneben immer das gewählte bild erscheinen.

Wir haben auch schon das script geschrieben nur vermuten wir das es totaler mist ist ^^

Hier das script:

HTML:
<?php
//Includes
include("config.inc.php");
include("functions.inc.php");
?>
<HTML>
    <HEAD>
        <TITLE>Banner Managment System</TITLE>
        <script language="JavaScript">
        loadBanner(banner) {
            document.getElementById("show").src   = "./bannerbg/dbffo1.jpg";
            document.getElementById("show").value   = "./bannerbg/dbffo1.jpg";
            if(document.getElementByName("show").src == "") {
                document.getElementByName("show").src   = "./bannerbg/dbffo1.jpg";
            }else{
                document.getElementByName("show").src   = "./bannerbg" + banner;
            }
        }
        </script>
    </HEAD>

<BODY>
<table width="800" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td width="200">
            <form name="bannershow">
                <select name="banner" size="10" onChange="loadBanner(document.bannershow.banner.value)">
                    <?
                    showBanner();
                    ?>
                </select>
            </form>
        </td>
        <td width="600">
            <img id="show" name="show" src="">
        </td>
    </tr>
</table>
</BODY>
</HTML>

das showBanner(); ist eine php funktion die einen ordner ausliest.

PHP:
if (!function_exists("showBanner")) {
function showBanner() {
    $bgdir      = "bannerbg";
    $verz       = opendir ("$bgdir");
    while ($file = readdir ($verz)) {
      if($file != "." && $file != "..") echo "<option value=\"/$file\">$file</option>\n";
		}
		closedir($verz); 
    }}

Hoffe das jemand helfen kann :(
 
HTML:
<script type="text/javascript">
 	function loadBanner(banner) {
 		if (document.getElementById)
 			document.getElementById('show').src = 'bannerbg/' + banner;
 	}
 </script>
HTML:
<select name="banner" size="10" onchange="loadBanner(this[this.selectedIndex].text)">
Funktioniert, sofern der Ordner mit den Bildern im gleichen Verzeichnis, wie die Datei mit der Selectbox ist. Ansonsten müsst ihr das 'bannerbg/' durch den Pfad zum Ordner mit den Banners ersetzten.
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück