JavaScript – die besten Beiträge

Ich habe eine Html seite und darin ein Canvas mit einer Uhr basierend auf javascript. Diese möchte ich nun gerne in der mitte der Seite haben horizontal zentriert habe ich sie mit

allerdings weiß ich nicht wie es vertikal möglich ist. Kann mir jemand sagen wie das möglich ist?

Ich überlege meine Zeit in die Erlernung von Python oder Javascript zu investieren.

Was ist der Sinn und Zweck der jeweiligen Sprache und welche Vorteile bringen sie?

Hi,

das Eszett ist ja immer so ein Problem, falls man eine fancy font gefunden hat, die diesen Buchstaben nicht als Kapitälchen anbietet und es durch "SS" ersetzt, was bei manchen Wörtern furchtbar falsch aussieht. (AUSSERDEM, SPASS, FLEISS, usw.)

Daher meine Überlegung, dass man mit js vielleicht etwas machen könnte, falls die tags h1 bis h6, blockquote, p, usw. in der Eigenschaft text-transform, den Wert uppercase haben.

Meine Überlegung war bisher etwas in der Richtung

$(document).ready(function () {
  if($('h1, p').prop("text-transform", "uppercase")) {
     ... hier passiert die Magie
  }
});

Nur habe ich keine Möglichkeit gefunden, einzelne Buchstaben zu ändern, die irgendwo in einem Wort stehen. Immer nur Möglichkeiten, wie ich tags gegen andere komplett ersetze oder Endungen entferne, aber keine bestimmten Buchstaben.

Guten Abend. :)

Ich beschäftige mich momentan viel mit HTML und CSS und habe eine eigene kleine Website zum Spaß gemacht.

Aus Jux und Tollerei wollte ich jetzt einen Facebook-Like und einen -Teilen-Button mit einbauen, und das in einem Footer. Die Buttons habe ich beide jeweils in ein Div gepackt und diesen per "float: left;" gesagt, das sie sich nebeneinander von links anordnen sollen. Zumindest stand in sehr vielen anderen Foren in denen ich mich umgesehen habe so ziemlich überall genau das.

Bei mir funktioniert das aus unerfindlichen Gründen leider nicht, die Buttons werden untereinander angeordnet.

Zur Seite kommt ihr hier: http://nyancatmarathon.tk/

(Am Besten auf Lautlos stellen, nervige Musik im Hintergrund, außerdem hat sich der Footer von ganz unten in die Mitte der Seite verschoben, als ich die Seite am Localhost bearbeitet habe war das noch nicht so, komisch...)

Ich hoffe jemand von euch weiß woran es liegt und kann mir helfen. :)

Vielen Dank und LG, Bluedragon1

Wie kann ich es bei diesem Quelltext schaffen, dass man die Dateien einzeln löschen kann? Also mit einem Button neben jeder Ausgabe der Datei, wo dann diese Datei gelöscht wird.

Quelltext:

$liste .= "Dateien: "; 
$dir = opendir($upload."/cl/"); 
while($datei = readdir($dir)) 
{
 if (($datei != "..") and ($datei != ".") and ($datei != "index.php")) 
 { 
   $liste .= "<a href=\"https://eedi.at/$upload/cl/$datei\" title='$datei' target='_blank'> $datei"; 
  } 
} 
$liste .= "";
echo $liste;

Hallo zusammen

Ich versuche ein Passwort zu validieren mithilfe von Regex.. Es soll nur erlaubt sein Buchstaben + Zahlen oder Zahlen + Sonderzeichen oder Sonderzeichen + Buchstaben... Nun geht es immer in die If schlaufe rein wenn ich NUR zahlen eingebe..Wieso? (Code-Style nicht beachten) Danke;D

 if(document.getElementById('Passwort').value.match(/[a-zA-ZäöüÄÖÜ]/) && document.getElementById('Passwort').value.match(/[0-9]/) || document.getElementById('Passwort').value.match(/[a-zA-ZäöüÄÖÜ]/) && document.getElementById('Passwort').value.match(/(?=.*[+-_,.:?!])/) ||  document.getElementById('Passwort').value.match(/[0-9]/) && document.getElementById('Passwort').value.match(/(?=.*[+-_,.:?!])/)){
    document.getElementById('Passwort').style.backgroundColor = "green";
    document.getElementById('passwortfalsch').innerHTML= "";
    document.getElementById('passwortfalsch').style.border= "";
    uberprufung = true;

}

