Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] title linkow tekstowych
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Krzychur
Rozwiązanie aby dla linków tekstowych po najechaniu był opis tekstowy to:
[xml:1:bc227d61da]<A HREF=http://krzychur.prv.pl TITLE="Krzychur HomePage">Strona</A>[/xml:1:bc227d61da]
Jednagże niektórzy nie spodziewają się, ze wogule cos sie pojawi a chce aby to przeczytali np linki do artykulow. WIem że jest rozwiązanie żeby to się szybciej pojawiało... Czy ktoś zna takie rozwiązanie aby to się pojawiało od razu po najechaniu na ten link tylko podkursorem i odrobine na lewo aby nie zaslanialo linku? A przy okazji to jeszcze aby kolor obramowania tej tabelki z tekstem byl #0b84ff, a srodek tabelki #d5e9ff.
orson
witam ...

da sie ... ale trzeba napisac sobie skrypt w js ktory to zrobi poniewaz wlasciwosci tool tipow ustawia sie globalnie dla systemu ...

cya
marlowe
Chyba o coś takiego Ci chodzi:
[xml:1:5db14ef524]<html dir="ltr">
<head>
<title>Tool Tip w Javascript</title>
<meta http-equiv="Content-Type" content="text/html;" charset="iso-8859-2"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<script language="javascript" type="text/javascript">
if (!document.layers&&!document.all)
event="test"
function tooltip(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
</script>
</head>
<body>
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50

0);width:150px;background-color:lightyellow">
<layer name="nstip" width=1000px bgColor="lightyellow"></layer>
</div><a href="http://www.php.pl" onMouseover="tooltip(this,event,'Tu jest sobie opis')" onMouseout="hidetip2()">Forum php.pl</a>
</body>
</html>[/xml:1:5db14ef524]
Pozdrawiam
Bartek
Teodor
Cytat
Chyba o coś takiego Ci chodzi:
[xml:1:bbd2dacb17]<html dir="ltr">
<head>
<title>Tool Tip w Javascript</title>
<meta http-equiv="Content-Type" content="text/html;" charset="iso-8859-2"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<script language="javascript" type="text/javascript">
if (!document.layers&&!document.all)
event="test"
function tooltip(current,e,text){

if (document.all&&document.readyState=="complete"){

[...]

[/xml:1:bbd2dacb17]
Pozdrawiam
Bartek


Ludzie patrzcie co wklejacie... ten kod powyzej to zabytek ery NS 4.0 ...

http://gemal.dk -> wspanialy tooltip

<offtopic>
jak juz cos wklejacie (kod) to moze by wypadalo sprawdzic czy dziala on wogole... a nie ladowac znalezione gdzies gotowce w nadzieji ze zadziala...
</offtopic>

Pozdrawiam
marlowe
Taaak... to moze po kolei:
- być może masz rację, że ten skrypt jest przestarzały- nie znam się na tym- miałem taki na kompie więc żeby pomóc Krzychur go podałem.
- cóż... wyjątkowo nie udał Ci się Twój offtopic bo akurat skrypt użyty na stronie, do której link podałeś wywalił mi błąd (JavaScript error detected!Error: Nieprawidłowy argument Line: 131 URL: http://germal.dk/ Browser: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;...))...
- skrypt, który podałem działa, jak najbardziej- tu jest przykład.
Pozdrawiam
Bartek
Krzychur
Dobra przyklady mam i wystarczy. Trzeba zglosic moderatorom ze przyciski pomogl mi nie dzialaja...
--------zmieniony-------------
Troche poprawilem skrypt.
Kod
<SCRIPT language=javascript type=text/javascript>

if (!document.layers&&!document.all)

event="test"

function tooltip(current,e,text){



if (document.all&&document.readyState=="complete"){

document.all.tooltip2.innerHTML='<TABLE WIDTH=100% CELLPADDING=0 CELLSPACCING=0 STYLE="border: 1px, solid" BORDERCOLOR=#0b84ff BGCOLOR=#d5e9ff><TR><TD>'+text+'</TABLE>'

document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+100

document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+1

document.all.tooltip2.style.visibility="visible"

}

}

function hidetip2(){

if (document.all)

document.all.tooltip2.style.visibility="hidden"

}





</SCRIPT>

<font id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0

1500 500

0);width:150px;background-color:lightyellow">



</font> <a href="http://www.php.pl" onMouseover="tooltip(this, event, 'Tu jest ddasd asdh sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobie opis')" onMouseout="hidetip2()"> Forum php.pl </a>

<BR><BR>

<font id="tooltip3" style="position:absolute;visibility:hidden;clip:rect(0

1500 500

0);width:150px;background-color:lightyellow">



</font> <a href="http://www.php.pl" onMouseover="tooltip(this, event, 'Tu jest ddasd asdh sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobi sal dhalsda ssobie opis')" onMouseout="hidetip2()"> Forum php.pl </a>



</body>

</html>


------------------------
WSZYSCY CO MI POMOGLI PROSZE WYSYLAC PRYWATNE WIADOMOSCI O TEMACIE POMOGL MI I KROTKIEJ INFORMACJI CO ZROBILI PONIEWAZ NIE DZIALA TEN LINK
Teodor
Cytat
Taaak... to moze po kolei:
- być może masz rację, że ten skrypt jest przestarzały- nie znam się na tym- miałem taki na kompie więc żeby pomóc Krzychur go podałem.
- cóż... wyjątkowo nie udał Ci się Twój offtopic bo akurat skrypt użyty na stronie, do której link podałeś wywalił mi błąd (JavaScript error detected!Error: Nieprawidłowy argument Line: 131 URL: http://germal.dk/ Browser: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0;...))...
- skrypt, który podałem działa, jak najbardziej- tu jest przykład.
Pozdrawiam
Bartek

hmm cos ciekawego poniewaz wlasnie sprawdzilem pd IE i jakos dziala...

Jezeli podajesz gotowiec to sprawdz czy dziala NIE tylko Tobie - zalozenie ze "u mnie dziala to u innych tez, juz dawno sie nie sprawdza".

IE jak kazda nowoczesna przegladarka wspiera DOM (no przynajmniej w czesci) wiec moze czas aby "programisci" sie dostosowali...

Dzieki Twojej "podpowiedzi" szczesliwy Krzychur ma swoj skrypt, ktory nie dziala w Mozilli i innych przegladarkach nie rozumiejacych "document.all" (ktory jest wymyslem M$ i nie widnieje w zadnej specyfikacji)...


Pozdrawiam
gosciu
OverLIB (aktualnie padl im web, ale pewnie szybko wstanie).
DeyV
Nie tak ostro - ludzie...
Nie należy kogoś krytkować za to że stara się pomóc, i robi to na poziomie swoje wiedzy, umiejętności.
A jeśli pojawia się jakiś błąd - wystarczy pokazać go, a nie krytykować, czepiać się całej wypowiedzi.

ps. Polecam http://www.twinhelix.com/dhtml/tipster.html
marlowe
Masz rację. "Się zdenerwowałem". Przepraszam.
Pozdrawiam
Bartek
#Teodor: P.S. Skrypt sprawdziłem na Operze, zapomniałem na Mozilli. P.S.2. Nie jest niemożliwe, że błąd skryptu, który mi wyskoczył na http://germal.dk/ był "bezpodstawny"- mam jakieś problemy z połączeniem i takie komunikaty zaczęły mi wyskakiwać na na-pewno-dobrych stronach.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.