Dymek z podpowiedzią

jano · 2010-03-07 19:22:07

Chciałbym zrobić dymek, który pojawia się po najechaniu na link/obrazek kursorem myszy i taki, który mogę dowolnie edytować (kolor chmurki, kolor tekstu, pogrubienie, podkreślenie, itd.). Wiem, że jest taka możliwość w Java Script, wiem, że w internecie roi się od takich skryptów, ale za nic nie wiem jak go wrzucić na forum. Znam znaczniki html, ale co z tego skoro wszystkie skrypty opisane w necie są treści "A to wklej do sekcji body"? Nie mam na forum sekcji body, dlatego chciałbym wiedzieć jak wygląda kod takiej chmurki na forum. Dodam tylko, że najlepiej aby skrypt był w html, bo sam do końca nie wiem gdzie zastosuję go na forum, dlatego wolałbym uniwersalnie - skrypt i do ogłoszenia i do postu. I czy można zrobić dwie wersje - jedną, że po najechaniu pojawia się chmurka i tyle, a druga, że dodatkowo po kliknięciu przenosi pod wskazany adres url?

Rudik · 2010-03-07 19:37:55

http://vivee.info/2009/09/15/szybki-pod … ca-jquery/

Tam znajdziesz skrypt jQuery (JS) z opisem, który możesz zainstalować na swoim forum.
Tylko te pliki JS o których tam mowa musisz umieścić na jakimś własnym hoście (w rozszerzeniu .js) i do nich dać odwołanie, a nie do plików na Twoim komputerze.

djkoza · 2010-03-07 19:57:53

jak to zrobic?

jano · 2010-03-07 20:42:39

Rozumiem, tylko, że tam znowu są odniesienia do sekcji head, itd. i nie mam pojęcia jak to zrobić. Mógłbyś podać gotowy kod, bo chociaż wiem o co Ci chodzi, to nie wiem jak mam to zrobić?

Rudik · 2010-03-07 20:57:00

Dla Ciebie ważna jest część Podgląd opisu linka zastosowany w tekście.
Postępuj zgodnie z tutorialem na vivee.info, tylko zamiast kodu odwołującego się do JS umieszczonego w head, umieść go w ogłoszeniu [sred])
Natomiast ten kod umieść też w ogłoszeniu bądź stopce:

<style type="text/css">
#screenshot{
position:absolute;
font:11px X, sans-serif!important;
padding:Ypx;
border:1px solid Z;
background:A;
color:B;
display:none;
}
</style>

Gdzie X: nazwa czcionki w cudzysłowach, np: font: 11px "Trebuchet MS", sans-serif!important;
Gdzie Y: odstęp tekstu w boxie pomiędzy obramowaniem
Gdzie Z: kolor obramowanie (rgb lub Angielska nazwa)
Gdzie A: kolor tła (rgb lub Angielska nazwa)
Gdzie B: kolor tekstu (rgb lub Angielska nazwa)

jano · 2010-03-07 21:13:17

W stopkę wstawiłem coś takiego

<style type="text/css">
<a href="http://vivee.info" class="tooltip" title="blog o webmasteringu, grafice i fotografii">Vivee.info</a></p>
</style>

<style type="text/css">
#screenshot{
        position:absolute;
        font:11px "Trebuchet MS", Arial, Helvetica, sans-serif!important;
        padding:8px;
        border:1px solid #d0d0d1;
        background:#ffffff;     
        color:#333;
        display:none;
        }
</style>

ale wtedy nic nie widać. Poprawiłem na coś takiego

<a href="http://vivee.info" class="tooltip" title="blog o webmasteringu, grafice i fotografii">Vivee.info</a></p>
<style type="text/css">
#screenshot{
        position:absolute;
        font:11px "Trebuchet MS", Arial, Helvetica, sans-serif!important;
        padding:8px;
        border:1px solid #d0d0d1;
        background:#ffffff;     
        color:#333;
        display:none;
        }
</style>

Wtedy pojawia się link tylko, że po najechaniu nie pojawia się chmurka (tylko systemowa po dłuższym przytrzymaniu kursora na linku).

Rudik · 2010-03-07 22:22:44

Po pierwsze usuń </p> z linku, po drugie: na pewno dałeś linki do plików JS?

jano · 2010-03-08 03:10:03

W pierwszym kodzie po usunięciu </p> już coś widać, tylko to co widać to kod (tak jakby to nie był kod tylko zwykły tekst), a w drugim zupełnie nic się nie zmienia. Wyżej wymienione skrypty (oczywiście osobno, raz testując jeden a raz drugi) są jedynymi kodami jakie wstawiam, czy czegoś jeszcze brakuje?

Rudik · 2010-03-08 20:39:28

tutorial z vivee.info napisał/a:

Podstawową czynnością jeżeli chodzi o wykorzystywanie skryptów opartych o jQuery jest pobranie samej biblioteki.
A następnie wklejenie do sekcji head kodu wywołującego tą bibliotekę.
[tutaj dalsza część tutoriala]

ja w 1. poście napisał/a:

Tam znajdziesz skrypt jQuery (JS) z opisem, który możesz zainstalować na swoim forum.
Tylko te pliki JS o których tam mowa musisz umieścić na jakimś własnym hoście (w rozszerzeniu .js) i do nich dać odwołanie, a nie do plików na Twoim komputerze.

Czy przeczytałeś chociaż ten poradnik z tej strony czy tylko spojrzałeś na kod i wkleiłeś jak głupi?

jano · 2010-03-08 23:50:57

Przeczytałem tylko nie zrozumiałem o co Ci dokładnie chodzi i myślałem, że to nie takie ważne [dblpt]P Tylko jest jeden problem, gdy próbuję pobrać plik bibliotek przenosi się mnie na stronę treści: "Error: Not Found". Może można gdzie indziej pobrać tę bibliotekę?

fighter79 · 2010-03-17 12:51:50

sprobuj pozniej, chyba ze usuneli tę" biblioteczke "

jano · 2010-03-17 13:27:45

Już wszystko działa, ale jak z wszystkim muszą być oczywiście komplikacje (w innym wątku o tym napisałem) [dblpt][slash] ale nie ważne, jakoś sobie poradziłem.

Oficjalne forum pomocy serwisu PUN.pl

#1 2010-03-07 19:22:07

Dymek z podpowiedzią

#2 2010-03-07 19:37:55

Odp: Dymek z podpowiedzią

#3 2010-03-07 19:57:53

Odp: Dymek z podpowiedzią

#4 2010-03-07 20:42:39

Odp: Dymek z podpowiedzią

#5 2010-03-07 20:57:00

Odp: Dymek z podpowiedzią

#6 2010-03-07 21:13:17

Odp: Dymek z podpowiedzią

#7 2010-03-07 22:22:44

Odp: Dymek z podpowiedzią

#8 2010-03-08 03:10:03

Odp: Dymek z podpowiedzią

#9 2010-03-08 20:39:28

Odp: Dymek z podpowiedzią

#10 2010-03-08 23:50:57

Odp: Dymek z podpowiedzią

#11 2010-03-17 12:51:50

Odp: Dymek z podpowiedzią

#12 2010-03-17 13:27:45

Odp: Dymek z podpowiedzią

Stopka