Beiträge von Sempervivum

Ich sehe dagegen die Gefahr, dass Einsteiger resigniert aufgeben, wenn man sie mit fortgeschrittenen Techniken überfordert und es dann gar nicht zu einem fortgeschrittenen Lernprozess kommt.

Du setzt bei deinen Postings immer die Gültigkeit von Definitionen des "guten Programmierstils" voraus, die teilweise axiomatisch und praxisfremd sind (wie bei den Lösungen für das Problem des TO). Aber dazu habe ich ja schon in Posting #8 geschrieben.

Glücklicher Weise habe ich neben der Webprogrammierung noch einige andere Interessen, wo es meistens entspannter zugeht. Und dadurch kann ich diese Dinge aus einer gesunden Distanz beurteilen und das bringt mich zu der Einschätzung, dass ich ihnen nicht so eine große Bedeutung beimesse. Wichtig finde ich jedoch das, was in #11 geschrieben habe.

Leider verstehe ich dein Posting nicht richtig. Nur, dass Du auf Knopfdruck Klassen wechselst und transition verwendest, also offenbar etwas animieren willst. Was machst Du denn genau mit deinen Divs? Und was willst Du mit deinen Bildern machen und was funktioniert dabei nicht? Wahrscheinlich ist es am besten, wenn Du etwas mehr Code postest, von einem Div, das funktioniert und von einem Bild, das nicht funktioniert.

Ein Aspekt, der noch gar nicht zur Sprache gekommen ist, ist folgender: Ein großer Teil der Besucher, die in Computerforen Fragen stellen, sind Einsteiger, die nur geringe oder gar keine Kenntnisse in der Programmierung haben. Und ich bin der Meinung, dass man diesen einfache und leicht zu verstehende Lösungen anbieten und sie nicht mit fortgeschrittenen Techniken überfordern sollte. Genau das war meine Absicht bei dem Code, den ich am Anfang gepostet hatte. Andernfalls sehe ich die Gefahr, dass der betr. die Lösung kopiert, ohne sie zu verstehen und dann nicht in der Lage ist, sie selbständig weiter zu entwickeln. Ich selber habe, als ich am Anfang der Einarbeitung in JS war, anonyme Funktionen undurchsichtig und schwer zu verstehen gefunden. Im Verlauf der Entwicklung habe ich sie dann verstanden und mich damit angefreundet. Ebenso das Vermeiden von globalen Variablen: Hat auf jeden Fall seine Berechtigung für umfangreichere Projekte aber nicht für Einsteiger und wenn es sich um ein Skript von ein paar Zeilen handelt.

Aufheben kannst Du die Formatierung natürlich, indem Du es aus der CSS-Datei heraus nimmst. Wenn ich dich richtig verstanden habe, stört dich, dass der Text das Hintergrundbild (Menüsymbol) überdeckt. Dazu hatte ich dir empfohlen, ein padding-top einzuführen. Würde dann so aussehen:

aside a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	background-color: #888888;
	display: block;
	width: 100px;
	height: 40px;
	position: absolute;
	top: 158px;
	left: 0px;
        padding-top: 100px;
}

Dort kannst Du auch die Schriftgröße verringern.

"lightbox für html-elemente" Ja, gibt es und mit Fancybox bist Du ja fündig geworden. Die Lightbox von http://lokeshdhakar.com kann jedoch nur Bilder anzeigen.
Für die Formatierung der a-Tags in aside ist jedoch dieses in demo.css verantwortlich:

aside a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	background-color: #888888;
	display: block;
	width: 100px;
	height: 40px;
	position: absolute;
	top: 158px;
	left: 0px;
}

Hast Du das auch irgendwoher übernommen?

Die Wiki von SelfHTML stellt beide Varianten wertfrei nebeneinander:
http://wiki.selfhtml.org/wiki/JavaScript/Event-Handler
Ich habe den Eindruck, dass bei der Einschätzung, was "guter Stil" ist, außertechnische Motive im Vordergrund stehen: Dogmatismus und das Streben nach Profilierung statt Praxisrelevanz und Verständlichkeit. Welche Blüten das treiben kann, kann man sich hier ansehen:
https://www.tutorials.de/threads/bilder…scandir.401675/

Warum? Nur weil es einfach und übersichtlich ist? Sind nur kryptische Formulierungen "guter Stil"? Der TO schrieb:

Zitat

mit nur einer kleinen js

Wo hast du das denn her? Ich frage mich, ob du das richtig anwendest.
Die Überdeckung kannst Du vermeiden, indem Du dem a-Tag ein padding-top gibst, dann wird die Schrift nach unten verschoben. Und die Schrift("Unsere Smartphone-App") würde ich kleiner machen, damit sie die anderen Inhalte nicht überdeckt.

Wie Wolf schon schrieb, wird es ohne JS nicht gehen. Es sind aber nur wenige Zeilen. Ein Problem ist nur die midi-Datei. Heute werden Musikdateien durch das audio-Tag abgespielt und das benötigt das MP3-Format. Du musst deine midi-Datei konvertieren.

<iframe id="idiframe" src="dein_urspruenglicher_inhalt.html"></iframe>
<audio id="idaudio" src="deine_sound_datei.mp3"></audio>
<img src="deine_grafik.jpg" onclick="change();">

function change() {
	document.getElementById("idiframe").src = "dein_neuer_inhalt.html";
	document.getElementById("idaudio").play();
}

Ups, da haben sich Wolfs Edit und mein Posting überschnitten.

Du hast den Container .app mit position:fixed positioniert. Dadurch ist er aus dem normalen Textfluss herausgenommen und klebt am oberen Browserfenster (mit Abstand wie definiert). Außerdem hast Du den a-Tags innerhalb von aside ein Hintergrundbild gegeben; dadurch überdeckt der Text "Unsere Smartphone-App" dieses Bild. Und weil Du die Größe der a-Tags reduziert hast, ragt der Text über den Rand hinaus.

Nein, wenn Du es richtig machst, brauchst Du das Lightbox-Skript nicht zweimal einzubinden.
Ist das diese Lightbox?:
http://lokeshdhakar.com/projects/lightbox2/
Dann benutzt sie nicht Prototype, sondern jQuery. Befolge genau die Anleitung auf der Homepage, dann funktioniert es auch. Leider kursieren noch fremde Anleitungen für diese Lightbox, die sich auf die alte Version mit Prototype beziehen.
Und hier:

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

bindest Du jQuery zweimal ein. Versuche es zunächst mit der latest-Version und lösche die zweite Zeile.
Ein Problem könnte noch sein, dass die Lightbox und das Menü unterschiedliche jQuery-Versionen brauchen, aber das warte erst mal ab.
Edit: Habe mich gerade davon überzeugt, dass Du die Lightbox2 von http://lokeshdhakar.com verwendest. Dann musst Du die ersten drei Zeilen in deinen Einzügen löschen. Übrig bleibt:

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="jquery.mmenu.min.all.js"></script>
<script type="text/javascript" src="lightbox.js"></script>

Ich weiß nicht, wie es anderen geht, aber mir ist es zu viel, den gesamten Code durchzugehen. Kannst Du deine Frage für ein Element mal präziser machen: Welches Element soll geklickt werden? Was soll dann passieren? Mit welchem Element? Was meinst Du mit "per lightbox" funktioniert es?
Hast Du kein fertiges Skript gefunden, das deine Anforderungen erfüllt?
Hilfreich wäre es auch, wenn dein Code eingerückt wäre.

Hm, ich hatte den TO so verstanden, dass sich die Schriftgröße anpassen soll, je nachdem ob ein kurzer oder langer Text in dem Div steht. Aber möglicher Weise habe ich da zu kompliziert gedacht.

