Browse Source

Switcher works!

master
decentral1se 3 years ago
parent
commit
ebaa43d92b
No known key found for this signature in database GPG Key ID: 92DAD76BD9567B8A
  1. 20
      index.html
  2. 4
      style.css

20
index.html

@ -30,7 +30,7 @@
</select> </select>
<div id="selector2"> <div id="selector2">
<select <select
onchange="window.location.href=this.value" onchange="switchLang();"
style="display: inline-block;" style="display: inline-block;"
> >
<option value="http://relearn.be/2021/" selected="selected">NL</option> <option value="http://relearn.be/2021/" selected="selected">NL</option>
@ -39,12 +39,17 @@
</select> </select>
</div> </div>
<div class="description"> <div class="description">
<p> <p class="en">
Relearn is a collective learning experiment with as many teachers as Relearn is a collective learning experiment with as many teachers as
it has participants. It is motivated by the possibility to displace it has participants. It is motivated by the possibility to displace
parameters of/for research, studying and learning. <br /><br /> parameters of/for research, studying and learning. <br /><br />
<a href="#" class="more">Read more about Relearn.</a> <a href="#" class="more">Read more about Relearn.</a>
</p> </p>
<p class="nl">
Relearn is een collectief leerexperiment met evenveel leraren als deelnemers. Samen kijken we naar de mogelijkheden om de parameters van leren, studeren en onderzoeken te verzetten. <br /><br />
<a href="#" class="more">Lees meer over Relearn.</a>
</p>
<div class="details"> <div class="details">
<p> <p>
Relearn is a summerschool which welcomes persons, artists, Relearn is a summerschool which welcomes persons, artists,
@ -290,6 +295,17 @@
$("a.more").click(function () { $("a.more").click(function () {
$(this).parent().next().toggle(); $(this).parent().next().toggle();
}); });
function switchLang() {
var lang = $("#selector2 option:selected").text();
console.log(lang)
if (lang === "EN") {
$(".en").show()
$(".nl").hide()
} else {
$(".nl").show()
$(".en").hide()
}
}
</script> </script>
</body> </body>
</html> </html>

4
style.css

@ -179,3 +179,7 @@ li:before {
body { body {
margin: 0; margin: 0;
} }
.en {
display: none;
}

Loading…
Cancel
Save