HTML5 – die neusten Beiträge

Verwandte Themen
XentriX5526
25.11.2019, 10:16
Mit Bildern
Mit Links

JavaScript - Formularfelder dynamisch hinzufügen?

Ich habe ein HTML-Formular. Darin soll man in eine Datenbank eine Frage mit x Antworten speichern kann. Habe folgendes als Vorlage benutzt, komme aber nicht weiter:

https://werner-zenk.de/javascript/formularfelder_dynamisch_hinzufuegen.php

Ich benötige aber neben einem Input-Feld für eine Antwort nur die Möglichkeit zur Definition, ob diese Antwort Richtig oder Falsch ist.

Habe jetzt folgendes Versucht... (Auszug für function feld_plus())

<script>
function feld_plus() {
 if (feld <= 9) {
  feld++;
 document.getElementById('dynamic_input').innerHTML = "";
  for (var counter = 1; counter <= feld; counter++) {
   var label = "Antwort " + counter;
   var inhalt = document.getElementById("antwort" + counter).value;
   document.getElementById('dynamic_input').innerHTML += "<label style=\"float: left;\">" + label + ": <input type='text' name='n_" + feld + "' value='" + inhalt + "' onInput='antwort(this.value, \"" + feld + "\")'></label><fieldset><input type='radio' id='true" + counter + "' name='statuscode' value='11'><label for='true" + counter + "'>Richtig</label> <input type='radio' id='false" + counter + "' name='statuscode' value='12'><label for='false" + counter + "'>Falsch</label></fieldset><br>";
  }
 }
}

function antwort(inhalt, feld) { document.getElementById("antwort" + feld).value = inhalt; } </script>


<a href="question_add.php"><button>Frage erstellen</button></a> <hr> <h2>Fragestellung</h2> <p>Nachfolgend die Frage eintragen...</p> <form id="question_add" action="question_action.php" method="POST" onsubmit="return confirm('Frage speichern?');"> <textarea form="question_add" name="questionText" wrap="soft" rows="2" placeholder="Wie lautet ...?" required></textarea><br> <hr> <h2>Antworten</h2> <p>Nachfolgend die Antwortmöglichkeiten angeben.</p> <p>Antworten hinzufügen <input type="button" value="-" onClick="feld_minus();"><input type="button" value="+" onClick="feld_plus();"></p>


<div id="dynamic_input"></div>


<!-- Antworten --> <input type="hidden" id="antwort1"> <input type="hidden" id="antwort2"> <input type="hidden" id="antwort3"> <input type="hidden" id="antwort4"> <input type="hidden" id="antwort5"> <input type="hidden" id="antwort6"> <input type="hidden" id="antwort7"> <input type="hidden" id="antwort8"> <input type="hidden" id="antwort9"> <input type="hidden" id="antwort10">



<hr>
<input type="submit" value="Frage speichern" >
</form>

...optisch passt dass... allerdings sind die Radio-Buttons buggy...

Definiere ist Antwort1 als richtig, und dann Antwort2 als falsch, so ist bei Antwort1 nicht mehr ausgewählt... als wenn das Fieldset nicht korrekt abgeschlossen wird.

Kennt sich damit jemand aus?

Bild zum Beitrag
HTML, JavaScript, HTML5, Webprogrammierung, Webanwendung
1 Antwort
StefHi
04.10.2019, 11:01
Mit Links

HTML / CSS : Wie bei einem iFrame den YouTube-Balken unten weg bekommen?

Hier ist mein iFrame code ohne, dass der YouTuber Scroll Balken unten verschwindet.

<div class="iframe-container">

 <iframe width="560" height="315" src="https://www.youtube.com/embed/b8UY9_h8Cm0"frameborder="0" class="embed-responsive-item"></iframe>

</div>

Welchen Code muss ich hinzufügen, dass dieserverschwindet und man nicht vor- oder zurückspulen kann?

Computer, Technik, HTML, CSS, HTML5, iframe
2 Antworten
LiamOlek123
30.01.2018, 18:57

Warum ist da ein weißer Rand?

Hey, ich habe eine Frage zu HTML.

Ich habe bis jetzt diese Navigationleiste erarbeitet, weiß jedoch nicht wieso dort ein weißer Rand ist?

Könnt ihr mir helfen?

Das ist der HTML Code:

