Beiträge von Sempervivum

Leider habe ich dir da einen Code mit einem Strukturfehler gegeben:

im.addEventListener("click", function(idx) {
return function() {
if (!gallerie.getAttribute("data-locked")) {
gallerie.setAttribute("data-locked", "true");
}

playSound();
if (vergleichccr == idx) {

control.value = "Das war richtig. Klicke jetzt den Button WEITER";
} else {
control.value = "Das war falsch. Beginne wieder mit Start";
}
};

}(i));

Das if wird gleich nach der ersten Anweisung wieder geschlossen. So wäre es richtig:
http://pastebin.com/g4r4jJG0

Das hat funktioniert! Ich werde es mir dann ansehen.

Da gibt es eine Auswahl "Paste Exposure:". Die musst Du auf "Public" stellen.

"This is a private paste. If you created this paste, please login to view it." Anscheinend nur für den Besitzer sichtbar.

Da finde ich Code mit den Funktionen VorgabeZahlErmitteln() und bringColor() und kann keine Verbindung zum Thema dieses Threads erkennen.

Das beste wäre, wenn Du deine Seite online hättest und die URL posten würdest. Geht das nicht, dann den vollständigen Code einschl. HTML bei pastebin.com hochladen und die URL dort posten. Bitte nicht hier im Forum posten wegen der Problem mit Codetags.

Wenn Du alle Bilder blocken möchtest, empfehle ich, das Attribut bei dem gallerie-Element zu setzen:

for (var i = 0; i < cardSelectBasic; i++){
var im = imgArray[zz[ i ]];
gallerie.appendChild(im);
im.addEventListener("click", function(idx) {
return function() {
if (!gallerie.getAttribute("data-locked")) {
gallerie.setAttribute("data-locked", "true"); }

if (vergleichccr==idx)
{
randomNumberBasic.splice(vergleichcbr,1);
alert(randomNumberBasic + "bravo"+ vergleichcbr);
}
else
{
alert("kein bravo");
}};
}(i));
}

Wenn Du solch ein Attribute setzt, musst Du es auch auswerten. Vermutlich ist dies, was Du brauchst:

function showArray2(zz,rr)
{

var gallerie = document.getElementById(rr);
for (var i = 0; i < randomNumberCompare.length; i++)
{
var im = imgArray[zz[ i ]];
gallerie.appendChild(im);

im.addEventListener("click", function(idx) { return function()

{
if (!im.getAttribute("data-locked") {
im.setAttribute("data-locked", "true");

if (vergleichccr==idx)
{

randomNumberBasic.splice(vergleichcbr,1);

}
else
{
alert("war nichts");
}
}

};
}(i));

}

}

Außerdem: Habe ich dich richtig verstanden, dass Du alle Bilder sperren möchtest? Wenn ja, ist es so nicht ausreichend, sondern du musst in einer Schleife über alle Bilder das Attribut setzen.

'ich habe es mit:
im.setAttribute("data-locked", "true");
rum probbiert, aber das klappt nicht.'

Das ist schon ein richtiger Ansatz. Poste mal deinen Code, damit man sich ansehen kann, warum es nicht funktioniert.

'wie mach ich sie später wieder sichtbar?
irgendwas mit im.setAttribute("data-locked", "false"); ?'
Auch das ist ein richtiger Ansatz. Alternativ könntest Du auch das Attribut mit removeAttribute löschen.

Kommt mir irgend wie bekannt vor, hattest Du so ein Thema schon Mal?

Um deinen Code vollständig zu verstehen, müsste man wissen, was randomNumberBasic ist. Ohne dies zu verstehen, kann ich folgende Lösung anbieten:

for (var i = 0; i < cardSelectBasic; i++){
var im = imgArray[zz[ i ]];
gallerie.appendChild(im);
im.addEventListener("click", function(idx) {
return function() {
// Hier steht der Index unter idx zur Verfügung
};
}(i));
}[/code]

Normaler Weise müsste man Code-Tags verwenden, aber leider funktionieren diese in diesem Forum nicht richtig.

Das wird hier beschrieben:
http://stackoverflow.com/questions/2942…idth-and-height

Bitte keine Crosspostings! Bleibe bei deinem Thread auf tutorials.de

Bei mir funktioniert es einwandfrei. Ich hatte jedoch Probleme beim Posten und musste es mehrmals editieren. Probiere jetzt noch Mal, das Javascript zu übernehmen.

Warum nimmst Du nicht einfach Buttons für die Steuerknöpfe?
Vor dem Abspielen eines Track ermittele alle audio-Elemente und stoppe sie:

<script>
function myPlay(id) {
var audios = document.getElementsByTagName('audio');
for (var i = 0; i < audios.length; i++) {
audios[i].pause();
}
document.getElementById(id).play();
}
</script>

HTML:

<a class="SYM" href="#" onclick="myPlay('Track1');">d</a><a class="SYM" href="#" onclick="document.getElementById('Track1').currentTime = 0; myPlay('Track1');">h</a>
<a class="SYM" href="#" onclick="document.getElementById('Track1').pause()">k</a>
<a class="SYM" href="#" onclick="document.getElementById('Track1').currentTime = 0;document.getElementById('Track1').pause();">i</a>
<a class="TBF"><span>Track1</span></a>

usw.

Zitat

Möglicherweise muss man die Dateien gar nicht verschieben, sondern kann einen beliebigen Ordner als root für den Server definieren.

Offenbar nicht nur möglicher Weise sondern es geht definitiv auch so:
http://stackoverflow.com/questions/8847…de-xampp-folder

Ich bin vor kurzer Zeit auf Visual Studio Community umgestiegen. Das hat den Webserver integriert, so dass man kein XAMPP installieren muss. Kleiner Wermutstropfen: Die PHP-Unterstützung kostet 79 Dollar. Das habe ich in Kauf genommen, weil mir eine Fehleranzeige während des Editieren unverzichtbar war. Mit kleinen Abstrichen kann man das aber auch kostenlos bei NetBeans und wahrscheinlich auch Eclipse bekommen, wenn man die Mühe in Kauf nimmt, XAMPP und Erweiterungen zu installieren.

Zitat

Ich muss einfach den Server localhost installieren und dann den Ordner mit der Website in den Serverordner ziehen oder?

Wie das genau geht, kann ich dir leider nicht sagen, weil ich XAMPP nicht einsetze. Es gibt aber ein Forum speziell dafür. Möglicherweise muss man die Dateien gar nicht verschieben, sondern kann einen beliebigen Ordner als root für den Server definieren.

Zitat

wenn jemand was ins Formular eingegeben hat und sich das Browserfenster verändert sind alle eingaben weg... Das ist nicht so gut

Das liegt wahrscheinlich am Reload. Man könnte die Inhalte der Formularfelder im Localstorage speichern, aber ich bin relativ sicher, dass das, was Du brauchst, auch ohne Reload machbar ist.

Die Fehlermeldungen von Dreamweaver kannst du ignorieren. '===' bedeutet, dass die beiden Variablen nicht nur vom Wert sondern auch vom Typ übereinstimmen müssen.

Leider postest Du nicht das HTML, so dass ich nicht verstehe, was Du mit dem Javascript vor hast. Kannst Du das mal verbal beschreiben und am besten die ganze Seite bei pastebin.com posten?

Edit: Hat sich durch den Beitrag von Lorenz erübrigt.