HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ? |
 |

04-08-2012, 18:48
|
 |
BananaJo
Registrierter Benutzer
|
|
Registriert seit: Aug 2008
Beiträge: 345
|
|
Wie funktioniert das Ajax bei Pinterest? (klick auf Bild)
Hallo,
ich frade mich grade, wie pinterest das macht, wenn man mit der Maus über ein Bild fährt, dann erscheint die URL wie "http://pinterest.com/pin/25522728/" und wenn man dann das bild anklickt, wir keine neue seite geladen, sondern der inhalt der ajax geladen und die URL ändert sich auch in der Browserleiste.
Wie machen die das genau?
Danke im Voraus für jede Idee!
|

04-08-2012, 18:52
|
wahsaga
 Moderator
|
|
Registriert seit: Sep 2001
Beiträge: 25.236
|
|
Stichwort: HTML5 History API.
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
|

05-08-2012, 18:34
|
 |
BananaJo
Registrierter Benutzer
|
|
Registriert seit: Aug 2008
Beiträge: 345
|
|
ok danke, das hilf mit schon weiter und ich bekomme das damit schon etwas hin.
nur was nicht klappt ist, das sich der link in der form ändert wie bei pinterest.
also bei mir hänge ich nur eine GET variable dranne.
und wenn ich den link "z.B." <a href="www.seite.de/seite/123"> klicke, wird der link ja ausgefühlt und ich werde weitergeleitet, obwohn der inhalt per ajax geladen werden soll bzw. wird.
wie bekomme ich das denn hin, das in der url dann steht "www.seite.de/seite/123/" und nicht "www.seite.de/seite.php?id=123" ohne das ich weitergeleitet werde??
Durch die RewriteRule bekomme ich es schon hin, das ich dir URL "www.seite.de/seite/123/" direkt aufrufen kann, so das der richige inhalt auch angezeigt wird.
danke im voraus!
|

05-08-2012, 19:46
|
 |
BananaJo
Registrierter Benutzer
|
|
Registriert seit: Aug 2008
Beiträge: 345
|
|
ich habe es jetzt so hinbekommen, das ich den <a> tag einfach entfernt habe und somit keine link weiterleitung entsteht und der inhalt dann per ajax geladen wird und die url sich troptzdem ändert.
nur hätte ich gerne den a tag auch in code drinne.
wie kann ich denn die "verlinkung" auf eine andere seite unterbinden, wenn der link geklickt wird? bei pinterest ist es ja auch so...
hat jemand ideen??
|

05-08-2012, 19:48
|
wahsaga
 Moderator
|
|
Registriert seit: Sep 2001
Beiträge: 25.236
|
|
Klick auf den Link mit JavaScript abfangen – sowieso nötig, um den Inhalt per AJAX zu laden – und dabei einfach die Defaultaktion des Links unterbinden … und frag’ jetzt bitte nicht, wie, ohne selber zu suchen.
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
|

05-08-2012, 19:52
|
 |
BananaJo
Registrierter Benutzer
|
|
Registriert seit: Aug 2008
Beiträge: 345
|
|
mit return false; gehts
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
Ähnliche Themen
|
Thema |
Autor |
Forum |
Antworten |
Letzter Beitrag |
Wie scrollbaren DIV Layer erstellen wie bildansicht bei pinterest.com
|
BananaJo |
HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS |
1 |
05-07-2012 21:48 |
Bei klick bild stehen lassen?
|
Picard_Jean-Luc |
HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS |
5 |
30-07-2007 13:10 |
Auf klick Seite erweitern (Wie bei Baummenü)
|
Downey |
Apps und PHP Script Gesuche |
7 |
18-02-2005 22:36 |
Variable per klick auf Bild übergeben
|
BlackPixel |
SQL / Datenbanken |
50 |
21-12-2002 23:50 |
Wie funktioniert das hier bei diesem Board
|
Thommy |
SQL / Datenbanken |
11 |
23-03-2002 22:29 |
Themen-Optionen |
|
Thema bewerten |
|
Forumregeln
|
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
HTML-Code ist aus.
|
|
|
|
PHP News
|