Yeni Kayıt
Konudaki Resimler
Hızlı 
Bildirim
Link rengi değiştirme
Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Samsung Galaxy S25: Yapay Zeka Parmaklarınızın Ucunda
https://www.amazon.com.tr/stores/page/92F263DE-74F5-45CA-B8EE-2FA578898A76?ref_=s25dh
Lepro LED el feneri LE2050 ultra parlak LED el feneri, klipsli, yakınlaştırılabilir kamp el lambası, 5 modlu, su geçirmez el feneri, kamp, dış mekan, doğa yürüyüşü, balık tutma, hediye, 2'li paket : Amazon.com.tr: Yapı Market
https://www.amazon.com.tr/dp/B0932X7YH6?ref=ppx_yo2ov_dt_b_fed_asin_title
3 sa. önce paylaşıldı
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
Giriş
Mesaj
-
-
<style type="text/css">
#sağ a {
text-decoration:none;}
a:hover
{
color: white;
background-color: black;
}
#sağ {
float:left;
width : 0%;
margin : 0 1%;
padding: 0 0%;
font: 11px/16px verdana, arial, sans-serif; color:red;
text-align: left;
position: absolute;
top:180px;
left:0px;
}
<div>
<div id="sağ">
herhangi bişi
yada herhangi bişi
mesela yukarıdaki örnekte fare imleci linkin üzerine geldiğinde renkler siyah beyaz oluyo
..............a:hover
{
color: white;
background-color: black;
}........buradan değiştirebilirsin -
<style type="text/css">
a{color:red; }
a:hover {color:blue;}
</style>
<body>
<a href="" >link 1</a>
<a href="" >link 2</a>
<a href="" >link 3</a>
<a href="" >link 4</a>
Aynı işi script ile yaparsak:
<script type="text/javascript">
window.onload =function() {
var el = document.getElementById('awollo'); // id değeri awollo olan div
var link, i= 0;
while(link = el.getElementsByTagName('a')[i++])
/* div içinde <a etiketi taşıyan elemanlar sayısınca döngü devam edecek. */
{
link.onmouseover = function() { this.style.color="red";} // linkin üzerine gelince kırmızı olacak
link.onmouseout = function() { this.style.color="blue";} // linkin üzerinde değil iken mavi olacak
}
}
</script>
<style type="text/css">
#awollo a{ color:blue;} /* sayfa yüklendiğinde mavi olsun */
</style>
<body>
<div id="awollo">
<a href="" >link 1</a>
<a href="" >link 2</a>
<a href="" >link 3</a>
<a href="" >link 4</a>
</div>
</body>
< Bu mesaj bu kişi tarafından değiştirildi sanal47 -- 17 Nisan 2007; 19:01:08 >
-
sanal47 çok güzel yazmışsın denemedim ama denersem eminim çalışacaktır.
peki linkleri, link hover renkleri, belki bunlar divine göre random renklerden oluşsa site nasıl görünür ?
sence denemeye değer mi ? -
armra,
Bu kod her divde link renginin farklı olmasını sağlıyor. Ama istediğin, linkin üzerine her geldiğinde rastgele bir renk ise, henüz öyle bir kodu yazamadım. Güzel olurdu.
<script type="text/javascript">
var renk=["blue","pink","red","yellow","aqua","green","turquoise","coral","maroon","navy"];
window.onload =function() {
var rand = renk[Math.floor(Math.random()*renk.length)];
var rand1 = renk[Math.floor(Math.random()*renk.length)];
var rand2 = renk[Math.floor(Math.random()*renk.length)];
var el = document.getElementById('div0');
var link, i= 0;
while(link = el.getElementsByTagName('a')[i++]) {
link.onmouseover = function() { this.style.color=rand;}
link.onmouseout = function() { this.style.color=rand;}
}
var el1 = document.getElementById('div1');
var link1, n= 0;
while(link1 = el1.getElementsByTagName('a')[n++]) {
link1.onmouseover = function() { this.style.color=rand1;}
link1.onmouseout = function() { this.style.color=rand1;}
}
var el2 = document.getElementById('div2');
var link2, s= 0;
while(link2 = el2.getElementsByTagName('a')[s++]) {
link2.onmouseover = function() { this.style.color=rand2;}
link2.onmouseout = function() { this.style.color=rand2;}
}
}
</script>
<style type="text/css">
#div0 a{ color:red;} /*sayfa yüklendiÄinde link rengi*/
#div1 a{ color:green;}
#div2 a{ color:yellow;}
</style>
<body>
<div id="div0">
<a href="" >link 1</a>
<a href="" >link 2</a>
<a href="" >link 3</a>
</div>
<div id="div1">
<a href="" >link 1</a>
<a href="" >link 2</a>
<a href="" >link 3</a>
</div>
<div id="div2">
<a href="" >link 1</a>
<a href="" >link 2</a>
<a href="" >link 3</a>
</div>
</body>
< Bu mesaj bu kişi tarafından değiştirildi sanal47 -- 17 Nisan 2007; 22:52:15 >
-
sevgili sanal47, mouseoutlar çalışmıyor sanırım.
kodu window.onload diyerek yapmışsın, peki onmouseover ve outlara birer fonksiyon atasan mesela
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13643700&url=#" onmouseover="wk()" onmouseout="tk()" data-href="#" onmouseover="wk()" onmouseout="tk()">ss</a>
sonra
fonksiyon tk()
{
random bir renk ver linke;
}
gibisinden olmaz mı acaba ?
ben bir deneyeyim.
< Bu mesaj bu kişi tarafından değiştirildi armra -- 18 Nisan 2007; 1:07:40 > -
armra,
Rastgele renk belirlemeyi onmouseover veya onmouseout kısmına yazmak gerekiyordu veya fonksiyonu tekrar çağırmak gerekiyordu.
<script type="text/javascript">
var renk=["blue","pink","red","yellow","aqua","green","turquoise","coral","maroon","navy"];
window.onload =function() {
var el = document.getElementById('div0');
var link, i= 0;
while(link = el.getElementsByTagName('a')[i++]) {
link.onmouseover = function() { this.style.color=renk[Math.floor(Math.random()*renk.length)];}
link.onmouseout = function() { this.style.color=renk[Math.floor(Math.random()*renk.length)];}
}
var el1 = document.getElementById('div1');
var link1, n= 0;
while(link1 = el1.getElementsByTagName('a')[n++]) {
link1.onmouseover = function() { this.style.color=renk[Math.floor(Math.random()*renk.length)];}
link1.onmouseout = function() { this.style.color=renk[Math.floor(Math.random()*renk.length)];}
}
var el2 = document.getElementById('div2');
var link2, s= 0;
while(link2 = el2.getElementsByTagName('a')[s++]) {
link2.onmouseover = function() { this.style.color=renk[Math.floor(Math.random()*renk.length)];}
link2.onmouseout = function() { this.style.color=renk[Math.floor(Math.random()*renk.length)];}
}
// window.setTimeout("window.onload();", 1000);
}
</script>
<style type="text/css">
#div0 a{ color:blue;}
#div1 a{ color:deeppink;}
#div2 a{ color:yellow;}
</style>
<body>
<div id="div0">
<a href="" >link 1</a>
<a href="" >link 2</a>
<a href="" >link 3</a>
</div>
<div id="div1">
<a href="" >link 1</a>
<a href="" >link 2</a>
<a href="" >link 3</a>
</div>
<div id="div2">
<a href="" >link 1</a>
<a href="" >link 2</a>
<a href="" >link 3</a>
</div>
</body>
<script type="text/javascript">
var renk=["blue","pink","red","yellow","aqua","green","turquoise","coral","maroon","navy"];
window.onload =function changeColor() {
var rand = renk[Math.floor(Math.random()*renk.length)];
var rand1 = renk[Math.floor(Math.random()*renk.length)];
var rand2 = renk[Math.floor(Math.random()*renk.length)];
// alert(rastgele);
var el = document.getElementById('div0');
var link, i= 0;
while(link = el.getElementsByTagName('a')[i++]) {
link.onmouseover = function() { this.style.color=rand; changeColor() }
link.onmouseout = function() { this.style.color=rand;}
}
var el1 = document.getElementById('div1');
var link1, n= 0;
while(link1 = el1.getElementsByTagName('a')[n++]) {
link1.onmouseover = function() { this.style.color=rand1;changeColor()}
link1.onmouseout = function() { this.style.color=rand1;}
}
var el2 = document.getElementById('div2');
var link2, s= 0;
while(link2 = el2.getElementsByTagName('a')[s++]) {
link2.onmouseover = function() { this.style.color=rand2;changeColor()}
link2.onmouseout = function() { this.style.color=rand2;}
}
}
</script>
<style type="text/css">
#div0 a{ color:blue;}
#div1 a{ color:deeppink;}
#div2 a{ color:yellow;}
</style>
<body>
<div id="div0">
<a href="" >link 1</a>
<a href="" >link 2</a>
<a href="" >link 3</a>
</div>
<div id="div1">
<a href="" >link 1</a>
<a href="" >link 2</a>
<a href="" >link 3</a>
</div>
<div id="div2">
<a href="" >link 1</a>
<a href="" >link 2</a>
<a href="" >link 3</a>
</div>
</body>
Bana bu konuda yapılan bir tavsiye de ilk mesajımdaki kodun son kısmını şu şekilde değiştirmek oldu:
...
}
window.setTimeout("window.onload();", 1000);
}
</script>
Senin tavsiyelerin de yapar gibi görünüyor. Geniş zamanda deneyebilir.
-
şöle bişe yazdım ama :) daha geliştirilmesi lazım. RENKLERİ de ii ayarlamak lazım tabi.
bu sadece bir yaklaşım yani.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<title>Random renkli linkler</title>
<style type=text/css>
</style>
<script language="JavaScript" type="text/javascript">
var renk=["#00B0AA","#00D0CC","#00D32A","#00EEEE","#00B454","#00AD55","#00CA11","#00D101","#00EF23"];
var brenk=["#FF3823","#FF4656","#FF51AA","#FF5DAD","#FF2555","#FF7898","#FF1666","#FF9CBC","#FF2111"];
function Rrenk()
{
var rand = renk[Math.floor(Math.random()*renk.length)];
var brand = brenk[Math.floor(Math.random()*renk.length)];
document.getElementById('yaa').style.color=rand;
document.getElementById('yaa').style.backgroundColor=brand;
}
</script>
</head>
<body><center style="margin-top:200px;">
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13653924&url=#" id="yaa" onmouseover="Rrenk()" onmouseout="Rrenk()" data-href="#" id="yaa" onmouseover="Rrenk()" onmouseout="Rrenk()">asssssssssssssssssssss</a>
</center>
</body>
</html>
< Bu mesaj bu kişi tarafından değiştirildi armra -- 18 Nisan 2007; 16:37:52 >
-
Senin kod kusursuz çalışıyor.
Linkleri artırabilirsin. this.id yazarak o linkin renginin değişmesini sağlayabilirsin.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<title>Random renkli linkler</title>
<style type=text/css>
</style>
<script language="JavaScript" type="text/javascript">
var renk=["#00B0AA","#00D0CC","#00D32A","#00EEEE","#00B454","#00AD55","#00CA11","#00D101","#00EF23"];
var brenk=["#FF3823","#FF4656","#FF51AA","#FF5DAD","#FF2555","#FF7898","#FF1666","#FF9CBC","#FF2111"];
function Rrenk(aid)
{
var rand = renk[Math.floor(Math.random()*renk.length)];
var brand = brenk[Math.floor(Math.random()*renk.length)];
document.getElementById(aid).style.color=rand;
document.getElementById(aid).style.backgroundColor=brand;
}
</script>
</head>
<body><center style="margin-top:200px;">
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13656442&url=#" id="yaa0" onmouseover="Rrenk(this.id)" onmouseout="Rrenk(this.id)" data-href="#" id="yaa0" onmouseover="Rrenk(this.id)" onmouseout="Rrenk(this.id)">link 0</a>
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13656442&url=#" id="yaa1" onmouseover="Rrenk(this.id)" onmouseout="Rrenk(this.id)" data-href="#" id="yaa1" onmouseover="Rrenk(this.id)" onmouseout="Rrenk(this.id)">link 1</a>
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13656442&url=#" id="yaa2" onmouseover="Rrenk(this.id)" onmouseout="Rrenk(this.id)" data-href="#" id="yaa2" onmouseover="Rrenk(this.id)" onmouseout="Rrenk(this.id)">link 2</a>
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13656442&url=#" id="yaa3" onmouseover="Rrenk(this.id)" onmouseout="Rrenk(this.id)" data-href="#" id="yaa3" onmouseover="Rrenk(this.id)" onmouseout="Rrenk(this.id)">link 3</a>
</center>
</body>
</html>
Son günlerde arguments kullanmaya merak saldım. Hem daha az yazı yazıyorum hem de çalışıyor hepsinde. Yukarıdaki kodu böyle yazmak mümkün:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<title>Random renkli linkler</title>
<style type=text/css>
</style>
<script language="JavaScript" type="text/javascript">
var renk=["#00B0AA","#00D0CC","#00D32A","#00EEEE","#00B454","#00AD55","#00CA11","#00D101","#00EF23"];
var brenk=["#FF3823","#FF4656","#FF51AA","#FF5DAD","#FF2555","#FF7898","#FF1666","#FF9CBC","#FF2111"];
{
var rand = renk[Math.floor(Math.random()*renk.length)];
var brand = brenk[Math.floor(Math.random()*renk.length)];
arguments[0].style.color=rand;
arguments[0].style.backgroundColor=brand;
}
</script>
</head>
<body><center style="margin-top:200px;">
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13656442&url=#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)" data-href="#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)">link 0</a>
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13656442&url=#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)" data-href="#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)">link 1</a>
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13656442&url=#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)" data-href="#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)">link 2</a>
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13656442&url=#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)" data-href="#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)">link 3</a>
</center>
</body>
</html>
Görüldüğü gibi id kullanmadım.
onmouseover="Rrenk(this)"
onmouseover="Rrenk(buraya yazılanlar arguman olarak adlandırılıyor. Aralarına virgül konarak birden fazla arguman yazılabilir. )"
onmouseover="Rrenk(arguman0, arguman1, arguman2, ... argumanN)"
Fonksiyon geldiğmizde
function Rrenk()
Görüldüğü gibi parantezlerin içi boş.
arguman0'ı anlatmak için arguments[0] yazmak yeterli.
< Bu mesaj bu kişi tarafından değiştirildi sanal47 -- 18 Nisan 2007; 23:37:52 >
-
sanrıım fonksiyonu yazmayı unutmuşsun.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<title>Random renkli linkler</title>
<style type=text/css>
</style>
<script language="JavaScript" type="text/javascript">
var renk=["#00B0AA","#00D0CC","#00D32A","#00EEEE","#00B454","#00AD55","#00CA11","#00D101","#00EF23"];
var brenk=["#FF3823","#FF4656","#FF51AA","#FF5DAD","#FF2555","#FF7898","#FF1666","#FF9CBC","#FF2111"];
function Rrenk()
{
var rand = renk[Math.floor(Math.random()*renk.length)];
var brand = brenk[Math.floor(Math.random()*renk.length)];
arguments[0].style.color=rand;
arguments[0].style.backgroundColor=brand;
}
</script>
</head>
<body><center style="margin-top:200px;">
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13657992&url=#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)" data-href="#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)">link 0</a>
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13657992&url=#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)" data-href="#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)">link 1</a>
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13657992&url=#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)" data-href="#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)">link 2</a>
<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=13657992&url=#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)" data-href="#" onmouseover="Rrenk(this)" onmouseout="Rrenk(this)">link 3</a>
</center>
</body>
</html>
gerçekten çok iyi oldu bu :) saolasın.
ama kod kusursuz değildi sanırım.
örnek olarak,
function hidediv()
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('iki').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hideShow.visibility = 'hidden';
}
else { // IE 4
document.all.hideShow.style.visibility = 'hidden';
}
}
}
burada visibility için, eski browserlarda başka düzenlemeler gerekiyor. belki bizim kodlar için de gerkebilir.
-
tşk. çok işime yaradı arkadaşlar -
Armra,
Ben çalışan sayfanın kaynak kodunu yapıştırmıştım, önceki mesajıma. Ama açıklama yaparken, mesajdaki koddaki fonksiyon adını kopyala, yapıştır yapmak isterken, dalgınlıkla kopyala, kes yapmışım. Sen yazıncaya kadar da bunun farkında değildim.
İnternet Explorore 4'de display ="none" çalışıyor diye biliyorum. Genelde visibility ="hidden" yerine display="none" yi tavsiye ediyorlar.
arguments ile yazılan kodun eski tarayıcılarda çalışıp çalışmayacağını sordum ama bu soruma iki gündür cevap gelmedi.
< Bu mesaj bu kişi tarafından değiştirildi sanal47 -- 20 Nisan 2007; 15:18:37 > -
Karşııklı konuşmalarınız ne kadar işime yaradı bilemezsiniz. :) ikinize de sonsuz teşekkür :) -
Sayfa:
1
Ip işlemleri
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
