Typo3 extension to let users connect to their Facebook account and import data to fe_users. User will be logged in as FE user and a Facebook logout button will appear instead of the login button.
Link to the Typo3 Repository: https://typo3.org/extensions/repository/view/facebook2t3/current/
Guide
Server requirements:
- PHP>=5.2
- libcurl package for PHP
Here is how to use it:
- Create a Facebook application at http://developers.facebook.com/ (don’t worry, no coding necessary here, you just need some numbers) and copy the application id and secret
- Install extension facebook2t3 through Typo3 Extension Manager
- Include static template “Facebook Connect to Typo3 (facebook2t3)” in your page template:
Template > Info/Modify > “Edit the whole template record” > Includes > “Include static (from extensions)” > Select “Facebook Connect to Typo3 (facebook2t3)” - Use Template > Constant Editor > FACEBOOK2T3 to enter user storage page, group id, Facebook application id, Facebook secret and fields as described in the constant editor
- Insert the plugin on whatever page you want the login/ logout button to appear
- Apply styling as necessary to “div.tx-facebook2t3-pi1” and possible children elements
- Check for demo on http://www.oscar-koeln.de/tippen/
- Check here for discussion
FAQ
How to import the email address from Facebook?
Just add “email” to constants via Constant Editor or typoscript. Here is an example:
plugin.tx_facebook2t3_pi1 {
facebookFields4Perms = email, name, first_name, last_name, link, gender, email
facebookFields4Fetch = email, name, first_name, last_name, link, gender, email
fe_usersFields = username, name, tx_facebook2t3_first_name, tx_facebook2t3_last_name, tx_facebook2t3_link, tx_facebook2t3_gender, email}
In this case the email address is imported twice into table fe_users: as username and email.
Posted in Net Engineering by .
Here is a tiny script that I like to use for batch editing files from the shell command line:
find . -iname ‘*.php’ | xargs grep ‘oldString’ -sl | xargs sed -i ‘s/oldString/newString/g’
It is a combined command that does the following:
- Find all files ending in ‘.php’ in the current folder or below and pipe the output via xargs to
- grep seach for ‘oldString’ within these files, generate a result list and pipe it to the stream editor
- sed, where ‘oldString’ will be replaced by ‘newString’
In this example only php files where ‘oldString’ occurs will be touched.
Make sure to only edit files you really want to by leaving out the third part:
find . -iname ‘*.php’ | xargs grep ‘oldString’ -sl
This will show you the list of files to be touched.
Posted in Net Engineering by .
If you want to add a layer in front of a flash object, e.g. to add the ability to make the flash clickable, or put an overlay above a flash, make sure to insert
<param name=”wmode” value=”transparent” />
as object parameter.
The div layer has to placed with a css style attribute whereever you need it. In the example I let the div cover the entire side.
For IE I added a blank gif.
Here is an example that can be checked out on oscar-koeln.de/flash:
<object id=”fsIntro” classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24″ width=”1280″ height=”1024″>
<param name=”movie” value=”flash.swf” />
<param name=”quality” value=”high” />
<param name=”menu” value=”false” />
<param name=”wmode” value=”transparent” />
<!–[if !IE]> <–>
<object data=”flash.swf” width=”1280″ height=”1024″ type=”application/x-shockwave-flash”>
<param name=”quality” value=”high” />
<param name=”menu” value=”false” />
<param name=”wmode” value=”transparent” />
<param name=”pluginurl” value=”http://www.macromedia.com/go/getflashplayer” />
Alternative Text.
</object>
<!–> <![endif]–>
</object>
<div style=”position:absolute; top:0px; left:0px; width:1280px; height:1024px;”>
<a style=”position:absolute; top:0px; left:0px; width:1280px; height:1024px;” href=”/start”>
<img style=”position:absolute; top:0px; left:0px; width:1280px; height:1024px;” src=”/links/include/blank.gif” alt=”"/>
</a>
</div>
It took me a while to figure that out. Hope, it helps.
Posted in Net Engineering by .