Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Tooltip tavsiye?

Arkadaşlar elementlere( input text ) tıklandığında köşesinde uyarı veren bir tooltip lazım koyu tonlarda olsa güzel olur...

Bulamadım bir türlü istediğim gibi
+0
-0
Cevaba KatılıyorumKatılmıyorum 		Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • phpogreniyorum adlı üyenin fotoğrafı
    12 yıl önce yazılmış
    phpogreniyorum
    22 cevap - 7 soru
    tavsiye edemem ama al kardeşim kendine göre düzenle tıklayınca element ekliyor element focus oluncada açıklama geliyor

    css kendine göre ayarla 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script>
$(document).ready(function(){$('a').click(function(){
	$("<input type='text' id='metin'>").appendTo("#buraya");
	$("#metin").focus(function(){
		$("#apDiv1").show("slow");
		});
	})});
</script>

<style type="text/css">
#apDiv1 {
	position:absolute;
	left:186px;
	top:119px;
	width:157px;
	height:23px;
	z-index:1;
	display:none;
}
</style>
</head>

<body>

<div id="apDiv1">TIKLADINIZ</div>
<a href="javascript:void(0)">Tıkla</a>
<div id="buraya"></div>

</body>
</html>
    • phpogreniyorum adlı üyenin fotoğrafı phpogreniyorum
      bu arada hazır tooltip kullanmıyorum kendine göre animasyonunu resmini felan ayarlarsan istediğini alabilirsin eminim buna
      12 yıl önce yazılmış
    • phpogreniyorum adlı üyenin fotoğrafı phpogreniyorum
      element eklemeden direk text tıklayınca açıklama 

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
	$("#metin").focus(function(){
		$("#apDiv1").show("slow");
}
	)});
</script>

<style type="text/css">
#apDiv1 {
	position:absolute;
	left:189px;
	top:17px;
	width:157px;
	height:23px;
	z-index:1;	
		display:none;
}
</style>
</head>

<body>

<div id="apDiv1">TIKLADINIZ</div>
<input type='text' id='metin'>
<div id="buraya"></div>

</body>
</html>
      12 yıl önce yazılmış

Cevaplar

  • Kemal adlı üyenin fotoğrafı
    12 yıl önce yazılmış
    Kemal
    63 cevap - 10 soru
    http://www.dynamicdrive.com/dynamicindex5/stickytooltip.htm suradaki ve buna benzerleri mevcut umarım hoşunuza gider
    • psygnosis adlı üyenin fotoğrafı psygnosis
      burdakiler güzelde hepsi mouse hareketine göre yapılmış.. üye kayıt ekranı düşünün

      Mesela Ad inputuna tıkladığım köşesinde Adınız 10 karakter olmalıdır gibi uyarı verdircem.. Ama tıklandıgında işte mouse over istemiyorum çünkü mouseover iphoneda işe yaramıyor
      12 yıl önce yazılmış
    • Kemal adlı üyenin fotoğrafı Kemal
      http://www.dynamicdrive.com/emailriddler/index.htm şurdaki örneği alıp kendinize göre düzenlediğinizde sanırım işinizi görecektir.
      12 yıl önce yazılmış
    • psygnosis adlı üyenin fotoğrafı psygnosis
      bunun tooltip olduguna eminmisin? hiç uyarı falan vermiyor textbox lara tıklayınca
      12 yıl önce yazılmış