<nav id="nav">
<ul>
<li class="current" style="white-space: nowrap;">
<a href="">Home</a>
</li>
<li style="white-space: nowrap;">
</li>
<li style="white-space: nowrap;">
<a href="">Neumöbellogistik</a>
</li>
<li style="white-space: nowrap;">
<a href="">Lager & Logistik</a>
</li>
<li style="white-space: nowrap;">
<a href="">Werkstatt</a>
</li>
<li style="white-space: nowrap;">
<a href="">Kontakte</a>
</li>
</ul>
</nav>

----------------------------------------------------------------------------------------------------------------------------------

Und das der CSS code:

#nav {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background-color: rgba(255, 255, 255, 0.95);
background-image: url("C:\Users\liam\Desktop\CT\Headerline.png");
width: 100%;
height: 3.25em;
line-height: 3.25em;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
text-transform: uppercase;
cursor: default;
}
#nav ul {
position: relative;
z-index: 1001;
}
#nav li {
display: inline-block;
top: 0;
position: relative;
-moz-transition: top .15s ease-in-out;
-webkit-transition: top .15s ease-in-out;
-o-transition: top .15s ease-in-out;
-ms-transition: top .15s ease-in-out;
transition: top .15s ease-in-out;
}
#nav li > ul {
display: none;
}
#nav li a, #nav li span {
-moz-transition: background-color .075s ease-in-out, color .075s ease-in-out;
-webkit-transition: background-color .075s ease-in-out, color .075s ease-in-out;
-ms-transition: background-color .075s ease-in-out, color .075s ease-in-out;
transition: background-color .075s ease-in-out, color .075s ease-in-out;
position: relative;
display: block;
text-decoration: none;
color: #6b7770;
top: -6px;
padding: 6px 1.5em 0.25em 1.5em;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
outline: 0;
}
#nav li:hover, #nav li.active {
top: 3px;
}
#nav li:hover a, #nav li:hover span {
background: #C1CAC5;
color: #fff;
}
#nav li.active a, #nav li.active span {
background: #C1CAC5;
color: #fff;
}
#nav li.current a {
background: #b1ddab;
color: #fff;
}

----------------------------------------------------------------------------------------------------------------------------------

Ich hoffe ihr könnt mir helfen!

CSS, HTML5
3 Antworten
MrPokeCraft
15.04.2016, 15:25
Beitrag wurde 1 Mal erneut eingestellt

Warum knistert bzw laggt der Ton wenn ich Videos schaue?

Hallo erstmal, ich habe seit einiger Zeit (Ich weiß nicht genau, sait wann) einige Probleme beim anschauen von Videos. Das betrifft sowohl Youtube Videos als auch Twitch.

Wenn ich ein Video auf einer der oben genannten Platformen anschauen will, knistert der Ton des videos, sodass ich nicht alles verstehen kann. Bei Twitch ist es am schlimmsten, es knistert so schlimm, dass ich fast gar nichts verstehen kann. Bei Youtube ist das Knistern sehr unauffällig und stört mich eigentlich auch nicht sonderlich, aber es ist vorhanden.

Das seltsamste an dem Problem ist: Wenn der Tab im Hintergrund geöffnet ist, gibt es keinerlei Probleme mit dem Ton. Hier mal ein Beispiel:

Ich schaue gerade einen Twitch Stream im Internet. Es knistert schlimm, dass ich es kaum ertrage. Dann öffne ich einen Link oder etwas änliches und ein neuer Tab (Kein neues Fenster) öffnet sich im Vordergrund. Jetzt ist der Ton in Ordnung... Ich klicke wieder auf den Stream-Tab, um ihn in den Vordergrund zu schieben --> Das Knistern geht wieder los. Ich bin wirklich ratlos.

Nebeninformationen, die wichtig sein könnten: 1. Windows 10 2. Mein Browser ist Mozilla Firefox 3. Twitch läuft auf Adobe Flash Player

Ich bedanke mich im Vorraus für alle Antworten.

MFG MrPokeCraft

PS: Falls weitere Informationen benötigt werden, fragt einfach danach.

EDIT vom 16.04.16:

Ich hab noch eine zusätzliche Info: Firefox hat beim Anschauen von Videos eine imens hohe CPU-Auslastung. Also ist mein ganzer PC überfordert. Das was bis vor ein paar Tagen aber nicht so.

YouTube, Adobe, Ton, HTML5, Flash Player, knistern, Tonprobleme, Twitch, Windows 10
1 Antwort

Meistgelesene Beiträge zum Thema HTML5
Mehr meistgelesene Fragen zu HTML5