Giriş Yap / Kayıt Ol
thodex

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

7Beğeni
  • 2 Yazan v4r1able
  • 4 Yazan AhmetKarabulut
  • 1 Yazan Mango

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > Javascript

Javascript ve jQuery ile basit #EvdeKAL ve #HayatEveSığar yazısı

  #1  
Okunmamış 04 Nisan 2020, 19:57
Avatar Seçilmemiş
Obir.Ninja Coder
 
Üyelik Tarihi: 04 Nisan 2020
Cinsiyet: Erkek
Meslek: Kodlama
Ad, Soyad: Ha... Tu...
Mesajlar: 138
Beğeniler: 49 / 41
Ticaret: 1, 100%
Can sıkıntısı üzerine yazmış olduğum bir kod sitenizden başka bir sekmeye gidince title otomatik #EvdeKAL olarak değişiyor ve sitenizde herhangi bir bölüme #EvdeKAL yazısı ekliyorsunuz üstüne gelince #HayatEveSığar olarak değişiyor

Örnek olarak : https://v4.obir.ninja/v4-searcher/

HTML Kodlar :
HTML Kodu:
<title>Deneme Sayfası</title>
<h1 class="evdekal">#EvdeKAL</h1>
Javascript Kodlar(kodların üstünde jquery entegre ediniz yoksa çalışmaz) :
Kod:
$(function() {
$(".evdekal").hover(function() {
    
var evdekal = $(".evdekal").text();

var ayni = "#EvdeKAL";

if(evdekal==ayni) {
$(".evdekal").text("#HayatEveSığar");
}

});

$(".evdekal").mouseleave(function() {
    
var evdekal2 = $(".evdekal").text();

var ayni2 = "#HayatEveSığar";

if(evdekal2==ayni2) {
$(".evdekal").text("#EvdeKAL");
}

});
      
var baslik = $("title").text();

$(window).blur(function() {
$("title").text("#EvdeKAL");
});

$(window).focus(function() {
$("title").text(baslik);
});
});
Birleşmiş (tam) hali :
Kod:
<html>
<head>
<title>#EvdeKAL - #HayatEveSığar</title>
<style type="text/css">
body {
text-decoration:none;
text-align:center;
}
</style>
</head>
<body>
<h1 class="evdekal">#EvdeKAL</h1>
</body>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script type="text/javascript">
//v4r1able//
$(function() {
$(".evdekal").hover(function() {
    
var evdekal = $(".evdekal").text();

var ayni = "#EvdeKAL";

if(evdekal==ayni) {
$(".evdekal").text("#HayatEveSığar");
}

});

$(".evdekal").mouseleave(function() {
    
var evdekal2 = $(".evdekal").text();

var ayni2 = "#HayatEveSığar";

if(evdekal2==ayni2) {
$(".evdekal").text("#EvdeKAL");
}

});
      
var baslik = $("title").text();

$(window).blur(function() {
$("title").text("#EvdeKAL");
});

$(window).focus(function() {
$("title").text(baslik);
});
});
</script>
</html>
Sitenizin herhangi bir köşesine eklersiniz iyi forumlar.

obir.ninja
designeratakan ve vitiktom bunu beğendi.

374x90

Bu Alana Reklam Ver

  #2  
Okunmamış 19 Haziran 2020, 09:54
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 27 Ocak 2014
Cinsiyet: Erkek
Meslek: IT Manager
Konum: Antalya
Ad, Soyad: İb... Do...
Mesajlar: 970
Beğeniler: 218 / 0
Ticaret: 21, 96%
Teşekkürler, Javascript öğrenmeye yeni başladım işim gereği orta seviyede bilmem gerekiyor. Bu tarz paylaşımlarınızı görmek beni mutlu eder.
Konu 07ibrahim07 tarafından (23 Haziran 2020, 10:40 ) değiştirilmiştir.
  #3  
Okunmamış 19 Haziran 2020, 15:51
AhmetKarabulut Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 11 Eylül 2013
Cinsiyet: Erkek
Konum: İzmir
Ad, Soyad: Ah... Ka...
Mesajlar: 1.240
Beğeniler: 339 / 144
Ticaret: 29, 100%
Alıntı:
07ibrahim07 Adlı Üyeden Alıntı
Teşekkürler, Java öğrenmeye yeni başladım işim gereği orta seviyede bilmem gerekiyor. Bu tarz paylaşımlarınızı görmek beni mutlu eder.
Hocam şunu belirtmekte fayda var ki, Java farklı bir dil Javascript ile karıştırılmamalı Bunun farkında olan bir kişi olabilirsiniz tabii ki ama Javascript için herhangi bir yerde Java yazarsanız farklı anlamlara geleceğini hatırlatmak istediğim sadece
darknov4, epicsosyal, Abdullahx ve 1 kişi daha bunu beğendi.
  #4  
Okunmamış 20 Haziran 2020, 01:26
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 23 Kasım 2015
Yaş / Cinsiyet: 26 / Erkek
Konum: Bursa
Ad, Soyad: Ne... Ko...
Mesajlar: 288
Beğeniler: 74 / 6
Ticaret: 0, 0%
Ben de şunu belirtmekte fayda görüyorum, jQuery'deki hover metodunu kullandığınızda ek olarak mouseleave metodunu kullanmanıza gerek yok. Aşağıdaki şekilde düzenlenebilir.

Kod:
$(".evdekal").hover(function() {
var evdekal = $(".evdekal").text();
var ayni = "#EvdeKAL";
if(evdekal==ayni) {
$(".evdekal").text("#HayatEveSığar");
}
}, function(){
var evdekal2 = $(".evdekal").text();

var ayni2 = "#HayatEveSığar";

if(evdekal2==ayni2) {
$(".evdekal").text("#EvdeKAL");
}
});
v4r1able bunu beğendi.
  #5  
Okunmamış 21 Haziran 2020, 00:36
Avatar Seçilmemiş
Obir.Ninja Coder
 
Üyelik Tarihi: 04 Nisan 2020
Cinsiyet: Erkek
Meslek: Kodlama
Ad, Soyad: Ha... Tu...
Mesajlar: 138
Beğeniler: 49 / 41
Ticaret: 1, 100%
Alıntı:
07ibrahim07 Adlı Üyeden Alıntı
Teşekkürler, Java öğrenmeye yeni başladım işim gereği orta seviyede bilmem gerekiyor. Bu tarz paylaşımlarınızı görmek beni mutlu eder.
Merhaba bende hala kendimi geliştirmekteyim hocam şuan projeler var yoğun olduğum için foruma giremiyorum tabi ilerde paylaşabilirim.
Alıntı:
Mango Adlı Üyeden Alıntı
Ben de şunu belirtmekte fayda görüyorum, jQuery'deki hover metodunu kullandığınızda ek olarak mouseleave metodunu kullanmanıza gerek yok. Aşağıdaki şekilde düzenlenebilir.

Kod:
$(".evdekal").hover(function() {
var evdekal = $(".evdekal").text();
var ayni = "#EvdeKAL";
if(evdekal==ayni) {
$(".evdekal").text("#HayatEveSığar");
}
}, function(){
var evdekal2 = $(".evdekal").text();

var ayni2 = "#HayatEveSığar";

if(evdekal2==ayni2) {
$(".evdekal").text("#EvdeKAL");
}
});
Yukarıda demiştim hocam kendimi hala geliştiriyordum jquery de falan öğrenmiş oldum teşekkürler.

Belirtilerinizi dikkate alıyorum teşekkürler
Konu v4r1able tarafından (21 Haziran 2020, 00:50 ) değiştirilmiştir.
  #6  
Okunmamış 23 Haziran 2020, 10:40
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 27 Ocak 2014
Cinsiyet: Erkek
Meslek: IT Manager
Konum: Antalya
Ad, Soyad: İb... Do...
Mesajlar: 970
Beğeniler: 218 / 0
Ticaret: 21, 96%
Alıntı:
AhmetKarabulut Adlı Üyeden Alıntı
Hocam şunu belirtmekte fayda var ki, Java farklı bir dil Javascript ile karıştırılmamalı Bunun farkında olan bir kişi olabilirsiniz tabii ki ama Javascript için herhangi bir yerde Java yazarsanız farklı anlamlara geleceğini hatırlatmak istediğim sadece
Alışkanlıklar zamanla oturacaktır
Cevap Yaz Favorilerime Ekle

medyacenter


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > Javascript


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 21:51.