Soultip-HTML 4.01

omr · 18.01.2005

Bu aralar kendime yeni bir site yapmaya çalışıyorum.Bunun içinde Dreamweaver mx 2004 programını kullanıyorum.Programda yeni bir sayfa açtığımızda en başa

Kod:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

kodunu ekliyor.Öncelerde sorun çıkmıyordu sonra siteme SoulTip i ekleyince sorun çıkmaya başladı.Nedeni ise yukarıdaki kod sayfada bu kod varken soultip çalışıyor fakat scrollbar ı aşağı çekince soultip çıkması gerekenin biraz daha üzerinde çıkıyor. Bknz:örnek sayfa
Bu sorunu kodu silince çözüyorum ama kodu silince de stiller birbirine giriyor sayfanın görüntüsü bozuluyor.Sorunu halletmemde yardımcı olursanız çok sevinirim.

soul · 19.01.2005

Bu klasik bir sorun aslında bir yerlerde bu sorun ile uğraşmak için not almış hatta bir kaç adım da atmıştım ancak şimdi bulamadım.

Bahane ile fixledim;
yeni kod şu şekilde (ek olarak attachledim de);

PHP Code:


			
//*********************************//

// SoulTip v1.2

//*********************************//



//*********************************//

// MAIN DEVELOPER

//*********************************//

// Ferruh Mavituna

// Contact : http://ferruh.mavituna.com/cnt.ASP





//*********************************//

// OTHER DEVELOPERS (Many Thanks & Respect)

//*********************************//

    //Yusuf Uğur Soysal/hayalet

    //Hide Selectboxes 

        //hy_collusion()

        //hy_collusionRecover()

    //ScreenWidth scroll overflow solution ideas





//*********************************//

// CONTACT

//*********************************//

// ferruh{at}mavituna.com 

// http://ferruh.mavituna.com/contact.ASP

// http://ferruh.mavituna.com





//*********************************//

// LICENCE

//*********************************//

/*

    SoulTip v1.1 JavaScript based easy tooltip System 

    Copyright (C) {2003} {Ferruh Mavituna} http://ferruh.mavituna.com



    This program is free software; you can redistribute it and/or modify it

    under the terms of the GNU General Public License as published by the Free

    software Foundation; either version 2 of the License, or (at your option)

    any later version.



    This program is distributed in the hope that it will be useful, but WITHOUT

    ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS

    FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.



    You should have received a copy of the GNU General Public License along with

    this library; if not, write to the Free software Foundation, Inc., 59 Temple

    Place, Suite 330, Boston, MA 02111-1307 USA

*/





//*********************************//

// DEVELOPMENT HISTORY

//*********************************//

// 25.04.2003

    //First Development

// ?

    //Some Performance Improvements

// 24.07.2003 

    //Some Improvements

    //Hide Selectboxes

    //Fix Screenwidth problems -for x and y-

    //    Licensed Under GPL



//25.10.2003

    //Fixed Mode added and stabled



// fm_findObj() replaced getElementById()



//19.01.2005

    // getD() added very late fix for doctype compatiblity



//*********************************//

// SAMPLE USAGE & SUPPORT

//*********************************//

// <a href="test.htm" help="Go to test page">Look at me !</a>

// For more info http://ferruh.mavituna.com/article.ASP?181



/****************************************************************************************/

// CODE STARTED

/****************************************************************************************/

// Customizations;

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 soultip="<div id='soultip'><div id='soultipinner'></div></div><link href='soultip.CSS' rel='stylesheet' type='text/CSS' />"



// -- END OF Customizations;

/****************************************************************************************/





// Fix SoulTip Coordinates

var CoordLeft=10;

var CoordRight=-15;



//* For Storing hidden selects

var hiddenTags = new Array();



function getD(){ //Fix! DOCTYPE Compatibility // 19.01.2005

    var d=document;

    return (d.compatMode=='CSS1Compat')?d.documentElement:d.body;

}



function fm_MXY(XorY){ // Mouse Coords

    var coord = 0;

    var doc=getD();

    XorY=="x"?coord = event.clientX + doc.scrollLeft:coord = event.clientY + doc.scrollTop;

    if(coord<0)coord=0;

    return coord;

}



function fm_help(){ // Show-Hide 

    var d=document;

    var doc=getD();

    var NewCoordLeft=0,NewCoordRight=0; 

    var thisObj=d.getElementById(divname); // findObj

    var browserwidth=doc.clientWidth; // Browser sizes - Positions

    var browserheight=doc.clientHeight+doc.scrollTop+25;

    var soulwidth=thisObj.offsetWidth+10, soulheight=thisObj.offsetHeight+10; // Soultip sizes



    var activeObj=window.event.srcElement; // Active Object

    var desc=activeObj.help; //help tag

    

    if(desc!=null){    //If object help tag exist

        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

if(document.all){ //Hide from other browsers

    document.write(soultip);

    document.onmousemove=fm_help;

}

omr · 19.01.2005

Teşekkür ederim şimdi sorunsuz çalışıyor.

18.01.2005	#1 (permalink)
omr Üyelik Tarihi: 17.07.2004 Yer: Bilecik Yaş: 20 Mesaj: 136	Soultip-HTML 4.01 Bu aralar kendime yeni bir site yapmaya çalışıyorum.Bunun içinde Dreamweaver mx 2004 programını kullanıyorum.Programda yeni bir sayfa açtığımızda en başa Kod: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> kodunu ekliyor.Öncelerde sorun çıkmıyordu sonra siteme SoulTip i ekleyince sorun çıkmaya başladı.Nedeni ise yukarıdaki kod sayfada bu kod varken soultip çalışıyor fakat scrollbar ı aşağı çekince soultip çıkması gerekenin biraz daha üzerinde çıkıyor. Bknz:örnek sayfa Bu sorunu kodu silince çözüyorum ama kodu silince de stiller birbirine giriyor sayfanın görüntüsü bozuluyor.Sorunu halletmemde yardımcı olursanız çok sevinirim.

19.01.2005	#3 (permalink)
omr Üyelik Tarihi: 17.07.2004 Yer: Bilecik Yaş: 20 Mesaj: 136	Re: Soultip-HTML 4.01 Teşekkür ederim şimdi sorunsuz çalışıyor.

Sponsorlu Bağlantılar
Zoque.Forum Reklam