Ergebnis 1 bis 8 von 8

Thema: Dynamische Texte bei klick

  1. #1
    HTML Newbie
    Registriert seit
    31.08.2014
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Dynamische Texte bei klick

    Hallo Forum,


    ich möchte meine Webseite 2.0 gestalten, d.h. ein neues Design verwirklichen. Alles ist schon soweit fertig, nur noch nicht gecodet.
    Es geht um Folgendes und zwar möchte ich es so gestalten, dass sich Texte und allgemein div's nach hyperlink-klicks "smoothie" bewegen.
    Es gibt mehrere Seiten (Start, andere Seite, andere Seite, andere Seite, andere Seite, andere Seite) und diese Sollen jeweils immer neu "auffahren" wenn man zur nächsten Seite will.
    Wenn mich jemand verstehen kann, und weiß was ich meine wäre es SUPER GEIL, wenn er mir einen Link schicken kann zu JavaScript (damit kann ich es denke ich verwirklichen). Muss auch nicht groß erklärt werden, ich beiß mich da selber durch, wird eh mal langsam Zeit JavaScript zu lernen, hehe
    Habe mit HTML, CSS angefangen und mit PHP weitergemacht, aber ausgerechnet Javascript fehlt, was für ne Schande


    Danke für alles & gute Nacht!


    -theschmidey
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    18.01.2007
    Ort
    Hamburg
    Alter
    26
    Beiträge
    710
    Danke
    2
    Bekam 2 mal "Danke" in 2 Postings

    Standard AW: Dynamische Texte bei klick

    http://api.jquery.com/load/

    Das sollte dir helfen. Allerdings erfordert es dann noch sehr viel arbeit, damit du die browser-history trotzdem nutzen kannst. so kannst du erstmal dann nämlich , wenn du auf einen menüpunkt klickst und zurück willst, den "zurück-button" des browsers nicht nutzen. Dafür empfehle ich dir das BBQ Plugin. gibt aber sicherlich auch einfachere!

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    31.08.2014
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dynamische Texte bei klick

    Uff, das hört sich echt sehr umfangreich an. Gibt es dazu evt. noch Beispiele?

    Edit: also dass wir uns einig sind: ich hatte vor dass der Inhalt der nächsten Seite hineinfahren und der Link www.example.com/#seite aussieht. Das habe ich schon öfters gesehen, nur hab ich mir leider Gottes diese Seiten nicht gemerkt. Damnit

  4. #4
    Großmeister(in)
    Registriert seit
    18.01.2007
    Ort
    Hamburg
    Alter
    26
    Beiträge
    710
    Danke
    2
    Bekam 2 mal "Danke" in 2 Postings

    Standard AW: Dynamische Texte bei klick

    okay, das kannst du dann auch einfacherer lösen. hat dein layout ne feste breite? z.B. 960px? dann einfach den kompletten inhalt in eine ul (liste). Für jede Seite ne eigene li. Dann beschäftigst du dich kurz mit Jquery .toArray(), lässt dir die li-inhalte in ein Array schreiben und animierst bei klick auf einen Menüpunkt, dass der alte Inhalt rausfährt und sobald die Animation abegeschlossen ist, der neue rein.

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    31.08.2014
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dynamische Texte bei klick

    Layout ist fest, ja. Und so in der Richtung also mit den <li>'s & <ul>'s hab ichs mir schon gedacht nur greif ich noch nicht so in Jquery durch . Aber ich denke, da gibt es doch bisschen mehr Lesestoff im Internet? Weil ich hab schon danach gesucht finde aber nix Brauchbares, es fehlen mir ja auch die nötigen keywords um auf so ein Tut zu gelangen.

    Danke!

  6. #6
    Großmeister(in)
    Registriert seit
    18.01.2007
    Ort
    Hamburg
    Alter
    26
    Beiträge
    710
    Danke
    2
    Bekam 2 mal "Danke" in 2 Postings

    Standard AW: Dynamische Texte bei klick


  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    31.08.2014
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dynamische Texte bei klick

    Danke dir! Schönen Mittag noch

  8. #8
    HTML Newbie
    Themenstarter

    Registriert seit
    31.08.2014
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dynamische Texte bei klick

    So, hab genau das gefunden, was ich gesucht habe. Für alle die es wissen wollen:

    Code:
    $(document).ready(function(){	$('a[href^="#"]').on('click',function (e) {
    	    e.preventDefault();
    
    
    	    var target = this.hash,
    	    $target = $(target);
    
    
    	    $('html, body').stop().animate({
    	        'scrollTop': $target.offset().top
    	    }, 900, 'swing', function () {
    	        window.location.hash = target;
    	    });
    	});
    });
    Dieser Code lässt alle href-Links "smoothy" runterscrollen. Einfach
    HTML-Code:
    <a href="#seite-zu-der-man-will">Seite</a>
    schreiben (Code muss davor geladen sein), und schon scrollt er dahin. Danke an Dominikgt für deine Links, so schwer war es gar nicht.

    --KANN GESCHLOSSEN WERDEN--

    -theschmidey

Ähnliche Themen

  1. SEO-Texte zum irren Preis!!! 10 Texte 39 € netto!
    Von content.guenstig im Forum Promotion - SEO - Suchmaschine (Google & Co) – Mitarbeiter & Linkpartnersuche
    Antworten: 0
    Letzter Beitrag: 08.05.2011, 15:54
  2. Senden der Texte
    Von Cee Kay im Forum Computer - Internet Forum
    Antworten: 0
    Letzter Beitrag: 19.04.2008, 21:29
  3. texte und bilder
    Von im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 15.10.2005, 23:52
  4. css texte und FF
    Von phore im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 04.02.2005, 16:38
  5. Mit Javascript dynamische Texte anzeigen
    Von MrJava im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 09.11.2004, 15:30

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •