Teşekkür ederim :) Mobilden yazmıştım kopyala yapıştır yapıp, syntax a dikkat etmemiştim.
toastr.options = {
"closeButton": true,
"debug": false,
"newestOnTop": false,
"progressBar": true,
"positionClass": "toast-bottom-left",
"preventDuplicates": false,
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut",
onHidden: function () {
window.history.pushState('', '', location.href.split('?')[0])
}
}
https://regex101.com/r/xBROiT/1
Bir de böyle deneyin. Bu defa referans olarak sayıdan sonra gelen . işaretini aldık. Url lerin hepsinde aynı olan bir ortak özellik bulmamız lazım. Yoksa birden fazla yönlendirme koşulu yazılabilir.
Yani htaccess regex usulü çalışıyor bildiğim, böyle bir expression ile test ortamlarında eşleşmeyi sağladık. Gerçek bir htaccess ortamında deneyemediğim için bilemeyeceğim
Anlamadığım nokta;
Oluşmasını istediğiniz dizinin 0. indisindeki değer; ilk dizinin 0. indisindeki a anahtarının değeri ile yine ilk dizinin 45. indisindeki a anahtarının değerleri toplamı ise, oluşmasını istediğiniz dizinin 1. indisindeki değer hangi elemanların toplamı olacak?
Böyle bir regex düzeni işine yarayabilir
https://regex101.com/r/V7Pn8f/1
<div class="wrapper">
<input type="radio" name="select" id="option-1" checked>
<input type="radio" name="select" id="option-2">
<input type="radio" name="select" id="option-3">
<label for="option-1" class="option option-1">
<div class="dot"></div>
<span>Student</span>
</label>
<label for="option-2" class="option option-2">
<div class="dot"></div>
<span>Teacher</span>
</label>
<label for="option-3" class="option option-3">
<div class="dot"></div>
<span>Manager</span>
</label>
</div>
@import url('https://fonts.googleapis.com/css?family=Lato:400,500,600,700&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Lato', sans-serif;
}
html,body{
display: grid;
height: 100%;
place-items: center;
background: #0069d9;
font-family: 'Lato', sans-serif;
}
.wrapper{
display: inline-flex;
background: #fff;
height: 100px;
width: 400px;
align-items: center;
justify-content: space-evenly;
border-radius: 5px;
padding: 20px 15px;
box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
}
.wrapper .option{
background: #fff;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: space-evenly;
margin: 0 10px;
border-radius: 5px;
cursor: pointer;
padding: 0 10px;
border: 2px solid lightgrey;
transition: all 0.3s ease;
}
.wrapper .option .dot{
height: 20px;
width: 20px;
background: #d9d9d9;
border-radius: 50%;
position: relative;
}
.wrapper .option .dot::before{
position: absolute;
content: "";
top: 4px;
left: 4px;
width: 12px;
height: 12px;
background: #0069d9;
border-radius: 50%;
opacity: 0;
transform: scale(1.5);
transition: all 0.3s ease;
}
input[type="radio"]{
display: none;
}
#option-1:checked:checked ~ .option-1,
#option-2:checked:checked ~ .option-2,
#option-3:checked:checked ~ .option-3{
border-color: #0069d9;
background: #0069d9;
}
#option-1:checked:checked ~ .option-1 .dot,
#option-2:checked:checked ~ .option-2 .dot,
#option-3:checked:checked ~ .option-3 .dot{
background: #fff;
}
#option-1:checked:checked ~ .option-1 .dot::before,
#option-2:checked:checked ~ .option-2 .dot::before,
#option-3:checked:checked ~ .option-3 .dot::before{
opacity: 1;
transform: scale(1);
}
.wrapper .option span{
font-size: 20px;
color: #808080;
}
#option-1:checked:checked ~ .option-1 span,
#option-2:checked:checked ~ .option-2 span,
#option-3:checked:checked ~ .option-3 span{
color: #fff;
}