• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Facebook - Neuen Inhalt ohne den Reiter zu verlassen

freakyphil1

Neues Mitglied
Hallo Leute,
ich suche schon seit längerer Zeit eine Möglichkeit wie ich innerhalb eines HTML Facebook Tabs, wie zum Beispiel hier (Gameloft - 9mm | Facebook). Klickt man auf die Buttons bekommt man neuen Inhalt ohne neuer URL bzw. ohne den Tab zu verlassen.

HOW?

mfg Phil
 
Werbung:
Diese Technik nennt sich Ajax und ist ein Zusammenspiel zwischen Client und Server. Da Facebook eine Anwendung ist, die spezifische Schnittstellen für die Benutzer zur Verfügung stellt um Inhalte zu erstellen, würde ich sagen du schaust dort mal in der Hilfe. Unter Umständen wird dieses Feature auch nicht jedem zur Verfügung gestellt, das kann aber nur Facebook beantworten.
 
AJAX What????

Moin Leute,
Ich habe einige Zeit nach einer Antwort zur Frage "neuer Content im gleichen Facebook Tab ohne Reiter zu verlassen" gesucht.
Gab dann auch gleich mehrere Antworten (danke Wustersoss ) unter anderem auch bei Facebook Developers nachgefragt und bekam auch eine Antwort doch war diese für mich etwas unverständlich da ich mich bisher nur mit HTML auseinandergesetzt habe......

With Ajax, the correct type of links, really there are several ways. Looks like Gameloft is doing it with JS: Leaving Facebook... | Facebook

All of those $('#teaserBtn').click(func
tion() {
$('#teaserOverlay').fadeIn
();
return false;
}); are jquery calls to show content that is already on the page.


lg Philhttp://www.facebook.com/l.php?u=htt...QGziotFAQHo9mTCnljTnHmFTM6kwnV1GInMTsdtSr6ZKw
 
Werbung:
Das ist lange kein Grund für ein neues Topic, vor allem mit so einem unpassenden Titel. Habe die beiden Topics daher zusammengeführt.

AJAX-Tutorials gibt es viele, und auch viele gute. Bevor ich da irgendwas raus suche wäre es vlt. gut, wenn Du mal sagst was Du dir bisher angeschaut hast?!
 
Werbung:
Hallo,

du musst dich mit Javascript und der JQuery auseinandersetzen und das wohl lernen, wenn du das umsetzen willst. Und ja FBJS wird abgeschafft, dort steht aber auch, das man HTML, CSS und JAvaScript benutzen soll. Das heisst nur ihre eigenen Bibliotheken werden rausgenommen, aber nicht dass man kein Javascript mehr benutzen soll/kann. Und der Support hat dir ja auch geschrieben das es JQuery also Javascript ist.

Wenn du jetzt jemanden suchst der dir das in Facebook einbaut musst du wohl einen Thread ins Jobforum schreiben und bitte auch angeben, was du bereit bist auszugeben. Gibt viele Schüler die so was günstig und schnell mal einbauen.
 
Zuletzt bearbeitet von einem Moderator:
Hab mich schon mit jQuery auseinandergesetzt....

als Beispiel (*Jaaa schon wieder Autos...xD*) :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>


<script src="scripts/jquery-1.7.1.min.js" type="text/javascript"></script>


<script type="text/javascript">




	$(document).ready(function(e){
        $('a img').animate({opacity:.5});
		$('a img').hover(function(){
			$(this).stop().animate({opacity:1},'fast');
		}, function(){
			$(this).stop().animate({opacity:.5},'fast');			
		}); 
    });




</script>


<style type="text/css">
body {
	background-color: #000;
	background-image: url(http://i.imgur.com/rQs7G.jpg);
	background-repeat: no-repeat;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
</style>
</head>


<body bgcolor="#000000" background="http://i.imgur.com/2xDtS.png" text="#FFFFFF">


<p><a href="#"><img src="http://cdn.www.needforspeed.com/sites/www.needforspeed.com/files/imagecache/therun_car_detail_hero/astonmartin_one77_racing_wm940_0.jpg" alt="aston martin" width="200" height="100" border="0" /></a>
  
  <a href="#"><img src="http://cdn.www.needforspeed.com/sites/www.needforspeed.com/files/imagecache/therun_car_detail_hero/aston_vantage_wm940.jpg" alt="aston martin" width="185" height="100" border="0" /></a>
  
</p>
<p>&nbsp;</p>
</body>
</html>

funktioniert so super aber wenn ichs in facebook einbau funktionierts nicht :/
 
Werbung:
Das ist ein schönes Beispiel. Bis auf die Anpassung des jQuery-Links ist es problemlos lokal testbar. (Auch wenn du die Bilder von einer fremden Seite hotlinkst. Na ja.)

Warum das in Facebook nicht funktioniert (schwierige Fehlerbeschreibung, was sagt etwa die Fehlerkonsole des Browsers?), kann ich dir nicht sagen.

Hier nutzen meines Wissens viele Leute Facebook überhaupt nicht. Ich denke, mit der Schilderung des Problems bist du in einem speziellen Supportforum besser aufgehoben.
 
Zuletzt bearbeitet:
Werbung:
Ich weiß grad überhauptniocht was du meinst.....

ich hab mit jquery rollover highlight gemacht was aber in Facebook nicht funktioniert...

Siehe Hier
 
Ich meine "ob du weißt wo du die Fehlermeldungen findest"? Du kennst die Fehlerkonsole?
 
Werbung:
Dann kannst du auch nicht sagen, dass du keinen Fehler bekommst. Hast du mal versucht rauszufinden wo die Fehlerkonsole ist?
 
Werbung:
Zurück
Oben