• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Einige Probleme bei meiner HTML Datei

A

Asaak

New member
Hallo Leute,

habe da so einige Probleme die ich nicht gelöst bekomme und eure Hilfe bräuchte:

1)

HTML: 
function ueberpruefung(){
    var radio1  = document.getElementById("j").checked;
    var radio2  = document.getElementById("n").checked;
    if((radio1=="")&&(radio2==""))
    {
        alert("Treffen Sie bitte eine Auswahl!");
   return false;
    }
   return true;
    }

Der Code ist Fehlerhaft aus irgendwelchen Gründen haut er mir gleich am anfang wenn man "Start" drückt den alert raus "Treffen Sie bitte eine Auswahl!"
__________________________________________________________________________________________

2)


HTML: 
    else if (FrageEins[1].checked) {
        alert("Nicht Geeignet a");}
    else if (FrageZwei[1].checked) {
        alert("Nicht Geeignet b");}
    else if (FrageDrei[1].checked) {
        alert("Nicht Geeignet c");}
    else if (FrageVier[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageFuenf[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageSechs[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageSieben[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageAcht[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageNeun[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageZehn[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageElf[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageZwoelf[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageSex[1].checked) {
        alert("Nicht Geeignet");}

Hier würde ich gerne das es statt in alert in dem textarea "Ausgabe" ausgegeben wird.
da wird in Zukunft mehr stehen als nur "nicht Geeignet" deshalb würde ich es wollen das dass Programm jedesmal wenn jemand Nein klickt die Ausgabe auflistet in der Textarea ohne das die vorherige gelöscht wird. habe keine Ahnung wie ich das hinkriegen soll.

_____________________________________________________________________________________________

3)

Ist womöglich die wichtigste Frage... seit 4 Tagen Funktioniert der Script nichtmehr und ich habe ehrlich gesagt keine Ahnung was ich da verändert habe das es nichtmehr Funktioniert.

_____________________________________________________________________________________________

HTML: 
<html>
  <head>
    <title></title>
    <style>
      form div.activenext {
        display: none;
      }
      form div.active {
        display: block;
      }

    </style>
    <script type="text/javascript" src="change.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
    <script type="text/javascript">

    $(document).ready(function() {
    $('#buttonnext').click(function(Submit) {
        var FrageEins = document.getElementsByName('eins');
        var FrageZwei = document.getElementsByName('zwei');
        var FrageDrei = document.getElementsByName('drei');
        var FrageVier = document.getElementsByName('vier');
        var FrageFuenf = document.getElementsByName('fuenf');
        var FrageSechs = document.getElementsByName('sechs');
        var FrageSieben = document.getElementsByName('sieben');
        var FrageAcht = document.getElementsByName('acht');
        var FrageNeun = document.getElementsByName('neun');
        var FrageZehn = document.getElementsByName('zehn');
        var FrageElf = document.getElementsByName('elf');
        var FrageZwoelf = document.getElementsByName('zwoelf');
        var FrageSex = document.getElementsByName('sex');

    if (FrageEins[0].checked && FrageZwei[0].checked && FrageDrei[0].checked && FrageVier[0].checked && FrageFuenf[0].checked &&
    FrageSechs[0].checked && FrageSieben[0].checked && FrageAcht[0].checked && FrageNeun[0].checked && FrageZehn[0].checked &&
    FrageElf[0].checked && FrageZwoelf[0].checked && FrageSex[0].checked) {
        alert("Du kannst Blutspenden!"); }

    else if (FrageEins[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageZwei[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageDrei[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageVier[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageFuenf[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageSechs[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageSieben[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageAcht[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageNeun[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageZehn[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageElf[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageZwoelf[1].checked) {
        alert("Nicht Geeignet");}
    else if (FrageSex[1].checked) {
        alert("Nicht Geeignet");}

    });
});

function ueberpruefung(){
    var radio1  = document.getElementById("j").checked;
    var radio2  = document.getElementById("n").checked;
    if((radio1=="")&&(radio2==""))
    {
        alert("Treffen Sie bitte eine Auswahl!");
   return false;
    }
   return true;
    }

      document.addEventListener("DOMContentLoaded", function()
      {
        buttonnext.addEventListener("click", function()
        {
          var divs = document.querySelectorAll("form div");
          Array.prototype.every.call(divs, function(div, divIndex)
          {
            if (div.className == "active")
            {
              div.className = "activenext";
              if (++divIndex < divs.length)
              {
                divs[divIndex].className = "active";
              }
              else // letzte frage beantwortet
              {
                 document.getElementById('activelast').style.display = "block";
                 document.getElementById('active').style.display = "block";
                // Von vorne beginnen mit Fragen
              }
              return false;
            }
            return true;
          });
        });
        var form = document.querySelector("form");
        form.addEventListener("submit", function(e)
        {
          e.preventDefault();
        });
      });
    </script>
  </head>
  <body>
    <form name="form1" onsubmit="ueberpruefung()"><center>

    <div class="active">
<center><h1>XXXXX</h1><br>
<b>XXXX</b></center>
<br><br><br>
XXXXX
<br>
<br>
<b> Um zu Beginnen auf <u>Start</u> klicken </b> <br><br><br>
</div>
      <div class="activenext">
        <h2>Frage 1) ?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="eins" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="eins" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 2)  ?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="zwei" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="zwei" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 3)  ?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="drei" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="drei" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 4) ?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="vier" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="vier" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 5) ? </h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="fünf" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="fünf" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 6) ?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="sechs" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="sechs" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 7) ?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="sieben" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="sieben" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 8)?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="acht" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="acht" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 9) </h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="neun" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="neun" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 10) </i></h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="zehn" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="zehn" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 11) ?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="elf" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="elf" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 12) ?</h2><br><br>
        <label for="j">Ja</label>
        <input id="j" type="radio" name="zwölf" value="j">
        <label for="n">Nein</label>
        <input id="n" type="radio" name="zwölf" value="n">
      </div>
      <div class="activenext">
        <h2>Frage 13) Sind sie männlich oder weiblich?</h2><br><br>
        <label for="j">Männlich</label>
        <input id="j" type="radio" name="sex" value="m">
        <label for="n">Weiblich</label>
        <input id="n" type="radio" name="sex" value="w">
      </div>
        <div class="activenext">
	<h2> Ergebnis deines Tests </h2>

						// Auswertung
						// Kontaktdaten wieder einblenden
<textarea name="Ausgabe" cols="60" rows="10">Test message</textarea>
<input type="button" name="restart" value="Test wiederholen" onclick="window.location.reload()">
<br><br>

        </div>
        <br><br>

<div id="buttonnext"  style="display:block;" >
    <input type="submit" name="weiter" value="Start" onclick="this.value='Weiter >>';"> </div>
<br><br>

   </center> </form>
  </body>
</html>

Vielen dank schonmal :D ein wunder das ich bereits soweit gekommen bin mit dem kleinen Übungsscript.

Danke nochmal an alle die mir zuvor geholfen haben :)
 
Asaak schrieb:
Der Code ist Fehlerhaft aus irgendwelchen Gründen haut er mir gleich am anfang wenn man "Start" drückt den alert raus "Treffen Sie bitte eine Auswahl!"
Zum Vergrößern anklicken....
der code ist (bis auf dass checked ein bool und kein string ist) so ok, aber du hast x-mal die id j und n vergeben

Asaak schrieb:
Hier würde ich gerne das es statt in alert in dem textarea "Ausgabe" ausgegeben wird.
Zum Vergrößern anklicken....
eine textarea ist ein inputelement, ich würde das per innerHTML in ein div oder etwas in der artz schreiben
auch sieht der code mit den massen ifs so aus, als sollte man das umschreiben in eine funktion oder schleife oder wie auch immer

Asaak schrieb:
da wird in Zukunft mehr stehen als nur "nicht Geeignet" deshalb würde ich es wollen das dass Programm jedesmal wenn jemand Nein klickt die Ausgabe auflistet in der Textarea ohne das die vorherige gelöscht wird. habe keine Ahnung wie ich das hinkriegen soll.
Zum Vergrößern anklicken....
einfach die alte ausgabe nicht löschen, z.B. div.innerHTML = div.innerHTML + "neuer text"

Asaak schrieb:
Ist womöglich die wichtigste Frage... seit 4 Tagen Funktioniert der Script nichtmehr und ich habe ehrlich gesagt keine Ahnung was ich da verändert habe das es nichtmehr Funktioniert.
Zum Vergrößern anklicken....
funktioniert nicht ist keine fehlerbeschreibung
 
Zuletzt bearbeitet:
Okey Vielen Dank schonmal

ist das den wirklich so schlimm X-mal die id j und n zu vergeben ? von der Funktion her ist es doch irrelevant ? sorry bin erst seit kurzem mit JavaScript dabei. sollte ich sie lieber j1-X und n1-X benennen ?

das mit funktionieren meinte ich so das wenn ich auf Start Drücke das Programm nicht läuft das tat es vorher o_O wüsste jetzt nicht wo mein Fehler ist. normalerweise fängt er dann an die Fragen abzuklappern.

Danke für deine Hilfe :)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben