[TYPO3-UG Dutch] talenselctor

[Rob Kamp]

Thijs Hakkenberg wrote:
> Beste Lijst,
>
> Heeft er iemand al de language-selector werkend gekregen? is het een 
> kwestie van 
> typo3/sysext/cms/tslib/media/scripts/example_languageMenu.php in je 
> template plaatsen?
> Dat naar aanleiding van 
> http://typo3.org/documentation/tips-tricks/multi-language-sites-in-typo3/
>
> Is er geen nieuwe guide beschikbaar?
> ------------------------------------------------------------------------
>
> _______________________________________________
> TYPO3-UG-dutch mailing list
> TYPO3-UG-dutch at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
Hoi,

Ik heb het aan de praat gekregen.

Hiervoor heb ik echter niet gebruik kunnen maken van een website 
gebaseerd op frames, maar heb ik moeten overstappen naar een op div's 
gebaseerde site.

Als eerste twee talen definieren voor je site.
Daarna krijg je in de kolom view een "language" optie in de combo-box 
bovenin.
Dan kan je voor de default taal een stukkie content aanmaken en klikken 
op "copy default content elements". Deze knop maakt een kopie van het 
net gemaakte element in de andere taal met als opmerking "[translate to 
<language>]".

Het volgende stukkie TS zorgt ervoor dat je language selection menu gaat 
werken.

#### START Language Selection
plugin.tx_srlanguagemenu_pi1 {

    templateFile = {$plugin.tx_srlanguagemenu_pi1.file.templateFile}

    useSysLanguageTitle = 
{$plugin.tx_srlanguagemenu_pi1.useSysLanguageTitle}
    useSelfLanguageTitle = 
{$plugin.tx_srlanguagemenu_pi1.useSelfLanguageTitle}
    useIsoLanguageCountryCode = 
{$plugin.tx_srlanguagemenu_pi1.useIsoLanguageCountryCode}

    defaultLanguageISOCode = 
{$plugin.tx_srlanguagemenu_pi1.defaultLanguageISOCode}
    defaultCountryISOCode = 
{$plugin.tx_srlanguagemenu_pi1.defaultCountryISOCode}
    languagesUidsList = {$plugin.tx_srlanguagemenu_pi1.languagesUidsList}

    hideIfNoAltLanguages = 0 # 
{$plugin.tx_srlanguagemenu_pi1.hideIfNoAltLanguages}

    target = {$plugin.tx_srlanguagemenu_pi1.target}
    removeParams = {$plugin.tx_srlanguagemenu_pi1.removeParams}

    defaultLayout = {$plugin.tx_srlanguagemenu_pi1.defaultLayout}
    showLinkWithFlag = {$plugin.tx_srlanguagemenu_pi1.showLinkWithFlag}

    flag.NO.stdWrap.wrap = |
    flag.INACT.stdWrap.wrap = |
    flag.INACT.stdWrap.if.isTrue = 
{$plugin.tx_srlanguagemenu_pi1.showInactive}
    flag.CUR.stdWrap.wrap = |
    flag.CUR.stdWrap.if.isTrue = {$plugin.tx_srlanguagemenu_pi1.showCurrent}
     flags.stdWrap.split {
          token = {$plugin.tx_srlanguagemenu_pi1.token}
          ##wrap =  | <div class="SPC"> 
{$plugin.tx_srlanguagemenu_pi1.separator} </div> |*|  | <div 
class="SPC"> {$plugin.tx_srlanguagemenu_pi1.separator} </div> |*|   |  
          wrap =  |
     }

    list.header = {$plugin.tx_srlanguagemenu_pi1.addSelectionListHeader}
    list.separator =  {$plugin.tx_srlanguagemenu_pi1.selectionListSeparator}
    list.showCurrent = {$plugin.tx_srlanguagemenu_pi1.showCurrent}
    list.showInactive = {$plugin.tx_srlanguagemenu_pi1.showInactive}

    link.NO.stdWrap.wrap = |
    link.INACT.stdWrap.wrap = |
    link.INACT.stdWrap.if.isTrue = 
{$plugin.tx_srlanguagemenu_pi1.showInactive}
    link.CUR.stdWrap.wrap = |
    link.CUR.stdWrap.if.isTrue = {$plugin.tx_srlanguagemenu_pi1.showCurrent}
     links.stdWrap.split {
          token = {$plugin.tx_srlanguagemenu_pi1.token}
          wrap =  | <div class="SPC"> 
{$plugin.tx_srlanguagemenu_pi1.separator} </div> |*|  | <div 
class="SPC"> {$plugin.tx_srlanguagemenu_pi1.separator} </div> |*|   |  
     }

    englishFlagFile = {$plugin.tx_srlanguagemenu_pi1.englishFlagFile}

    #     alternateFlags {
    #         fr = fr_CA
    #         es = es_MX
    #     }

 
_CSS_DEFAULT_STYLE (
   .tx-srlanguagemenu-pi1 p { font-family: Verdana, sans-serif; 
font-size: .8em; line-height:100%; color: #35006d; margin-top: 8px; 
padding: 0; text-indent: 0; }
   .tx-srlanguagemenu-pi1 img { margin: 0 5px; padding: 0; border-style: 
none; }
   .tx-srlanguagemenu-pi1 .CUR { float: left; font-size: .8em; }
   .tx-srlanguagemenu-pi1 .CUR a { background-color: transparent; color: 
#35006d; text-decoration: none; font-weight: bold; }
   .tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR 
a:hover, .tx-srlanguagemenu-pi1 .CUR a:active { color:#333333; }
   .tx-srlanguagemenu-pi1 .NO { float: left; font-size: .8em; }
   .tx-srlanguagemenu-pi1 .NO a { background-color:transparent; color: 
#35006d; text-decoration:none; font-weight:bold; }
   .tx-srlanguagemenu-pi1 .NO a:focus, .tx-srlanguagemenu-pi1 .NO 
a:hover, .tx-srlanguagemenu-pi1 .NO a:active { color:#333333; }
   .tx-srlanguagemenu-pi1 .INACT { float: left; font-size: .8em; }
   .tx-srlanguagemenu-pi1 .INACT a { background-color:transparent; 
color: #35006d; text-decoration: none; font-weight: normal; }
   .tx-srlanguagemenu-pi1 .INACT a:focus, .tx-srlanguagemenu-pi1 .INACT 
a:hover, .tx-srlanguagemenu-pi1 .INACT a:active { color: #333333; }
   .tx-srlanguagemenu-pi1 .SPC {  float: left; font-family: Verdana, 
sans-serif; font-size: .8em; line-height: 100%; color: #35006d; }
   .tx-srlanguagemenu-pi1 select { font-size: .8em; font-family: 
Verdana, sans-serif; background-color: #35006d; color: white; 
font-weight: bold; }
  )

}
#### END Language Selection


bovenstaand stuk in je setup van je template plakken.

En dan nog ergens op je pagina plaatsen en je bent er klaar voor.

Ik gebruik de volgende extensies:

    * /sr_language_menu/
    * /rlmp_language_detection/
    * /sr_language_detect/

Dit laatste zorgt ervoor dat Typo zich aanpast aan de taal van de 
gebruiker die ingesteld is in de browser.


Met vriendelijke groet,


Rob Kamp