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

gelöst per onchange ein bild ändern.

Mitglied: jeaTreXs

jeaTreXs (Level 1) - Jetzt verbinden

06.07.2008, aktualisiert 07.07.2008, 9289 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
Server-Hardware
HP iLO ist gefährdet (iLO 4))
Tipp von AlFalcone vor 6 StundenServer-Hardware

Gemäss Twitter und Heise gibt es eine Angriffsmöglichkeit auf iLO Quelle: iLO ist gefährdet

CMS
Erneut kritische Zero-Day-Lücke in Drupal
Tipp von Reini82 vor 15 StundenCMS

Laut einem Bericht auf t3n gibt es eine Schwere Sicherheitslücke in Drupal die auch schon ausgenutzt wird. Betroffen sind ...

Sicherheit

MikroTik-Router patchen, Schwachstelle wird ausgenutzt

Information von kgborn vor 1 TagSicherheit

Am 23. April 2018 wurde von Mikrotik ein Security Advisory herausgegeben, welches auf eine Schwachstelle im RouterOS hinwies. Mikrotik ...

Windows 10

Microcode-Updates KB4090007, KB4091663, KB4091664, KB4091666 für Windows 10

Information von kgborn vor 1 TagWindows 101 Kommentar

Kurze Information für Administratoren von Windows 10-Systemen, die mit neueren Intel CPUs laufen. Microsoft hat zum 23. April 2018 ...

Heiß diskutierte Inhalte
Windows Server
Alten DC entfernen
gelöst Frage von smartinoWindows Server27 Kommentare

Hallo zusammen, ich habe hier eine Umgebung übernommen und erstmal einen DCDIAG gemacht. Dabei fällt auf, daß eine ganze ...

Ausbildung
Wie gelingt ein guter Einstieg in die FiSi-Ausbildung? (Umschulung)
Frage von SiAnKoAusbildung27 Kommentare

Schönen guten Tag, ich bin SiAnKo und habe seit dem 1.04.2018 eine Umschulung als FiSi angefangen. Ich möchte natürlich ...

Batch & Shell
Mit Powershell den Inhalt einer Excel mit einer Text Datei abgleichen
gelöst Frage von Bommi1961Batch & Shell21 Kommentare

Hallo zusammen, ich muss den Inhalt einer Excel Datei (Mappe1) mit dem Daten einer Text Datei abgleichen. Die Daten ...

Router & Routing
Subnetzmaske vergrößern
gelöst Frage von groovesurferRouter & Routing18 Kommentare

Hallo, hat jemand schonmal getestet was passiert, wenn man die Subnetzmaske bei laufendem Betrieb (wenn user im Netzwerk verbunden ...