Hallo, ich würde gerne wissen, ob es eine Art Library oder ähnliches gibt, um ein Energieflussdiagramm zu erstellen. Ich hänge ein Bild an, um meine Vorstellung zu verdeutlichen.

Hintergrund ist, dass ich eine PV-Anlage auslese und diese Daten gerne Darstellen würde. Das wäre einmal die aktuelle Erzeugung, dann der Verbrauch und letztlich der Bezug. Die Daten lese ich regelmäßig aus, mir geht es derzeit nur um die Darstellung, möglichst wie auf dem Bild zu sehen, die am besten animiert sein soll.

Vielen Dank für eure Anregungen / Hilfe

Hi,
ich habe ein normales Bild in meinen HTML Code eingebunden. Vor und hinter dem Bild habe ich jeweils eine section mit Text drin. Das Bild ist in CSS auf position:fixed; gesetzt, damit es immer zu sehen ist. Das Problem ist jetzt, dass das Bild nicht wirklich immer zu sehen sein soll. Es soll erst eingeblendet werden, wenn man von der ersten section auf die zweite scrollt (unter der zweiten section sollen noch weitere folgen, da soll das Bild auch immer zu sehen sein).
Ich habe versucht, der ersten section einen höheren z-index zu geben als dem Bild, damit sie an der Stelle über dem Bild liegt, aber das Bild ist trotzdem zu sehen. Hat jemand eine andere Idee? Gibt es eine CSS Lösung? Oder JQuery?

Hi,

mehr schlecht als recht arbeite ich mich gerade durch json und habe tatsächlich mittlerweile herausfunden, dass man zum Laden einer json-Datei ohne jQuery folgenden Ansatz zu brauchen scheint:

function loadJSON(callback) {var xobj = new XMLHttpRequest();
xobj.overrideMimeType("application/json");
xobj.open('GET', 'data.json', true); // Replace 'my_data' with the path to your file
xobj.onreadystatechange = function () {
      if (xobj.readyState == 4 && xobj.status == "200") {
        // Required use of an anonymous callback as .open will NOT return a value but simply returns undefined in asynchronous mode
        callback(xobj.responseText);
      }
};
xobj.send(null);  
}

Wie ich damit dann allerdings Objekte und values auslese und weiterleite, ist mir schleierhaft.

Hier ist erst einmal der json Code

{"employees":
    [
        {
            "firstName": "John", 
            "lastName": "Doe"
        },
        {
            "firstName":"Anna", 
            "lastName":"Smith"
        },
        {
            "firstName":"Peter", 
            "lastName":"Jones"
        }
    ]
}

Meine Idee war ja etwas wie document.getElementbyID oder halt byClassName, um den Content im DOM zu verteilen. Aber irgendwas scheint mir zu fehlen.

Pseudocode mäßig wäre halt sowas schön: getElementbyID('title').data(firstName[0]) Irgendwie so halt ...

Was ich bisher gefunden habe, waren nur Kurzeinleitungen, wie ich den Code in der Konsole ausspucke, js Arrays erstelle (warum auch immer die Leute das in einem json Tutorial als Lösung anbieten) oder html Elemente in JavaScript mit dem json Inhalt erstelle. Wie gesagt, würde ich jedoch gerne den json Inhalt an meine bereits existierenden html Elemente weitergeben.

ps. Wenn ihr dazu eine jade-Lösung habt, wäre das natürlich noch um so prickelnder.

