Bild mit Javascript anzeigen

Computer: Software & Programmierung
#1

Guten Tag

Ich habe eine If/else Schleife in einem Javascript Programm. Wenn die Bedingung nicht erfüllt ist kommt eine alert box. Ist die Bedingung erfüllt kommt eine andere alert box. Das funktioniert.
Die alert boxen wollte ich durch Bilder ersetzen. Das funktioniert nicht.

Kann mit jemamd weiter helfen?
Vielen Dank

#2

gibt es nicht, weder in Javascript noch in irgendeiner richtigen Programmiersprache.

Wie denn, wenn du nicht zeigst, was du bislang gemacht hast?

#4

hi,

jo, <img> in alert() geht nicht.

Was willst du denn machen, was ist der Sinn?
Wolltest du eine Galerie und das sollte die schnelle Lösung sein um ein kleines Bild größer zu haben?

mal ne ganz einfache Sache als gedankliche Hilfe:
ja, ich hab nach Bild gesucht… dann fand ich’s aber witzig. Werbe und wertungsfreie Verwendung.

Beispiel 
  <!DOCTYPE html>
    <html>
    <body>

    <img id="myBild" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Logo_BILD.svg/235px-Logo_BILD.svg.png" height="235" style="visibility:hidden">

    <hr>
    Bilchen wechsel dich:

    <button onclick="Bild1()">Bild</button>
    <button onclick="Bild2()">Bild.de</button>
    <button onclick="Button3()">hinfort!</button>

    <script>
    function Bild1() {
      document.getElementById("myBild").src = "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Logo_BILD.svg/235px-Logo_BILD.svg.png";
        document.getElementById("myBild").style="visibility:visible";
      }

    function Bild2() {
      document.getElementById("myBild").src = "https://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Logo_Bild-de.svg/220px-Logo_Bild-de.svg.png";
      document.getElementById("myBild").style="visibility:visible";
    }

    function Button3() {
      document.getElementById("myBild").style="visibility:hidden";
    }
    </script>

    </body>
    </html>

grüße
lipi

#5
1.Ton c d e f g a h







<p id="selectName"
#6

hi,

du hast in der Menüleiste, wenn du einen Text verfasst, den Button </>
Wenn du Text einfügst, ihn markierst und dann da drauf drückst, verändert er sich beim absenden nicht.
Machst du das nicht, wird die Forensoftware den Text anpassen und eventuell alle HTML-Elemente einkassieren.

Bei normalem Text ist das nicht nötig, bei einem Programmcode aber zwingend.

Wie wir vom Bild zur Tonleiter kommen verstehe ich jedoch nicht ganz.

grüße
lipi

#7 
<!DOCTYPE html>
<html>
<head>

</head>

<script>

function auswahl() {

prim=document.getElementById("mySelect").value;
document.getElementById("selectName").innerHTML = "Der erste Ton ist: "+" " + prim;

a = ["c", "c#", "d", "d#", "e", "f", "f#", "g", "g#", "a", "bb", "h"];
b=a.indexOf(prim);
c=a.splice(b);
d=a.splice(0,b);
ton = c.concat(d);
tonL = ( ton[2]+", "+ton[4]+", "+ton[5]+", "+ton[7]+", "+ton[9]+", "+ton[11]);

}

function pruefen() {

     ton2 = (document.tonleiter.ton2.value);
     ton3 = (document.tonleiter.ton3.value);
     ton4 = (document.tonleiter.ton4.value);
     ton5 = (document.tonleiter.ton5.value);
     ton6 = (document.tonleiter.ton6.value);
     ton7 = (document.tonleiter.ton7.value);

if ( ton2==""|| ton3==""|| ton4==""|| ton5==""|| ton6==""|| ton7==""){
alert("Bitte alle Felder ausfuellen.")
return false;
}

if ( ton2!=ton[2]|| ton3!=ton[4]|| ton4!=ton[5]|| ton5!=ton[7]|| ton6!=ton[9]|| ton7!=ton[11]){
         alert("mindestens ein ton ist falsch")

}else{
        alert("Alles Richtig.");
}
 }
</script>

<body>

<form name="tonleiter">

<select id="mySelect" onchange="auswahl()">
  <option value="Auswahl">1.Ton</option>
  <option value="c">c</option>
  <option value="d">d</option>
  <option value="e">e</option>
  <option value="f">f</option>
  <option value="g">g</option>
  <option value="a">a</option>
  <option value="h">h</option>
</select>

<br>
<input type="text" name="ton2" placeholder="2.Ton" size="2"required><br>

<input type="text" name="ton3"placeholder="3.Ton" size="2"required><br>

<input type="text" name="ton4"placeholder="4.Ton" size="2"required><br>

<input type="text" name="ton5"placeholder="5.Ton" size="2"required><br>

<input type="text" name="ton6"placeholder="6.Ton" size="2"required><br>

<input type="text" name="ton7"placeholder="7.Ton" size="2"required><br>

<input type="button" value="check" onclick="pruefen()"><br>

<input type="reset">

</form>

<p id="selectName"</p>

</body>
</html>
#8

hi,

jop, dann würd ich das so machen wie im Beispiel.

grüße
lipi