[JavaScript] Bilder anzeigen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von taker875, 4. Dezember 2008 .

  1. 4. Dezember 2008
    Hallo,

    ich hab folgende Frage / suche folgende Syntax :
    ich möchte dass der Benuter eine Eingabe macht und je nachdem welche er macht soll ein Bild angezeigt werden. Wie geschieht das syntaxmäßig ?


    danke schonma im vorraus
     
  2. 4. Dezember 2008
    AW: [JavaScript] Bilder anzeigen

    Also wenn du Javascript meinst, sollte das Thema in Webtechnik verschoben werden.
    Ansonsten will ich dir jetzt nicht den genauen Code geben aber du brauchst auf jeden fall die switch-case-Anweisung (http://de.selfhtml.org/javascript/sprache/bedingt.htm#switch).
    Wenn du dann vorher schon ein Bild im HTML-Dokument hast, dann sprichst du es einfach über
    Code:
    document.getElementById(ID-Vom-Bild-in-"").src = "bild.jpg";
    
    an.

    je nach dem was der User eingegeben hat, kannst du dann ja verschiedene Bilder anzeigen lassen
     
  3. 5. Dezember 2008
    AW: [JavaScript] Bilder anzeigen

    hier n kleines script dass dir die arbeit erleichtern sollte:

    Code:
    <script type="text/javascript">
     var arbeitstag = window.prompt("Welcher Tag ist heute?");
     
     if (arbeitstag == "Montag") {
     document.write("blauer Anzug"); 
     } else {
     if (arbeitstag == "Dienstag") {
     document.write("gelber Anzug");
     } else {
     if (arbeitstag == "Mittwoch") {
     document.write("grüner Anzug");
     } else {
     if (arbeitstag == "Donnerstag") {
     document.write("grauer Anzug");
     } else {
     if (arbeitstag == "Freitag") {
     document.write("weißer Anzug");
     } else {
     document.write("Bademantel");
     }
     }
     }
     }
     }
     
    </script>
    
    
    statt dem document.write schreibst du halt einfach n bild hinaus ... zum beispiel so: http://htmlkurs.kleinedowe.de/kurs_homepage/bilder_m_javascript.php
     
  4. 5. Dezember 2008
    AW: [JavaScript] Bilder anzeigen

    oh gott. hoffentlich ist das nicht dein ernst
    genau dafür gibts ja switch-case, um solche hässlichen ketten zu vermeiden.

    HTML:
    <script type="text/javascript">
    /* <![CDATA[ */
    
     var arbeitstag = window.prompt("Welcher Tag ist heute?");
    
     switch (arbeitstag) {
    
     case "Montag": document.write("blauer Anzug"); break;
     case "Dienstag" : document.write("gelber Anzug"); break;
     case "Mittwoch" : document.write("grüner Anzug"); break;
     case "Donnerstag" : document.write("grauer Anzug"); break;
     case "Freitag" document.write("weißer Anzug");
    
     default: document.write("Bademantel");
    
     } 
    
    /* ]]> */
    </script>
    
     
  5. 5. Dezember 2008
    AW: [JavaScript] Bilder anzeigen

    Wenn du möchtest, dass die Aktion direkt ausgeführt wird, wenn der User die Eingabe beendet, sollte onBlur das passende sein.
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.