Gibt es ne möglichkeit dass ich einige systeminformationen, wie zb cpu/gpu temperatur, auslastung, ram belegung usw per javascript oder php (oder was ähnliches) auslese und mir im browser anzeigen lasse?

Es geht darum, dass ich von überall aus diese informationen lesen möche ohne mich dazu über ssh verbinden zu müssen.

Ich hab mir gedacht dass es ja im prinzip möglich sein sollte, diese informationen per skript auslesen und in eine datei schreiben zu lassen, dieses dann mit zb php zu verarbeiten usw.. aber vielleicht geht es ja einfacher?

Ich lerne zurzeit javascript und habe jetzt die basics (tutorial von mozilla) durch. Wenn ich jetzt versuche mit den gelernten methoden was eigenes zu machen bzw. die übungugen ohne hilfe mache , scheitere ich komplett ... ich kann mich an nichts errinnern :D Wie habt ihr das gelernt ? Cheatsheets eigen schreiben ? Auswendig ? Immer alles schritt bei schritt bis es sitzt ?

Ich verstehe ja die logik hintern dem code oder so , aber es scheitert dann an meiner umsetzung da mir nichts einfällt.

Ich habe schon an mehreren Stellen nach einer Antwort gesucht, aber keiner konnte mir weiter helfen. Und zwar geht es um eine Software, die ich auf meinem Webspace verwende. Dort gibt es ein paar Dropdown Menüs mit Auswahlmöglichkeiten (Bearbeitungsbereich von einem Userprofil). Soweit, so gut. Wenn ich jetzt aber einen Punkt auswähle und auf "speichern" klicke, springt die Auswahl in dem Dropdown Menü zurück auf den ersten Punkt, sodass ich ihn auf die nächste Bearbeitung erneut auswählen muß. Das will ich aber nicht, denn auf Dauer wird das richtig nervtötend. Ich möchte, dass die zuletzt gesetzte Auswahl abgespeichert wird, sodass ich das bei der Bearbeitung nicht ständig vom neuen setzen muß.

Aber wo kann ich in der Programmierung den Befehl dafür setzen?

Bisher habe ich nur mit CSS Dropdown Menüs gearbeitet, aber soweit ich heraus gefunden habe, läuft dieses hier über JavaScript (hatte noch nie damit zu tun, ist - zumindest im Bereich Dropdown Menü - totales Neuland für mich). Dazu habe ich eine (die einzige) Datei gefunden, wo es einen Befehl dafür gibt, nur leider werde ich nicht so ganz schlau daraus. Vielleicht hat mir ja einer einen Rat dazu? Hier der Ausschnitt:

