SoulTip v1.1, Basit Javascript Tabanlı tooltip Sistemi {Türkçe} - Yorumlar

Anonim Türkücü

Anonim Türkücü — Pzt, 12 Eki 2009 01:38:20 +0200

ayni anda hem mozilla firefoxda hemde explorer da çalisan birsey yaparsaniz veya varsa bilgim olsun lütfen.
Çalismalarinizda basarilar dilerim.
trueagle - et - gmail.com

Sfenksmmy

Sfenksmmy — Pzt, 14 Eyl 2009 18:16:27 +0200

Hocam Çok Tesekkür Ederimm Ellerinizee Saglik Güzell Çalismaa Olmus

nogay

nogay — Per, 14 Ağu 2008 23:14:34 +0200

opera da calismiyor.

aferust

aferust — Çar, 05 Eyl 2007 20:04:34 +0200

Ben düzenleyerek firefox sorununu çözdüm. Düzeltilmis soultip.js:

var divname="soultip";
var divInnername="soultipinner";

/*If this is true tooltips will not move and shown in fixed mode*/
var fixed=false;

/*-----------------------------
Customizable Soultip HTML Code
soultip is the name of main holder;
soultipinner is the place for help;

So you may add your own static headers to id="soultip" div. Do not forget "soultipinner" has dynamic content.
-----------------------------*/

//-----------------------------
/*var soiltip =soiltip + "<div id='soultip' style='";
soiltip =soiltip + "position: absolute;";
soiltip =soiltip + "display: none;";
soiltip =soiltip + "z-index: 255;";

soiltip =soiltip + "padding: 5px;";
soiltip =soiltip + "top: 0px;";
soiltip =soiltip + "left: 0px;";

//Yazý rengi
soiltip =soiltip + "color: #0000ff;";

//Zemin rengi
soiltip =soiltip + "background-color: #ffee00;";

//Kenarlýk
soiltip =soiltip + "border: 1px solid #ff0000;";

//Þeffaflýk oraný, az deðer daha þeffaf.
var seffaflik = "70";

soiltip =soiltip + "filter: alpha(opacity:" + seffaflik + ");";
soiltip =soiltip + "-khtml-opacity: 0." + seffaflik + ";";
soiltip =soiltip + "-moz-opacity: 0." + seffaflik + ";";
soiltip =soiltip + "-o-opacity: 0." + seffaflik + ";";
soiltip =soiltip + "opacity: 0." + seffaflik + ";";

soiltip =soiltip + "'> </div>";*/
//-----------------------------

var browserName=navigator.appName;
if (browserName!="Microsoft Internet Explorer"){
var soultip="<div id='soultip' style='-moz-opacity:0.85;'><div align='center' valign='middle'><div id='soultipinner'></div></div></div>"
} else {
var soultip="<div id='soultip'><div align='center' valign='middle'><div id='soultipinner'></div></div></div>"
}
// -- END OF Customizations;
/****************************************************************************************/
var ie = document.all

// Fix SoulTip Coordinates
var browserName=navigator.appName;
if (browserName=="Microsoft Internet Explorer"){
var CoordLeft=10;
var CoordRight=-5;
} else {
var CoordLeft=10;
var CoordRight=-50;
}

//* For Storing hidden selects
var hiddenTags = new Array();

function fm_MXY(XorY){ // Mouse Coords
var coord = 0;
XorY=="x"?coord = event.clientX + document.body.scrollLeft:coord = event.clientY + document.body.scrollTop;
if(coord<0)coord=0;
return coord;
}
function fm_MXYgecko(XorY,event){ // Mouse Coords
var coord = 0;
XorY=="x"?coord = event.clientX + document.body.scrollLeft:coord = event.clientY + document.body.scrollTop+50;
if(coord<0)coord=0;
return coord;
}
function fm_help(event){ // Show-Hide
var NewCoordLeft=0,NewCoordRight=0;
var d=document;
var thisObj = d.getElementById(divname); // findObj
var browserwidth=document.body.clientWidth; // Browser sizes - Positions
var browserheight=document.body.clientHeight+document.body.scrollTop+25;
var soulwidth=thisObj.offsetWidth+10, soulheight=thisObj.offsetHeight+10; // Soultip sizes

if (window.event)
var activeObj=window.event.srcElement;
else
var activeObj=event.target;

if(activeObj.help)
var desc=activeObj.help; //help tag
else
var desc=activeObj.getAttribute("help") //help tag

if(desc!=null){ //If object help tag exist
if (!ie)var x = fm_MXYgecko("x",event), y = fm_MXYgecko("y",event);
else var x = fm_MXY("x"), y = fm_MXY("y");
if(document.alldesc==desc){ //If fixed
NewCoordLeft=activeObj.offsetLeft+activeObj.offsetWidth-x;
NewCoordRight=activeObj.offsetTop-y;
}

NewCoordLeft+=(x+soulwidth>browserwidth)?-soulwidth:CoordLeft; //idea by Yusuf Uður Soysal - hayalet
NewCoordRight+=(y+soulheight>browserheight)?-soulheight:CoordRight;

thisObj.style.left=x+NewCoordLeft+"px"; //Move X
thisObj.style.top=y+NewCoordRight+"px"; //Move Y

fm_writehelp(desc); //print output
hy_collusion(thisObj); //Hide SelectBoxes by hayalet

if(fixed)document.alldesc=desc; //cache for fixed

}else{
hy_collusionRecover(); //Recover Selects by hayalet
thisObj.style.display="none";
}
}

function fm_writehelp(val){ // Write Tip
var d=document;
var thisObj = d.getElementById(divname);
var innerObj = d.getElementById(divInnername);
innerObj.innerHTML=val;
thisObj.style.display="block";
}

function hy_collusion(obj){ // Hide Selectboxes by Yusuf Uður Soysal - hayalet
var offsetLeft = obj.offsetLeft;
var offsetTop = obj.offsetTop;
var offsetWidth = obj.offsetWidth;
var offsetHeight = obj.offsetHeight;

var topLeftX = offsetLeft;
var topLeftY = offsetTop;
var bottomRightX = offsetLeft + offsetWidth;
var bottomRightY = offsetTop + offsetHeight;
var hyl = 0;

if(document.getElementsByTagName){
var selectTags = document.getElementsByTagName("select");

for( ; hyl < selectTags.length; hyl++){
var tag = selectTags[hyl];
var x1 = tag.offsetLeft;
var y1 = tag.offsetTop;
var x2 = x1 + tag.offsetWidth;
var y2 = y1 + tag.offsetHeight;

if( ((topLeftX < x1 && x1 < bottomRightX) || (topLeftX < x2 && x2 < bottomRightX)) &&
((topLeftY < y1 && y1 < bottomRightY) || (topLeftY < y2 && y2 < bottomRightY)) ) {

tag.style.visibility = "hidden";
hiddenTags[ hiddenTags.length ] = tag;
}
else
tag.style.visibility = "visible";
}
}
}
function hy_collusionRecover(){// Hide Selectboxes by Yusuf Uður Soysal - hayalet
var hyl = 0;

for( ; hyl<hiddenTags.length; hyl++)
hiddenTags[hyl].style.visibility = "visible";
}

// ACTION | Grab mousemove and Write Soultip
document.write(soultip);

if (document.addEventListener)
document.addEventListener("mousemove", fm_help, true);
else
document.onmousemove=fm_help;

Onurabi

Onurabi — Paz, 24 Haz 2007 21:06:16 +0200

Bizim yazdigimiz kodda scroll kullanildigi zaman alt kisimda kalan help ler üst kisimda görünüyor. Ancak sizin sayfanizda bir problem yok. Bu konuda bilgilendirirseniz seviniriz. Kolay gelsin.

Bu sorunu bende anlamadim

cuma

cuma — Cmt, 19 May 2007 16:14:37 +0200

doc type yuzunden oluyo

Glimmer

Glimmer — Paz, 08 Nis 2007 15:31:28 +0200

Hayirli Günler ! Bir sorum olacak ! mesela; açilan bir sayfa ile beraber küçük bir pencerede nasil flash açtirabiliriz? beni bilgilendirirseniz çok sevinirim tesekkürler. http://www.trimmer.page.tl

osman

osman — Sal, 03 Nis 2007 11:35:55 +0200

Bizim yazdigimiz kodda scroll kullanildigi zaman alt kisimda kalan help ler üst kisimda görünüyor. Ancak sizin sayfanizda bir problem yok. Bu konuda bilgilendirirseniz seviniriz. Kolay gelsin.

Ferruh Mavituna

Ferruh Mavituna — Paz, 17 Ara 2006 20:57:13 +0200

Su an mozilla da calisan surumu var :http://ferruh.mavituna.com/article/?1342 vehttp://ferruh.mavituna.com/article/?1340 adresinlerinde iki farkli mozilla destekleyen versiyonu var.

Cengaver

Cengaver — Paz, 17 Ara 2006 20:42:58 +0200

Ferruh bey, script'in mozilla tabaninda da çalisan sürümünü yayinlamayi düsünüyor musunuz?

enginna

enginna — Cum, 24 Kas 2006 09:49:07 +0200

ya su firefox sorunu çözülse varya mükemmel olacak ya

Ferruh Mavituna

Ferruh Mavituna — Cmt, 09 Eyl 2006 17:54:54 +0200

Ticari olarak kullanmak istersek ne kadar para ödeyecegiz?

Artik ticari olarak kullanim serbest, istediginiz sekilde kullanabilirsiniz.

Evren TÜRKOGLU

Evren TÜRKOGLU — Cmt, 09 Eyl 2006 04:17:59 +0200

Merhaba,

Ticari olarak kullanmak istersek ne kadar para ödeyecegiz?

Kenan SAHIN

Kenan SAHIN — Per, 24 Ağu 2006 09:25:52 +0200

Merhaba,

Öncelikle elinize saglik. Gerçekten çok pratik ve kullanisli bir kod olmus. Ancak sizden bir ricam var. Bu kodu kullandigim sayfalarda çikan tip kutucuklari tarayicinin kaydirma çubugunu asagi indirdigim zaman daha yukarida beliriyorlar. Kodu hiç degistirmeden kullansam dahi yine ayni sorunla karsilasiyorum. Bunu engellemek için ne yapabilirim?

Simdiden tesekkür ediyor, iyi çalismalar diliyorum.

Kenan SAHIN

Hakan Yilmaz

Hakan Yilmaz — Çar, 31 May 2006 02:11:34 +0200

Merhaba öncelikle emeginize saglik çok güzel bi script.
help="deneme" yaziyorum fakat mesajimin içinde gelen kutucuk yazi ile ayni ebatta olmuyor daha büyük oluyor. Örnekteki
(Link örnekleri : Yep de ! , Yahoo, Ferruh.Mavituna, None Link ) gibi nasil ayarlayabilirim acaba.

Azer Koçulu

Azer Koçulu — Cmt, 27 May 2006 13:50:19 +0200

Selam,

mozilla (gecko) için hatalari yamamaya çalistim.su an gecko için çalisir duruma getirebildim ama koordinat ayarlarinin yeniden ele alinmasi lazim.

mozilla için düzenledigim hali:http://www.koculu.net/jscss/dhtml/soultip/

(bu yaziyi zoque'a da gönderdim)(http://forum.zoque.net/showthread.php?p=144932)

saygilar

Sinan Sogkebir

Sinan Sogkebir — Cum, 12 May 2006 10:38:54 +0200

Vbulletin Forumlarda kullanmak istiyorum bunu. ve bir bbcode tanitmam gerek foruma yani atiyorum mesela;

<div style="width:100%; filter:glow(color=yellow, strength=4)">this text is glowing</div>

bu kodu tanitiyorum foruma daha sonra da

[glow=yellow]this text is glowing[/glow] yazinca istedigim oluyor..

Simdi bu scripti tanitacam fakat tanitamadm..Bu konuda yardim edebilirmisiniz

Ercin Dedeoglu

Ercin Dedeoglu — Cum, 12 May 2006 03:31:47 +0200

Firefox'da sorunlu; çalismiyor...

Serdar SARAÇ

Serdar SARAÇ — Per, 11 May 2006 22:21:26 +0200

Eger yukari asagi scrool' u asagi dogru kaydirildiysa Soultip üst kisimda kayboluyor!

Scrool konumundaki bu hata bu sayfada yok! Ama benim ekledigim kodda oluyor.

Bunun çözümü nedir?

Cevap verirseniz sevinirim...

ir2

ir2 — Per, 26 Oca 2006 12:58:13 +0200

bende select lerin altinda gözüküyo halen yoksa sorun bendemi IE kullaniyorum sirf selectin altinda kaldigi için soultip yerine statik bir divin içersine yazdiriyorum. yoksa sadece bendemi asagisinda gözüküyor eger öyleyse soultip kullanmak daha mantikli olacakdir.

ali güçük

ali güçük — Pzt, 09 Oca 2006 05:41:51 +0200

textarea'da seçili yaziyi ; renk,yazi tipi vb gibi seklini nasil degistiririm

Yigit Yalçin

Yigit Yalçin — Per, 22 Ara 2005 11:19:53 +0200

Merhaba, bende daha önce Mynet'ten birkaç site yaptim, yalniz çok dahada iyi olmasini istiyorum, ve bu gün burada yazilip çizilenlerden bende açikçasi hiç birsey anlamadim, Ferruh Mavituna adli arkadas'tan, neler yapmam gerektigini, en ince ayrintisina kadar, basite indirgenmis bir yazi ile, ögrenebilirsem sevinecegim.Email adresim andre_agassi@mynet.com

Said Özkan AKTUG

Said Özkan AKTUG — Cmt, 15 Eki 2005 04:09:15 +0200

çok kullanisli emegi geçenlerin ellerine saglik.

zübeyir bayrakdar

zübeyir bayrakdar — Per, 04 Ağu 2005 12:49:54 +0200

ben daha HTML editöründen site yapmayi bilmiyorum mynet in hazir web site aracindan yaptim bi kaçtane ne olsun ögreten olmayinca bizde böle hazirlariyla yetiniyoruz. bana gönüllü web site ögrenten hayir sever varsa e-mail adresim sairhan@yahoo.com bekliyorum aklim almiyor yada ben salagim artik ne oldugumu ilerde anlarim....

Kadir DOGAN

Kadir DOGAN — Sal, 21 Haz 2005 06:16:32 +0200

Soultipte resim göstermem gerekmisti geçici bir çözüm ile halletmistim.Ama daha kalici bir yöntem i yaptim sonunda buraya ekleme firsati buldum.
fm_writehelp fonksiyonunu bu sekilde degistirirseniz;

function fm_writehelp(val){ // Write Tip
var d=document;
var thisObj = d.getElementById(divname);
var innerObj = d.getElementById(divInnername);
var strAranan = "resim:"

if (val.indexOf(strAranan)!=-1) {
innerObj.innerHTML = "<img src="+val.substring(val.indexOf(strAranan)+strAranan.length)+">";
}
else {
innerObj.innerHTML = val;
}
thisObj.style.display="block";
}

kullanimi sayet soultipinizde direk yazi yazmak istiyorsaniz bilindik help="yazi" seklinde aynen kullanabilirsiniz.Ama soultipte resim görüntülemek istediginiz zaman

help="resim:dosya_yolu" seklinde kullanabilirsiniz.

ins yardimi dokunmustur.JS ögrenmemdeki yardimlari için tuncay abiye tesekkürler.

fat_cat77@hotmail.com

fat_cat77@hotmail.com — Cmt, 11 Haz 2005 09:45:31 +0200

Soultipte resim göstermem gerekti ve bunun için

Var ShowPicture;

ve fm_writehelp fonksiyonuna

if(Showpicture==false){
innerObj.innerHTML=val;
}
else{
innerObj.innerHTML="<img src=../"+val+">";
}
gibi bi kod ekledim.Tam kullanisli degil.

Sanirim kafamda help="resim:dosya_yolu" tarzinda bisey var yaptigim zaman eklerim.

cemil cengiz

cemil cengiz — Per, 09 Haz 2005 20:03:06 +0200

CSS'i belirli bir klasörün altina koyduysaniz, soultip.js içinde CSS ile ilgili satirda soultip.css den önce içine koydugunuz klasörü de yazin. aksi takdirde çalismiyor.

freelancer

freelancer — Sal, 08 Mar 2005 10:26:42 +0200

ferruh, benim sitede söyle bir problem çikardi; sayfayi yukari kaydirdikça mesaj kutusu da yukari gidiyor... Su linkten nasil bi problem olduguna bakabilirsin, biraz geç açiliyor ama... (http://deeperandfaster.3nv.com/final7.html) sadece css ile oynadim js kismina hiç dokunmadim, sence problem ne olabilir?

"test" yazisi <$BlogDateHeaderDate$> ile <$BlogItemTitle$> arasinda...

nuh

nuh — Sal, 25 Oca 2005 04:20:05 +0200

bilgileriniz için tesekkürler

Ferruh Mavituna

Ferruh Mavituna — Cum, 19 Kas 2004 10:23:38 +0200

güzel bi kod ama RESIMLER ile çalismiyor. yani

resimlerde çalisiyor ancak linlke degil direk resme help="" tagi vermeniz gerekiyor.

emre

emre — Cum, 19 Kas 2004 08:42:52 +0200

güzel bi kod ama RESIMLER ile çalismiyor. yani
<a href="#" help="welcomeAEGEE-Eskisehir">
<img border="0" src="site_dosyalari/hello.gif" width="16" height="20">
</a>
kodu yazildiginda soultip çalismiyor.

Serkan Cankaya

Serkan Cankaya — Pzt, 18 Eki 2004 21:24:31 +0200

Çok iyi ve güzel bir çalisma olmus, yanliz önemli bir problem var...
Kodlarda gördügüm kadariyla "help"i olan obje ile çalisiyor yani "desc"i. Bu durumda benim de denedigim üzere soultip sistemi <td> ile çalismiyor...
Buna göre söyle bir forum sistemi düsünür ve basliklarin üzerine gelince "Son Cevabi" görmek istersek bu sistemi kullanamamak çok yazik olur...
Saygilar.

Metin Kapcak

Metin Kapcak — Cum, 15 Eki 2004 11:30:53 +0200

http://www.walterzorn.com/tooltip/tooltip_e.htm
adresinde de benzer bir uygulama var.

Ferruh Mavituna

Ferruh Mavituna — Çar, 29 Eyl 2004 05:49:13 +0200

css dosyasi içerisindeki

#soultip{
/*Width - Height*/
width:200px;
height:50px;
}

kismindan bunu degistirebilirsiniz. width/height ile oynayarak yada bos birakarak farkli sonuçlar alabilirsiniz.
Eger width ve height' i silerseniz buradaki etkiyi alabilirsiniz.ç

Tvfk

Tvfk — Çar, 29 Eyl 2004 05:42:36 +0200

Pencereyi Dinamik bir sekilde nasil kullaniriz?
Sizin sayfanizdaki gibi ? Boyut sabit ama sizin sayfanizda kimi zaman 2 satir kimi zaman 1 satir?

tesekkürler

Huseyin YILMAZ

Huseyin YILMAZ — Pzt, 27 Eyl 2004 11:00:31 +0200

Macintosh uzerinde ben mi calistiramadim acaba...
Safari 1.2.3 (125.9) turkce kullaniyorum...

Se7en

Se7en — Sal, 27 Tem 2004 07:18:22 +0200

Kesinlikle eklemelisin. IE'den sonra gördügüm en kaliteli browser diyebilirim. Sorunsuz ve basit arayüzle çok iyi donatilmis.

Ferruh Mavituna

Ferruh Mavituna — Sal, 27 Tem 2004 06:21:25 +0200

Macintosh üzerinde Safari'de sorunsuz çalisiyor. Ancak Internet Explorer 5.2 (son versiyon) çalismiyor ve site birbirine giriyor.

Eyvallah yeni versiyonda ya sorunu çözeriz insallah eger becermezsek de hiç yoktan disable ederiz. Safari' de sorunsuz çalismasina da çok sevindim. Onu da browser listesine ekleyeyim.

Se7en

Se7en — Sal, 27 Tem 2004 04:52:18 +0200

Macintosh üzerinde Safari'de sorunsuz çalisiyor. Ancak Internet Explorer 5.2 (son versiyon) çalismiyor ve site birbirine giriyor.

Ferruh Mavituna

Ferruh Mavituna — Paz, 30 May 2004 09:49:01 +0200

SoulTip Internet Explorer 5 ve üzerinde sorunsuz sekilde çalisacaktir. Diger browserlar basit sekilde onu kaale almayacaktir ve hata göstermeyeceklerdir. Mac üzerinde test edilmemisti ancak sorun çikarmasi beklenmemektedir

Açiklamasinda da belirttigim gibi sadece IE. SoulTip deneysel bir JS yaklasimi, HTML Oriented yani sadece taga help="" i eklemeniz yeterli.

Eger Firefoxta, Konqueror vs. bunu yapabiliyorsak hadi onlarda da çalistiralim, Merak etmeyin ben zaten web standartlarini umursayan biriyim, kritik görevler için soultip yanlistir (her açidan, ayni diger tüm JSlerin yanlis oldugu gibi), bir ek yada intranet veya benzeri çözümler için uygundur.

Son olarak diger benzeri tüm scriptlerden farkida çok basit olmasidir.

Gezgin

Gezgin — Paz, 30 May 2004 08:35:08 +0200

buhttp://www.bosrup.com/web/overlib/ deki kod tum tariyicilarda calisiyor (sadece ie de arkaplani transparant oluyo, diger tum ozellikleri calisiyor)

onun paralellinde dhtml kutuphanesi kullanrak 1.2 yada 2.0 falan yapilirsa cok iyi olur-, yoksa olmaz mi !??

CodedBY

CodedBY — Paz, 30 May 2004 07:46:35 +0200

IE için iyi hos bir script lakin, ben bir firefox cuyum ve baktim bu kod gecersiz, hiç bir hukmu yok
ayni olay opera 7.23, netscape 7.1 içinde gecerli

saygilar ..

Bülent AYDOGDU

Bülent AYDOGDU — Cum, 28 May 2004 09:13:27 +0200

Merhabalar,
Benim sorum web sayfasini yazdirmak. Fakat window.print() deyimi ile windows penceresi çikiyor. Yapmak istedigim o pencere çikmadan default printer' a yatay veya dikey olusunu ben yollayip direkt olarak yazdirmak. Yardimci olursaniz sevinirim.
Tesekkürler.

Selim Topaloglu

Selim Topaloglu — Sal, 24 Şub 2004 12:58:51 +0200

Gerçekten çok güzel yeni siteme koymayi düsünüyorum....