Top-Themen

Aktuelle Themen (A bis Z)

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

Frage Entwicklung PHP

GELÖST

per onchange ein bild ändern.

Mitglied: jeaTreXs

jeaTreXs (Level 1) - Jetzt verbinden

06.07.2008, aktualisiert 07.07.2008, 9231 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
Outlook & Mail
Outlook 2013 - Standardpfad zum speichern von eingebetteten Bildern ändern
Frage von TiTuxOutlook & Mail2 Kommentare

Hallo, wir nutzen Outlook 2013 und einige Mitarbeiter erhalten viele E-Mails, in denen ein Bild nicht im Anhang, sondern ...

JavaScript
Datumfeld aus Pikaday - neues Datum mit onchange und Variable aus php
Frage von Otto1699JavaScript1 Kommentar

Hi, ich habe zwei Datumfelder, die ein value aus php bekommen. Eine Variable mit einer Anzahl von Monaten z.B. ...

Visual Studio
Farbraum bzw Farbmodell eines Bildes herausfinden bzw ändern
Frage von ahstaxVisual Studio7 Kommentare

Hallo, ich bin dabei ein Programm zu schreiben, mit dem Bilddateien (jpg, bmp, tif, png) "analysiert" und ggf konvertiert ...

Grafik
Stapelverarbeitung Bild in neues Bild einfügen
Frage von KodaCHGrafik3 Kommentare

Guten Morgen Ich habe hier einen Ordner mit ganz vielen Bildern. Die grösse ist komplett unterschiedlich. Nun habe ich ...

Neue Wissensbeiträge
Router & Routing

PfSense als Addon auf QNAP

Information von magicteddy vor 8 StundenRouter & Routing2 Kommentare

Moin, für Spielereien eine ganz nette Idee aber ich fürchte das soetwas auch als echte Firewall genutzt wird: In ...

Datenschutz

Teamviewer kommt für IoT-Geräte wie den Raspberry Pi

Information von magicteddy vor 14 StundenDatenschutz

Moin, jetzt werden IoT Geräte endgültig zur Wanze? Anscheinend kann man auf einem Dashboard seine Geräte visualisieren Ich stelle ...

Microsoft

Letzte Updates für Win10 und Server2016 müssen bei Bedarf über den Update catalogue in den WSUS importiert werden!

Tipp von DerWoWusste vor 19 StundenMicrosoft1 Kommentar

automatisch kommt da nichts an im WSUS und auch nicht im SCCM. Siehe Hinweise zum Bezug der jeweils neuesten ...

Linux

Meltdown und Spectre: Linux Update

Information von Frank vor 3 TagenLinux

Meltdown (Variante 3 des Prozessorfehlers) Der Kernel 4.14.13 mit den Page-Table-Isolation-Code (PTI) ist nun für Fedora freigegeben worden. Er ...

Heiß diskutierte Inhalte
Netzwerkmanagement
Preis für Wartungsvertrag ok?
gelöst Frage von a-za-zNetzwerkmanagement22 Kommentare

Hallo! Mal ne Frage, weil ich mich mit dem akzeptablen Preis für einen Reaktionszeitvertrag nicht auskenne. Meine Firma hat ...

Windows Netzwerk
Ist ein Portforwarding auf einen PC ohne lauschendes Programm ein (großes) Sicherheitsproblem?
Frage von PluwimWindows Netzwerk13 Kommentare

Hallo zusammen, zur Fernwartung eines Rechners an einem anderen Ort nutze ich VNC. Da dieser Rechner einfach nur eine ...

Windows Server
Terminal Server 2016 erkennt Berechtigungen nicht
gelöst Frage von Thomas2Windows Server10 Kommentare

Hallo Administratoren, folgendes Problem stellt sich dar: Es gibt zwei Windows Server 2016, die als Terminal Server fungieren. Jetzt ...

Sonstige Systeme
7-zip: Programm frägt nach Passwort erst bei einzelnen Dateien
Frage von freeskierchrisSonstige Systeme7 Kommentare

Guten Morgen, ich habe ein Problem beim Arbeiten mit 7-zip: Wenn ich die einzelnen Dateien zu einem Archiv verpacke ...