function(a){var c="dropdown",f="4.0.0",g="bs.dropdown",h="."+g,i=".data-api",j=a.fn[c],k={HIDE:"hide"+h,HIDDEN:"hidden"+h,SHOW:"show"+h,SHOWN:"shown"+h,CLICK:"click"+h,CLICK_DATA_API:"click"+h+i,KEYDOWN_DATA_API:"keydown"+h+i},l={BACKDROP:"dropdown-backdrop",DISABLED:"disabled",OPEN:"open"},m={BACKDROP:".dropdown-backdrop",DATA_TOGGLE:'[data-toggle="dropdown"]',FORM_CHILD:".dropdown form",

Ich bin für jede Hilfe dankbar! Denn so langsam verzweifle ich daran.

Ich kann Daten mit Hilfe von JavaScript auslesen und ändern. Das ist soweit alles klar. Ich kann sie aber offenbar nicht dauerhaft im Dokument sichern. Ich möchte beispielsweise die Schriftgröße (Css) auslesen, ändern und dauerhaft sichern, sodass die neue Regel auch nach dem erneuten Laden in allen Clients angewendet wird. Serverseitig geht's mit PHP sicher locker von der Hand, aber sollte nach Möglichkeit nur JavaScript zum Einsatz kommen.

Besteht hier eine elegante Möglichkeit?

Vielen Dank im Voraus :)!

Habe vor ein 2D Spiel für iOS oder Android (wenn es geht beides) zu entwickeln. Jetzt frage ich mich mit welchen Programmiersprachen es möglich wäre und wieviele ich dafür benötige.

Ich suche eine API unabhängig davon ob sie etwas kostet oder nicht, die Sender anzeigt, also einfach ein TV Guide. Kennt jemand hierzu etwas?

Würde gerne eine Beliebige Seite z.B. die Google Startseite auf der eigenen Homepage einbetten und als PopUp Fenster öffnen wollen... auf homepage-buttons habe ich folgenden möglichen Ansatz gefunden, dieser schaut wieefolgt aus:

    <a target="popup" onclick="window.open
  ('', 'popup', 'width=580,height=360,scrollbars=no, toolbar=no,status=no,
  resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')
  "href="popupdatei.html">Hier geht's zum Popup</a>

wie aber schaffe ich es nun eine Beliebige Webseite zu integrieren? Ich dachte an so etwas:

<a target="popup" onclick="window.open
  ('', 'popup', 'width=580,height=360,scrollbars=no, toolbar=no,status=no,
  resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')
  "href="<a href="https://google.com">Hier geht's zum Popup</a>

liege ich da etwa falsch?

ich versuche gerade auf einer Homepage in einem Formularfeld Pflichtfelder einzubauen. Per PC funktioniert das auch wunderbar mit der Anweisung "required" bzw. input type="email" ... aber auch einem mobilen Endgerät lässt sich das Formular trotzdem einfach ohne Ausfüllen der Felder senden ... Ich weiß leider nicht weiter :(

Hier der Code dazu:

Name:

E-Mail:

Betreff:

Nachricht:

Hat wer eine Idee?

Hi Leute,

ich habe mir, um den Fileupload zu vereinfachen, Dropzone.js in mein Script eingebunden.

Ich habe mal reingeguckt und auch die Einstellungen entdeckt.

Wie kann ich jetzt Dropzone dazu bringen, NUR .png Bilder hochzuladen???

Bitte helft mir :-)

Und was muss der kundige User alles anstellen, damit er dann doch an den Text kommt? Ich gehe ja doch stark davon aus, dass es den absoluten Schutz nicht gibt. Es soll aber zumindest Mühe machen.

Ich kenne diesbezüglich Seiten, die schon den "Rechte-Maus-Klick" nicht zulassen.

Hi, ich bin noch ein ziemlicher Anfänger beim Javascript-Programmieren. Aber ich habe hier einen Code, mit dem Bilder (ausgehend von einem Ordner) zufällig in einer Schleife dauernd abgespielt werden. Dies klappt jetzt schon ganz gut:

     <script type="text/javascript">
     function bildwechsel_starten()
     {
             bildwechselthread = setInterval("bildwechsel()", 2000);
     }
     function bildwechsel()
     {
             zufall = Math.random();
             zufall = zufall * 5;
             zufall = Math.round(zufall);
             document.getElementById("wechselndesbild").src = "TestOrdner/" + zufall + ".png";
     }

     </script>

Nun wäre es mein Wunsch, wenn man (am besten) unter den Bildern jedem Bild auch eigenen "Text" zuordnen könnte, der dann beim Erscheinen des Bildes auch erscheint. Und dieser "Text" sollte eine Zufallszahl sein & bei jedem Bild erscheint dann eine Zufallszahl in einem bestimmten Intervall, das sich bei jedem Bild unterscheidet. Zum Beispiel: Bild 1 ... Zufallszahl zwischen 5 und 10 Bild 2 ... Zufallszahl zwischen 14 und 30 Bild 3 ... Zufallszahl zwischen 2 und 4 ... usw ...

Kennt sich da jemand aus? Wie fange ich da am besten an? Ich habe hier eine Animation, um zu verdeutlichen, was ich meine: http://fs5.directupload.net/images/160718/jzdwwo2f.gif Das, was in der Klammer ist, sollte dann nicht stehen :D

Vielen Dank für eure Hilfe! :) :)