Facebook levert een webbrowser Software Development Kit of SDK , dat de methoden en hulpprogramma's die nodig zijn om Facebook -toepassingen met behulp van JavaScript te ontwikkelen biedt . Voordat u kunt downloaden en installeren van de Facebook JavaScript SDK , moet je maken en registreren van een applicatie met Facebook om de aanvraag ID krijgen om te gebruiken met de SDK . Instructies
1 Ga naar de Facebook- ontwikkelaars setup pagina op Facebook op developers.facebook.com /setup . Voer een naam van de site en de URL , de locale eventueel aanpassen en klik op "Create App " om een Facebook- applicatie te maken . Voer de beveiliging woorden als daarom wordt gevraagd . Noteer de ' App -ID " en " App Secret " voor de toepassing en herziening van de voorbeeldcode om te zien hoe ze worden gebruikt .
Klik op " Documentatie " 2 van de " Facebook Ontwikkelaars " menu . Klik op " SDK's & Tools" uit het menu aan de linkerkant . Klik op " JavaScript SDK " uit de lijst van de SDK's en gereedschappen .
3 Maak een nieuw HTML-document in Kladblok of een HTML-editor . Plaats de HTML- headers en een leeg lichaam. Sluit alle tags: < ! DOCTYPE HTML >
< meta charset = " uTF - 8 " >
Facebook Goedkope 4 <p> Plaats een lege <div> met de id " fb - root" in het document na de opening <body> : <br> <p> < div id = " fb - root" > < /div > <br> 5 <p> Steek de JavaScript- script dat asynchroon laadt de Facebook JavaScript SDK samen met de rest van de pagina . Voeg het toe aan de pagina na de " fb - root" <div> tag : <p> <script> <p> window.fbAsyncInit <br> = function ( ) { <p> FB <br> . init ( { AppID : ' appid ' , status: true , koekje : true , Xfbml : true} ) ; <br> <p> ( function ( ) { var <p> fbload <br> = document.createElement ( " script " ) ; <br> <p> fbload.src = document.location.protocol + " //connect.facebook.net /nl_NL /all.js " ; <p> fbload.async <br> = true ; <br> < . p > document.getElementById ( " fb - root" ) appendChild ( fbload ) ; <br> <p> } ( ) ) ; } <p> <br> <p> <br> < /script > <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/90938.html' >Risico's met JavaScript </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/90940.html' >Hoe je tekst roteren van Degree in JavaScript </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>JavaScript Programmeren</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90790.html" title="Wat is een AXD -bestand? " target="_self">Wat is een AXD -bestand? </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91174.html" title="Tutorial over Javascript Achtergrond Effecten " target="_self">Tutorial over Javascript Achte…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90809.html" title="Hoe te Tabs Doet aan de linkerkant met ExtJS " target="_self">Hoe te Tabs Doet aan de linker…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90798.html" title="Hoe wijzigt en Redirect een URL met Java " target="_self">Hoe wijzigt en Redirect een UR…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90824.html" title="Hoe maak je een Google Map Overlay " target="_self">Hoe maak je een Google Map Ove…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90763.html" title="Hoe kan ik meerdere plugins gebruiken Met JW Player " target="_self">Hoe kan ik meerdere plugins ge…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91177.html" title="Array Javascript Tutorial " target="_self">Array Javascript Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90863.html" title="Hoe maak je een Lightbox gebruiken in JavaScript " target="_self">Hoe maak je een Lightbox gebru…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91068.html" title="Hoe om te controleren Als een Object Property Bestaat in JavaScript " target="_self">Hoe om te controleren Als een …</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88934.html" title="Hoe maak je een eenvoudige SAS programma Stuur " target="_self">Hoe maak je een eenvoudige SAS programma…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92617.html" title="Hoe je afbeeldingen Resize in PHP " target="_self">Hoe je afbeeldingen Resize in PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/python-programming/201309/93451.html" title="Python Print Functions " target="_self">Python Print Functions </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/ruby-programming/201309/94200.html" title="Hoe te bespoedigen Apache Passenger Rails " target="_self">Hoe te bespoedigen Apache Passenger Rail…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90416.html" title="Hoe te Run VBS Script Van Java " target="_self">Hoe te Run VBS Script Van Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/96382.html" title="Hoe maak je een Sub Program Gezet in Visual Basic 6.0 " target="_self">Hoe maak je een Sub Program Gezet in Vis…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88602.html" title="Hoe te QBasic installeren met Windows XP " target="_self">Hoe te QBasic installeren met Windows XP…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91306.html" title="Heeft Joomla gebruiken veel RAM ? " target="_self">Heeft Joomla gebruiken veel RAM ? </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90677.html" title="Hoe te openen een URL in Java " target="_self">Hoe te openen een URL in Java </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
