"SEO Dostu URL Türkçe Format Dönüştürücü"
Bootstrap 3.3.0 Snippet by muhittinbudak

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Strait">
<body>
<div class="container" style="font-family: 'Strait', sans-serif;">
<h2 class="text-center">Metni URL Formatına Çevir</h2>
<h4 class="text-center" id="sonuc">üçiİĞğ -> uciigg</h4>
<hr style="width:50%">
<div class="form-group">
<label for="inputText">Metin Girin:</label>
<input type="text" class="form-control input-lg" id="inputText" placeholder="Metni buraya yazın">
<small class="text-muted">Karakter Sayısı: <span id="charCount">0</span></small>
</div>
<button class="btn btn-primary" id="convertBtn">Dönüştür</button>
<button class="btn btn-success" id="copyBtn">Kopyala</button>
<button class="btn btn-warning" id="pasteBtn">Yapıştır</button>
<h4 class="well well-lg text-success" id="result"></h4>
</div>
</body>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
$(document).ready(function () {
// Metni kopyala fonksiyonu (execCommand kullanıyor)
function copyToClipboard(text) {
var tempInput = $("<input>");
$("body").append(tempInput);
tempInput.val(text).select();
try {
var success = document.execCommand("copy");
if (success) {
$("#sonuc").html("<span style='color:green'>" + text + "</span> Panoya kopyalandı");
} else {
$("#sonuc").html("<span style='color:orange'>Kopyalama başarısız!</span>");
}
} catch (err) {
$("#sonuc").html("<span style='color:red'>Kopyalama desteklenmiyor!</span>");
// console.error("Kopyalama hatası:", err);
}
tempInput.remove();
}
function pasteFromClipboard() {
var gelen = $("#result").text();
$("#inputText").val(gelen).trigger("input"); // Yapıştırınca karakter sayacı güncellenir
}
// Kopyala Butonu
$("#copyBtn").click(function () {
var textToCopy = $("#result").text();
if (textToCopy) {
copyToClipboard(textToCopy);
}
});
// Yapıştır Butonu
$("#pasteBtn").click(function () {
pasteFromClipboard();
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Bootstrap Wizard

Questions / Comments: