Beiträge von Sempervivum

Offenbar ist die Angabe des Formulars in deinem select (form="contact_form") fehlerhaft. Wenn ich eine Testseite mit einem Formular mit der entspr. ID definiere, funktioniert es, ebenso, wenn ich das form-Attribut weg lasse und das select in das Formular schreibe.

Bei der Einschätzung von Animationen mit CSS habe ich mich hiernach gerichtet:
https://developer.mozilla.org/de/docs/Web/CS…mationen_nutzen

"Die Automatische Bildschirmanpassung erreiche ich dann mittels Javascript?" IMO geht das am besten. Man kann es auch mit CSS und Prozentangaben machen, aber ich glaube, in deinem Fall, wo Du so viele Elemente und Werte brauchst, ist es günstiger, es mit Javascript zu machen.
Weil mich das Thema interessiert habe ich es auch mit CSS probiert und nachgeforscht:
http://stackoverflow.com/questions/3714…ate-immediately

"Ja genau, in weiterer Folge auf jeden Fall. hast du noch Tipps was ich hierbei beachten sollte?" - bezieht sich das auf meine Frage, ob die Seite responsiv sein muss? Ich habe das immer so gelöst, dass ich einen umgebenden Container definiert habe. Dieser hat eine Basisgröße und passt seine Größe an den Bildschirm an. Aus der Basisgröße kann man einen Faktor berechnen und damit die Größe und Position aller Elemente anpassen.

Interessante Aufgaben. Für die erste mit den Kügelchen gibt es AFAIK zwei Möglichkeiten:

• Du stellst die Kügelchen als HTML-Elemente dar, die Du mit CSS zu Kugeln machst. Diese animierst Du dann. Prinzipiell kann man Animationen mit CSS machen, aber da das Ganze dynamisch sein soll, würde ich empfehlen, es mit jQuery zu machen. Informiere dich über die Funktion animate().
• Du verwendest HTML5-Canvas und zeichnest das ganze Bild in einem Canvas. Damit die Animation leicht zu machen ist, empfehle ich, ein Framework zu verwenden, z. B. jCanvas oder createjs.

PS: Ich verstehe dich so, dass das Ganze eine öffentliche Seite werden soll und auf allen Arten von Geräten dargestellt werden muss, also auch auf mobilen?

Googeln nach "tooltip on click" liefert einiges, z. B. dieses:
https://www.tutorials.de/threads/toolti…isieren.393655/
Ist das etwas für dich?

Sollte auch mit Canvas möglich sein. Bei den Animationen kann dich jCanvas unterstützen.

Mit dem HTML-Analysator der Developer-Tools erkennt man, dass das Logo immer aus den selben HTML-Elementen besteht (a-Tag mit img drin) und dass die Bewegungen und Animationen durch CSS und Javascript veranlasst werden. Leider habe ich nicht heraus gefunden, wo sich das Javascript versteckt, weil es so zahlreiche Skript-Dateien sind und sie komprimiert sind. Man kann sich jedoch leicht zusammenreimen, wie es funktioniert:
Im Ausgangszustand ist das Logo absolut oben auf der Seite positioniert.

onscroll-Handler registrieren und die Scroll-Position mit einem festen Wert vergleichen.
Wird die Position größer als dieser Wert: Positionierung auf fixed ändern und Größe animieren mit Easing bounce.
Wird die Position wieder kleiner als dieser Wert: Logo durch Animation der top-Position nach oben weg gleiten lassen und am Ende die Positionierung wieder auf absolut ändern.

Hast Du das schon gefunden:
https://css-tricks.com/snippets/css/fixed-footer/

Du musst die CSS-Anweisungen

position: fixed;bottom: 0px;

hinzu fügen, dann funktioniert es.

Anscheinend brauchst Du nur im HTML ein neues Item hinzuzufügen. Habe ich im bootsnip erfolgreich ausprobiert, aber ich wusste nicht, wie ich es speichere. Posten des HTML hat leider auch nicht funktioniert, da das Forum die Zeilenumbrüche verschluckt hat.

Bei dem zweiten Eintrag war eine ID falsch ("an" statt "an2"). So funktioniert es:
https://jsfiddle.net/Sempervivum/duo955dn/4/

Dieser Code ist aber sehr kompliziert und schlecht zu erweitern. Sieh dir mal mein Verfahren von webdeveloper.com an, das macht genau das selbe und ist viel einfacher und leichter zu erweitern.

Dann mach doch mal ein Demo bei jsfiddle.net. Ich verstehe nämlich nicht so richtig, welche Problem Du hast.

Lade doch deinen Versuch mal hoch und poste die URL, damit man es sich in Aktion ansehen kann. Wenn Du keine Seite, die nicht funktioniert, publizieren willst, kannst Du ja eine nicht öffentliche Testseite anlegen.

Hier habe ich gerade so etwas gepostet:
http://www.webdeveloper.com/forum/showthre…s-and-read-more

Unter #3 "toggle visibility".

Du solltest Code in Code-Tags setzen. Sonst wird - in diesem Fall - das

[i]

als BB-Code für italic interpretiert und ist nicht mehr zu sehen.

var myArray= [4, 5, 6, 99, 68, 7, 24]; // Erzeugt ein Array in der Variablen myArrayvar Zahlen = 0; // initialisiert die Variable Zahlen mit Null
for(var i=0; i< myArray.length; i++){ // die folgenden Anweisungen werden in einer Schleife wiederholt // beginnend mit i = 0 // solange i kleiner ist als die Anzahl der Zahlen in dem Array // am Ende jedes Durchlaufs wird i um eins erhoeht.
    if(myArray[i] > Zahlen){
        Zahlen = myArray[i];  // Ist das aktuelle Element des Arrays größer als der Inhalt der Variablen Zahlen wird // wird dieses in die Variable eingetragen
    }
}

PS: Leider verschluckt die Forensoftware einen Teil der Zeilenumbrüche

Ich habe die Seite mal herunter geladen und es getestet. Nachdem man das Bild einmal gewechselt hat, triggert der Eventhandler für das Umschalten nicht mehr. Ich vermute, dass das Slideshow-Skript in das Eventhandling eingreift und den Handler löscht.
Versuch mal, außerhalb des Sliders einen Knopf anzulegen und damit die Divs ein- und auszuschalten. Das hat bei mir funktioniert.
Wenn ich das richtig sehe, hast Du das Skript bei Codecanyon gekauft. In dem Fall könntest Du auch den Entwickler anschreiben und um Unterstützung bei deinem Problem bitten.

?? Da sehe ich im Quelltext nichts von dem Skript. Hast du es editiert und hoch geladen?
Edit: Doch, die alte Seite war bei mir wohl noch im Cache. Sehe es mir jetzt an ...
Edit2: Bei mir funktioniert's.

Hm, ich hatte es getestet und es hatte bei mir funktioniert. Nein, es kann ruhig im Head stehen, da der Code für document-ready ausgeführt wird. Lade es doch mal hoch, damit man es testen kann. Sicher lässt sich der Fehler leicht finden.
Leider kenne ich keine Lösung ohne Javascript.

Das geht relativ einfach:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>    <script>
        $(document).ready(function() {
            var topnav = $('nav').offset().top;
            $(document).on("scroll", function () {
                var scr = $("body").scrollTop();
                if (scr < topnav) $("nav").css("margin-top", -scr + "px");
            });            
        })     </script>

Füge das im Head deiner Seite ein.

Diese Frage wird immer wieder mal gestellt. Früher wurde so etwas mit Frames realisiert, aber es ist zeitgemäßer, wenn man nur eine Kopfseite hat und die Inhalte der Unterseiten mit Ajax lädt. Näheres kannst Du hier nachlesen:
http://www.homepage-forum.de/showthread.php?t=60953