Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

per onchange ein bild ändern.

Frage Entwicklung PHP

Mitglied: jeaTreXs

jeaTreXs (Level 1) - Jetzt verbinden

06.07.2008, aktualisiert 07.07.2008, 9161 Aufrufe, 2 Kommentare

Hallo Leute,

ich hoffe ihr könnt mir helfen.

http://www.jeatrexs.bplaced.net/filemanager/php/gohg/v2/order.php <-- das is der link.

ich hab ein bestellformular gemacht, und da seht ihr jetzt oben das bild von Counterstrike Source, und oben das <select>-feld wo man das spiel auswählen kann.

So ist jetzt möglich, das bild per onchange funktion zu ändern, wenn man das select feld umändert? also wenn man z.b. Counterstrike 1.6 auswählt, soll dort das bild von Counterstrike 1.6 angezeigt werden und nicht mehr von counterstrike source...

Könnt ihr mir helfen? bin in javascript ne lusche...

Danke (sorry aber gab keine Javascript Kategorie)
Mitglied: Fritzchen
07.07.2008 um 15:13 Uhr
Hallo.

Doch es gibt ein Javascript Kategorie. Unter Programmiersprachen.

Ja theoretisch sollte es vielleicht so gehen.

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function bwechsel(name, value){
var spiel = document.getElementById(name)
if (document.testform.spiel.selectedIndex == 1)
{
document.getElementById("Bild").src = "upload/angler.jpg";
}
else if (document.testform.spiel.selectedIndex == 2)
{
document.getElementById("Bild").src = "upload/angler.jpg";
}
else if (document.testform.spiel.selectedIndex == 3)
{
document.getElementById("Bild").src = "upload/angler.jpg";
}
else{
document.getElementById("Bild").src = "upload/am_tisch.jpg";
}
}
//-->
</SCRIPT>
</head>
<body>
<form name="testform" action="" method="post">
<select name="spiel" onchange="bwechsel()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<img src="upload/am_tisch.jpg" id="Bild"><br>
</form>

Bildnamen und Pfade müßten da natürlich noch angepaßt werden.

Viel Erfolg.
Bitte warten ..
Mitglied: Guenni
07.07.2008 um 20:45 Uhr
Die Lösung kann man noch ein bißchen optimieren, in dem man in der Select-Liste
gleich die Dateinamen der Bilder als Values einträgt.
Dadurch erspart man sich die if-then-else Verschachtelungen in der Funktion.

01.
<html> 
02.
<head> 
03.
<title>Untitled</title> 
04.
<script type="text/javascript"> 
05.
<!-- 
06.
function bild_wechsel(select){ 
07.
 document.getElementById("bild").src = select.options[select.options.selectedIndex].value; 
08.
 return true; 
09.
10.
// --> 
11.
</script> 
12.
</head> 
13.
<body> 
14.
<form action="select-mit-bild.html" method="post" name="testform"> 
15.
<img src=" counterstrike-1.6.jpg " height="200" width="250" id="bild"><br> 
16.
<select name="selspiel" onchange="bild_wechsel(this)"> 
17.
<!--  
18.
Der Value-Eigenschaft wird der Dateiname des anzuzeigenden Bildes zugewiesen. 
19.
Der Wert wird in der oben beschriebenen Funktion ausgewertet, und dem img-Tag 
20.
als Source zugewiesen. 
21.
// --> 
22.
<option value="counterstrike-1.6.jpg">Counterstrike 1.6</option> 
23.
<option value="quake4.jpg">Quake 4</option> 
24.
<option value="doom3.jpg">Doom 3</option> 
25.
</select> 
26.
</form> 
27.
</body> 
28.
</html>
Gruß
Günni
Bitte warten ..
Ähnliche Inhalte
Hosting & Housing
Öffentlicher Uploadordner für Bilder (1)

Frage von Netzheimer zum Thema Hosting & Housing ...

VB for Applications
gelöst Wieso wird das Bild in der PictureBox nicht angezeigt? (6)

Frage von gabrixl zum Thema VB for Applications ...

VB for Applications
Bilder vom LDAP in VBA - Excel (3)

Frage von 94451 zum Thema VB for Applications ...

Viren und Trojaner
Virus macht Bilder unleserlich (25)

Frage von linguin zum Thema Viren und Trojaner ...

Neue Wissensbeiträge
Windows Server

Umstellung SHA 1 auf SHA 2 - Migration der CA von CSP auf KSP

Tipp von Badger zum Thema Windows Server ...

Windows 10

Quato DTP94 unter Windows 10 x64 installieren und verwenden

Anleitung von anteNope zum Thema Windows 10 ...

Windows 10

Win10 1703 und Nutzerkennwörter bei Ersteinrichtung - erstaunliche Erkenntnis

(15)

Erfahrungsbericht von DerWoWusste zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Windows 10
Windows 10 im Unternehmen? (26)

Frage von zorlayan zum Thema Windows 10 ...

LAN, WAN, Wireless
Ping u. DNS geht am Rechner nicht mehr (19)

Frage von Kuemmel zum Thema LAN, WAN, Wireless ...

Festplatten, SSD, Raid
Raid 1 2 SSD mit Windows Server 2016 (17)

Frage von jaywee zum Thema Festplatten, SSD, Raid ...

Voice over IP
Über Fritzfax over IP gehen nur einige Faxe (12)

Frage von shearer9 zum Thema Voice over IP ...