ドロップダウンメニューのhrefとspan

Question

現在の状況では、私たちのウェブサイトにlanguageselectorがあり、対応するフラグをクリックして2つの言語の間で選択することができます。 しかし、新しい言語が追加されたためにドロップダウンに変更する必要があります。言語の名前を追加することが望ましいです。ここで

は、現在のコード+私の努力です：

echo "<div id='languages-container'>"; 
// Show the language switcher 
foreach($translationController->getLanguages() as $language){ 
    $isSSL = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') || $_SERVER['SERVER_PORT'] == 443; 
    $path = 'http'.(($isSSL) ? 's' : '').'://' . $_SERVER['HTTP_HOST'] . strip_tags($_SERVER['REQUEST_URI']); 
    $path = (strpos("x".$path,'?') !== false) ? substr($path, 0, strpos($path, "?")) : $path; 
    $path.= "?lang=" . $language; 
    $selected = $_COOKIE['webba_translator_language'] == $language ? 'selected' : ''; 
    echo "<a href='{$path}'><span class='language {$language} {$selected}'></span></a>"; 

    } 
    //15-9 Test, not working 
echo "<select> 
    <option><a href='{$path}'><span class='language {$language} '></span>English</option> 
    <option><a href='{$path}'><span class='language {$language} '></span>Nederlands</option> 
    </select>"; 


echo "</div>"; 

とCSS：

#languages-container .language { 
    width: 20px; 
    height: 20px; 
    float: left; 
    margin: 2.5px 5px; 
    background-position: center center; 
    background-size: cover; 
} 
#languages-container .language.selected { 
    outline: 2px solid black; 
    outline-offset: 3px; 
} 

.language.nl_NL { 
    background-image: url('../img/lang/nl_NL.png'); 
} 
.language.en_US { 
    background-image: url('../img/lang/en_US.png'); 
} 

それはとても書式設定WIPでToDoリストに..です 私の質問は：どのようにすることができます私はちょうど2つのクリック可能なアイコンの代わりにドロップダウンリストにフラグを取得しますか？

ありがとうございます！

Answer 1

問題は、いくつかのJavaScriptコードを使用して、私の同僚で固定されています：

foreach($translationController->getLanguages() as $language){ 
    $isSSL = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') || $_SERVER['SERVER_PORT'] == 443; 
    $path = 'http'.(($isSSL) ? 's' : '').'://' . $_SERVER['HTTP_HOST'] . strip_tags($_SERVER['REQUEST_URI']); 
    $path = (strpos("x".$path,'?') !== false) ? substr($path, 0, strpos($path, "?")) : $path; 
    $path.= "?lang=" . $language; 
    $selected = $_COOKIE['webba_translator_language'] == $language ? 'selected' : ''; 

    if($selected) { 
     $selectedString = "<a href='" . $path . "'><span class='language " . $language . "'></span></a>"; 
    } 
    else{ 
     $restLanguages[] = "<a href='" . $path . "'><span class='language " . $language . "'></span></a>"; 
    } 
} 

echo "<div dir='ltr' id='languages-container' style='display: none;'>"; 
echo $selectedString; 

echo "<div id='languages-container-hover' style='display: none;' >"; 
foreach($restLanguages as $restString){ 
    echo $restString; 
} 
echo "</div>"; 
echo "</div>";