Ich würde mir die Höhe des divs merken. Dann in einer Schleife die Schriftgröße schrittweise erhöhen bis sich die Höhe des divs erhöht. Den letzten Schritt rückgängig machen. Dann müsstest Du die optimale Schriftgröße haben.
Wenn du es ähnlich schon probiert hast, dann poste mal deinen Code.

Muss dir Recht geben, ich habe es inzwischen getestet.

Zitat

Man sollte ja vordefinierte PHP-Funktionen nutzen, da diese in der Regel schneller sind.

"Das würde zu "lang" dauern."
Das wäre erst noch zu beweisen. Ein preg_match schreibt sich zwar sehr kurz in einer Zeile, aber das muss nicht heißen, dass es von der Ausführungszeit auch sehr kurz ist. Es könnte sein, dass das Auswerten einer RE rechenzeit-intensiver ist als eine kleine Schleife, die nur mit einem Index auf den String zugreift. Leider kenne ich mich mit dem Profiling unter PHP nicht aus, sonst würde ich es gern ausprobieren.

Ja, WinSCP habe ich auch schon getestet, hat mich aber nicht zufrieden gestellt. Wenn ich mich richtig erinnere, konnte man keine Profile anlegen. Aber ich habe ja schon geschrieben, dass ich zwei Lösungen gefunden habe, von denen ich eine wahrscheinlich verwenden werde. Auch Fullsync ist ganz gut.

Windows 7.
Filezilla habe ich schon und dieser hat keine Synchronisationsfunktion.
Gute Sync-Programme machen am Anfang eine Analyse, um festzulegen, welche Dateien sich geändert haben und heraufgeladen werden müssen. Da die meisten dazu auf den Server zugreifen, dauert diese relativ lange (bevor die Daten überhaupt übertragen werden). Muss ich nur wenige Dateien heraufladen und das häufig, wie es bei der Entwicklung die Regel ist, ist das nervig, wenn die Analyse länger dauert als das Heraufladen. Die Übertragungszeit hängt natürlich weniger vom Programm sondern mehr von der Verbindung ab, aber diese meinte ich nicht. Ich suche ein Programm, das einen lokalen Katalog führt und für die Analyse nicht auf den Server zugreifen muss.
Habe inzwischen FTPSync gefunden, ein Programm, das sehr einfach gestrickt ist und kein GUI hat - man editiert Inifiles. Und SyncFTP, ein Ruby-Script, das ich leider noch nicht zum Laufen bekommen habe. Beide führen einen Katalog.

Hallo,
ich suche ein gutes, schnelles Synchronisationsprogramm mit FTP-Unterstützung oder einen FTP-Client mit der Möglichkeit, zu synchronisieren. Es müsste einen lokalen Katalog führen, um ohne Zugriff auf den Server schnell eine Analyse durchführen zu können. Alles, was ich bisher gefunden habe, war zu langsam oder unzuverlässig. Momentan benutze ich Goodsync. Dieses ist gar nicht schlecht, aber die Analyse ist relativ langsam, wenn man nur ein, zwei oder drei Dateien hochladen will. Außerdem ist es abends häufig durch meine Backups blockiert. Da ich die Hoffnung aufgegeben habe, etwas kostenloses zu finden, würde ich auch einen moderaten Preis bezahlen.
Viele Grüße - Ulrich

Vollständig erschließt sich mir das ganze noch nicht, aber es interessiert mich. Ich glaube, ich habe verstanden, wie Du die Variablen mit einem Formular steuern kannst. Aber wie fragst Du sie ab? Du schreibst: "ob ich mithilfe von Javascript diese Variabeln schöner abfragen kann", d. h. anscheinend funktioniert es ja schon irgendwie. Vielleicht kannst Du versuchen, die Seite mit jQuery-Load in ein HTML-Tag zu laden und dessen Inhalt zu parsen. Mir scheint, in deinem letzten Posting hast Du so etwas schon angedeutet.